From 8f300394abcd48804633a1f6781f0e93df6e1653 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Sat, 3 Aug 2024 15:30:41 +0200
Subject: [PATCH] fix : implement game start event

---
 app.vue         |  5 ++-
 nuxt.config.ts  |  1 +
 pages/game.vue  | 85 +++++++++++++++++++++++++++++--------------------
 pages/lobby.vue |  6 ++--
 4 files changed, 58 insertions(+), 39 deletions(-)

diff --git a/app.vue b/app.vue
index d3df684..3bba584 100644
--- a/app.vue
+++ b/app.vue
@@ -18,9 +18,8 @@ console.log("compiling done");
 useHead({
   title: "Héron Realms",
 });
-onMounted(() => {
-  authStore.whoami();
-});
+
+await authStore.whoami();
 </script>
 <template>
   <div class="root_dom_div">
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 21962f1..116e7f3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -7,6 +7,7 @@ export default defineNuxtConfig({
       welcomeMessage: "Hello",
       endpoint: "https://playtest.legonzaur.fr/api", // can be overridden by NUXT_PUBLIC_ENDPOINT environment variable
       discordLoginEndpoint: process.env.NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT,
+      devMode: false,
     },
   },
   modules: ["@pinia/nuxt", "@pinia-plugin-persistedstate/nuxt"],
diff --git a/pages/game.vue b/pages/game.vue
index b2a4254..7585e71 100644
--- a/pages/game.vue
+++ b/pages/game.vue
@@ -26,8 +26,11 @@ const {
 } = await useFetch<Game>(config.public.endpoint + `/games/${gameId}`, {
   credentials: "include",
   server: false,
+  immediate: true,
 });
 
+await execute();
+
 const containers = computed<Record<string, Container>>(() => ({
   [game.value!.fireGems._id]: game.value!.fireGems,
   [game.value!.market._id]: game.value!.market,
@@ -65,8 +68,9 @@ async function execAction(callback: () => Promise<any>) {
 }
 
 const handlers = {
-  start: async () => {
-    throw new Error("not implemented");
+  start: async (data: any, game: Game) => {
+    game.started = true;
+    game.currentTurn = data.game.currentTurn;
   },
   populateContainer: async (data: any) => {
     const fromContainer = containers.value[data.container._id as string];
@@ -239,7 +243,11 @@ onBeforeMount(async () => {
     }
     const data = JSON.parse(message.data);
     queueAction(async () => {
-      await handlers[data.type as keyof typeof handlers](data, current_game);
+      if (data.type in handlers) {
+        await handlers[data.type as keyof typeof handlers](data, current_game);
+      } else {
+        console.error(data.type + " not implemented");
+      }
     });
   });
 });
@@ -302,7 +310,9 @@ function showDiscard() {
   discard_unwrapped.value = true;
 }
 onUnmounted(() => {
-  eventSource.close();
+  if (eventSource) {
+    eventSource.close();
+  }
 });
 </script>
 
@@ -387,36 +397,41 @@ onUnmounted(() => {
     <!-- <LoadingScreen v-if="!loaded"></LoadingScreen> -->
     <footer>
       <GameOverlayOptionsDialog></GameOverlayOptionsDialog>
-      <div id="turn_buttons" v-if="game">
-        <button
-          id="end_turn"
-          class="end_turn_button turn_icon"
-          :class="{ hidden: !isTurn }"
-          @click="endTurn(game._id)"
-          v-if="game.started && isTurn"
-        >
-          END TURN
-        </button>
-        <button
-          class="end_turn_button turn_icon"
-          @click="startGame(game._id)"
-          v-if="!game.started && game.owner.userId == authStore.selfUser.userId"
-        >
-          Start game
-        </button>
-        <button
-          class="end_turn_button turn_icon"
-          @click="joinGame(game._id)"
-          v-if="
-            game.started &&
-            authStore.logged &&
-            playerList?.every((p) => p.user.userId != authStore.selfUser.userId)
-          "
-        >
-          Join game
-        </button>
+      <ClientOnly>
+        <div id="turn_buttons" v-if="game">
+          <button
+            id="end_turn"
+            class="end_turn_button turn_icon"
+            :class="{ hidden: !isTurn }"
+            @click="endTurn(game._id)"
+            v-if="game.started && isTurn"
+          >
+            END TURN
+          </button>
+          <button
+            class="end_turn_button turn_icon"
+            @click="startGame(game._id)"
+            v-if="
+              !game.started && game.owner.userId == authStore.selfUser.userId
+            "
+          >
+            Start game
+          </button>
+          <button
+            class="end_turn_button turn_icon"
+            @click="joinGame(game._id)"
+            v-if="
+              game.started &&
+              authStore.logged &&
+              playerList?.every(
+                (p) => p.user.userId != authStore.selfUser.userId
+              )
+            "
+          >
+            Join game
+          </button>
 
-        <!-- <div
+          <!-- <div
           class="warning"
           :class="{
             'warning-fire-gem': warningText == 'P\'tite Fire gem?',
@@ -425,7 +440,9 @@ onUnmounted(() => {
         >
           /!\<br />{{ warningText }}
         </div> -->
-      </div>
+        </div>
+      </ClientOnly>
+
       <button @click="navigateTo('/lobby')">Return to lobby</button>
     </footer>
   </div>
diff --git a/pages/lobby.vue b/pages/lobby.vue
index 0689657..254fa32 100644
--- a/pages/lobby.vue
+++ b/pages/lobby.vue
@@ -71,7 +71,9 @@ onUnmounted(() => {
             <button
               @click="createGame"
               v-if="
-                games?.some((g) => g.owner.userId !== authStore.selfUser.userId)
+                !games?.some(
+                  (g) => g.owner.userId === authStore.selfUser.userId
+                )
               "
             >
               Create Game
@@ -126,7 +128,7 @@ onUnmounted(() => {
       </ClientOnly>
     </main>
 
-    <div class="overlay" v-if="erika_alive">
+    <div class="overlay" v-if="erika_alive && !config.public.devMode">
       <div class="erika-zone">
         <img
           @click="router.push('/rules')"