Automatically update commit_sha variable on deploy

.gitea/workflows/build-publish.yaml

@@ -5,6 +5,13 @@ jobs:
   Test-Build-Deploy:
     name: Test, Build, and Deploy
     runs-on: ubuntu-latest
+
+    env:
+      CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+      CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+      CLOUDFLARE_PROJECT_NAME: ${{ vars.CLOUDFLARE_PROJECT_NAME }}
+      COMMIT_SHA: ${{ gitea.sha }}
+
     steps:
       - name: Checkout
         uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd
@@ -26,14 +33,28 @@ jobs:
       - name: Build
         run: npm run build
 
+      - name: Set Version as Var
+        run: |
+          curl https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/pages/projects/$CLOUDFLARE_PROJECT_NAME \
+          -X PATCH \
+          -H "Authorization: Bearer $CLOUDFLARE_API_TOKEN" \
+          -H "Content-Type: application/json" \
+          -d '{
+                "deployment_configs": {
+                  "production": {
+                    "env_vars": {
+                      "COMMIT_SHA": {
+                        "type": "plain_text",
+                        "value": "'"$COMMIT_SHA"'"
+                      }
+                    }
+                  }
+                }
+              }'
+
       - name: Deploy
         run: wrangler pages deploy public --project-name $CLOUDFLARE_PROJECT_NAME
 
-        env:
-          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
-          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          CLOUDFLARE_PROJECT_NAME: ${{ vars.CLOUDFLARE_PROJECT_NAME }}
-
   Sentry-Release:
     name: Create Sentry Release
     runs-on: ubuntu-latest

app/entry.client.tsx

@@ -20,6 +20,10 @@ Sentry.init({
   ],
   replaysOnErrorSampleRate: 1,
   replaysSessionSampleRate: 0.02,
+  release:
+    document
+      .querySelector("meta[name='commit_sha']")
+      ?.getAttribute("content") ?? undefined,
   sendDefaultPii: true,
   tracesSampleRate: 0.1,
   tunnel: "/api/st",

app/root.tsx

@@ -130,6 +130,7 @@ export async function loader({
 }): Promise<{ [k: string]: any }> {
   let data: { [k: string]: string } = {};
 
+  if (context.env.COMMIT_SHA) data.commit_sha = context.env.COMMIT_SHA;
   if (context.data.current_user) data = { ...context.data.current_user };
   if (context.env.REMIX_DSN) data.dsn = context.env.REMIX_DSN;
   if (context.data.nonce) data.nonce = context.data.nonce;
@@ -202,6 +203,9 @@ function DocumentWrapper(props: {
               />
             ))}
             <meta charSet="UTF-8" />
+            {loaderData.commit_sha ? (
+              <meta name="commit_sha" content={loaderData.commit_sha} />
+            ) : null}
             {loaderData.dsn ? (
               <meta name="dsn" content={loaderData.dsn} />
             ) : null}

functions/_middleware.ts

@@ -383,6 +383,7 @@ async function setTheme(context: RequestContext) {
 export const onRequest = [
   Sentry.sentryPagesPlugin((context: RequestContext) => ({
     dsn: context.env.FUNCTIONS_DSN,
+    release: context.env.COMMIT_SHA,
     sendDefaultPii: true,
   })),
   setAuth,