Show current web version

Author: sarahsturgeon

web/frontend/src/lib/MetadataRow.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    export let label: string;
+    export let value: string;
+    export let href: string | null = null;
+</script>
+
+<div class="flex justify-between">
+    <span class="text-gray-400">{label}:</span>
+    {#if href}
+        <a {href} target="_blank" rel="noopener noreferrer" class="font-mono text-indigo-400 hover:text-indigo-300 hover:underline truncate">{value}</a>
+    {:else}
+        <span class="font-mono text-gray-200 truncate">{value}</span>
+    {/if}
+</div>

web/frontend/src/lib/SessionMetadata.svelte

@@ -1,12 +1,21 @@
 <script lang="ts">
-    import { sessionMetadata } from "./stores";
+    import { sessionMetadata, sessionState } from "./stores";
+    import MetadataRow from "./MetadataRow.svelte";
+
+    declare const __COMMIT_SHA__: string;
+    const commitSha = __COMMIT_SHA__;
+
+    $: showWebVersion = $sessionState !== "closed" && $sessionState !== "readonly";
 </script>
 
 {#if $sessionMetadata}
     <div class="text-xs space-y-1">
-        <div class="flex justify-between"><span class="text-gray-400">Started:</span><span class="font-mono text-gray-200">{new Date($sessionMetadata.startedAt).toLocaleString()}</span></div>
-        <div class="flex justify-between"><span class="text-gray-400">Branch:</span><a href="https://steamdb.info/app/4000/depots/?branch={$sessionMetadata.branch}" target="_blank" rel="noopener noreferrer" class="font-mono text-indigo-400 hover:text-indigo-300 hover:underline truncate">{$sessionMetadata.branch}</a></div>
-        <div class="flex justify-between"><span class="text-gray-400">Game Ver:</span><a href="https://steamdb.info/patchnotes/{$sessionMetadata.gameVersion}" target="_blank" rel="noopener noreferrer" class="font-mono text-indigo-400 hover:text-indigo-300 hover:underline truncate">{$sessionMetadata.gameVersion}</a></div>
-        <div class="flex justify-between"><span class="text-gray-400">Container:</span><span class="font-mono text-gray-200 truncate">{$sessionMetadata.containerTag}</span></div>
+        <MetadataRow label="Started" value={new Date($sessionMetadata.startedAt).toLocaleString()} />
+        <MetadataRow label="Branch" value={$sessionMetadata.branch} href="https://steamdb.info/app/4000/depots/?branch={$sessionMetadata.branch}" />
+        <MetadataRow label="Game Ver" value={$sessionMetadata.gameVersion} href="https://steamdb.info/patchnotes/{$sessionMetadata.gameVersion}" />
+        <MetadataRow label="Container" value={$sessionMetadata.containerTag} />
+        {#if showWebVersion}
+            <MetadataRow label="Web Ver" value={commitSha} href="https://github.com/CFC-Servers/glua.dev/tree/{commitSha}" />
+        {/if}
     </div>
 {/if}

web/frontend/vite.config.ts

@@ -1,7 +1,13 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from "vite"
+import { svelte } from "@sveltejs/vite-plugin-svelte"
+import { execSync } from "child_process"
+
+const commitSha = execSync("git rev-parse --short HEAD").toString().trim()
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [svelte()],
+  define: {
+    __COMMIT_SHA__: JSON.stringify(commitSha),
+  },
 })