fix(web): display version from json file

Taskfile.yml

@@ -199,7 +199,7 @@ tasks:
     interactive: true
     env:
       VITE_GAME_VERSION: v0.0.0
-      VITE_GAME_COMMIT: ff7580e
+      VITE_GAME_COMMIT: taskbld01
     preconditions:
       - sh: >-
           {{if eq OS "linux"}}

web/src/components/GodotFrame.tsx

@@ -13,7 +13,7 @@ export const GodotFrame = () => {
   });
   return (
     <div className="grid justify-items-center px-6 pt-6">
-      <div className="w-screen-lg relative aspect-video min-w-[90vw]">
+      <div className="w-screen-lg relative aspect-video min-h-[70vh]">
         {!showIframe && (
           <div className="absolute inset-0 flex items-center justify-center bg-muted bg-opacity-75">
             <Button onClick={() => setShowIframe(true)}>
@@ -37,14 +37,7 @@ export const GodotFrame = () => {
           />
         )}
         <p className="absolute bottom-0 right-2 text-primary-foreground">
-          build:{" "}
-          {gameVersionData
-            ? gameVersionData.version
-            : import.meta.env.VITE_GAME_VERSION}{" "}
-          commit:{" "}
-          {gameVersionData
-            ? gameVersionData.commit
-            : import.meta.env.VITE_GAME_COMMIT}
+          build: {gameVersionData?.version} commit: {gameVersionData?.commit}
         </p>
       </div>
     </div>

web/src/lib/versions.ts

@@ -1,14 +1,16 @@
-interface GameVarsion {
-  VERSION: string;
-  COMMIT: string;
+interface GameVersion {
+  version: string;
+  commit: string;
 }
 
-export async function getGameVersionInfo() {
+export async function getGameVersionInfo(): Promise<GameVersion> {
   const req = await fetch("/download/latest_version.json");
-  const data = (await req.json()) as GameVarsion;
-
-  return {
-    version: data.VERSION,
-    commit: data.COMMIT,
-  };
+  if (!req.ok) {
+    return {
+      version: import.meta.env.VITE_GAME_VERSION ?? "v0.0.0",
+      commit: import.meta.env.VITE_GAME_COMMIT ?? "devbld01",
+    };
+  }
+  const data = (await req.json()) as GameVersion;
+  return data;
 }