feature: show cs build info on game node server

Author: lukepolo

components/game-server-nodes/GameServerNodeRow.vue

@@ -35,6 +35,11 @@ import { Trash2, RefreshCw } from "lucide-vue-next";
     <TableCell>
       <template v-if="gameServerNode.build_id">
         {{ gameServerNode.build_id }}
+        <template v-if="gameServerNode.build_id != csVersion">
+          <Button variant="destructive" size="sm" @click="updateCs"
+            >Update CS</Button
+          >
+        </template>
       </template>
       <template
         v-else-if="
@@ -229,6 +234,11 @@ export default {
       },
     },
   },
+  computed: {
+    csVersion() {
+      return useApplicationSettingsStore().csBuildInfo?.buildid;
+    },
+  },
   methods: {
     async updateCs() {
       await this.$apollo.mutate({

pages/game-server-nodes/index.vue

@@ -67,6 +67,18 @@ import { Info } from "lucide-vue-next";
       </template>
     </PageHeading>
 
+    <Alert class="flex items-center gap-4">
+      <div class="flex items-center gap-2">
+        <Info class="h-4 w-4" />
+        <AlertTitle class="m-0">CS2 Version Information:</AlertTitle>
+      </div>
+      <AlertDescription class="m-0 flex items-center gap-2">
+        <span>Build ID: {{ csVersion }}</span>
+        <span class="text-muted-foreground">•</span>
+        <span>Last Updated: {{ csVersionLastUpdated?.toLocaleString() }}</span>
+      </AlertDescription>
+    </Alert>
+
     <Card class="p-4">
       <Table>
         <TableHeader>
@@ -175,6 +187,14 @@ export default {
     supportsGameServerNodes() {
       return useApplicationSettingsStore().supportsGameServerNodes;
     },
+    csVersion() {
+      return useApplicationSettingsStore().csBuildInfo?.buildid;
+    },
+    csVersionLastUpdated() {
+      return new Date(
+        useApplicationSettingsStore().csBuildInfo?.timeupdated * 1000,
+      );
+    },
   },
 };
 </script>

stores/ApplicationSettings.ts

@@ -130,6 +130,18 @@ export const useApplicationSettingsStore = defineStore(
 
     subscribeToAvailableRegions();
 
+    const csBuildInfo = computed(() => {
+      const version = settings.value.find(({ name }) => {
+        return name === "cs_version";
+      })?.value;
+
+      if (!version) {
+        return;
+      }
+
+      return JSON.parse(version);
+    });
+
     return {
       settings,
       availableRegions,
@@ -139,6 +151,7 @@ export const useApplicationSettingsStore = defineStore(
       supportsDiscordBot,
       supportsGameServerNodes,
       playerNameRegistration,
+      csBuildInfo,
     };
   },
 );