perf: fingerprint production assets

Author: brookslybrand

app/utils/assets.server.ts

@@ -18,6 +18,7 @@ export let assetServer = createAssetServer({
     "app/data/**",
     "app/middleware/**",
   ],
+  fingerprint: isDevelopment ? undefined : { buildId: getBuildId() },
   sourceMaps: isDevelopment ? "external" : undefined,
   minify: !isDevelopment,
   scripts: {
@@ -29,3 +30,13 @@ export let assetServer = createAssetServer({
   },
   watch: false,
 });
+
+function getBuildId() {
+  let buildId = process.env.ASSET_BUILD_ID || process.env.FLY_IMAGE_REF;
+  if (!buildId) {
+    throw new Error(
+      "ASSET_BUILD_ID or FLY_IMAGE_REF is required for production asset fingerprinting",
+    );
+  }
+  return buildId;
+}

package.json

@@ -18,7 +18,7 @@
     "push:stage": "git tag -f stage && git push origin stage -f",
     "browser": "playwright-cli",
     "start": "cross-env NODE_ENV=production node --import remix/node-tsx server.ts",
-    "preview": "cross-env NODE_ENV=production node --env-file=.env --import remix/node-tsx server.ts",
+    "preview": "cross-env NODE_ENV=production ASSET_BUILD_ID=local-preview node --env-file=.env --import remix/node-tsx server.ts",
     "lint": "oxlint .",
     "lint:fix": "oxlint . --fix",
     "pretest": "pnpm run build:css",