add commit hash to metadata (#589)

.github/workflows/publish.yaml

@@ -50,6 +50,7 @@ jobs:
             NEXT_PUBLIC_NETWORK=${{ vars.NEXT_PUBLIC_NETWORK }}
             NEXT_PUBLIC_DISPLAY_TESTING_MESSAGES=${{ vars.NEXT_PUBLIC_DISPLAY_TESTING_MESSAGES }}
             NEXT_PUBLIC_SENTRY_DSN=${{ vars.NEXT_PUBLIC_SENTRY_DSN }}
+            NEXT_PUBLIC_COMMIT_HASH=${{ github.sha }}
       - name: Upload Docker image to workspace
         uses: actions/upload-artifact@v4
         with:

docker/Dockerfile

@@ -29,6 +29,9 @@ ENV NEXT_PUBLIC_DISPLAY_TESTING_MESSAGES=${NEXT_PUBLIC_DISPLAY_TESTING_MESSAGES}
 ARG NEXT_PUBLIC_SENTRY_DSN
 ENV NEXT_PUBLIC_SENTRY_DSN=${NEXT_PUBLIC_SENTRY_DSN}
 
+ARG NEXT_PUBLIC_COMMIT_HASH
+ENV NEXT_PUBLIC_COMMIT_HASH=$NEXT_PUBLIC_COMMIT_HASH
+
 RUN npm run build
 
 # Step 2. Production image, copy all the files and run next

src/app/components/Meta/MetaTags.tsx

@@ -1,6 +1,9 @@
 import { getNetworkAppUrl } from "@/config";
+import { getCommitHash } from "@/utils/version";
 
 export default function MetaTags() {
+  const commitHash = getCommitHash();
+
   return (
     <>
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -18,6 +21,7 @@ export default function MetaTags() {
       <meta name="twitter:image:type" content="image/png" />
       <meta name="twitter:image:width" content="2048" />
       <meta name="twitter:image:height" content="1170" />
+      <meta name="version" content={commitHash} />
     </>
   );
 }

src/utils/version.ts

@@ -0,0 +1,7 @@
+export const getCommitHash = () => {
+  try {
+    return process.env.NEXT_PUBLIC_COMMIT_HASH || "development";
+  } catch {
+    return "development";
+  }
+};