画面下にリビジョンを表示

viewer/src/AppLayout.tsx

@@ -140,6 +140,10 @@ export function AppLayout() {
       )}
 
       <Outlet context={{ events, exclusions } satisfies LayoutContext} />
+
+      <footer style={{ marginTop: "2rem", color: "#999", fontSize: "0.75rem" }}>
+        rev: {__GIT_REVISION__}
+      </footer>
     </div>
   );
 }

viewer/src/vite-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __GIT_REVISION__: string;

viewer/vite.config.ts

@@ -1,7 +1,19 @@
+import { execSync } from "node:child_process";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
+const gitRevision = (() => {
+  try {
+    return execSync("git rev-parse --short HEAD").toString().trim();
+  } catch {
+    return "unknown";
+  }
+})();
+
 export default defineConfig({
   plugins: [react()],
   base: "/eventstats/",
+  define: {
+    __GIT_REVISION__: JSON.stringify(gitRevision),
+  },
 });