fix reactive resume page loading

scripts/patch-reactive-resume-service-worker-cache.sh

@@ -8,18 +8,27 @@ set -eu
 
 SSR_FILE="/app/apps/web/.output/server/_ssr/pdf-document-COfeOLVC.mjs"
 SW_FILE="/app/apps/web/.output/public/sw.js"
+SERVER_INDEX_FILE="/app/apps/web/.output/server/index.mjs"
+SSR_RENDERER_FILE="/app/apps/web/.output/server/_chunks/ssr-renderer.mjs"
 
-cp "$SSR_FILE" "$SSR_FILE.bak-sw-cache" 2>/dev/null || true
-cp "$SW_FILE" "$SW_FILE.bak-sw-cache" 2>/dev/null || true
+test -f "$SSR_FILE.bak-sw-cache" || cp "$SSR_FILE" "$SSR_FILE.bak-sw-cache" 2>/dev/null || true
+test -f "$SW_FILE.bak-sw-cache" || cp "$SW_FILE" "$SW_FILE.bak-sw-cache" 2>/dev/null || true
+test -f "$SERVER_INDEX_FILE.bak-sw-cache" || cp "$SERVER_INDEX_FILE" "$SERVER_INDEX_FILE.bak-sw-cache" 2>/dev/null || true
+test -f "$SSR_RENDERER_FILE.bak-sw-cache" || cp "$SSR_RENDERER_FILE" "$SSR_RENDERER_FILE.bak-sw-cache" 2>/dev/null || true
 
 node - <<'NODE'
 const fs = require("fs");
+const crypto = require("crypto");
 
 const ssrFile = "/app/apps/web/.output/server/_ssr/pdf-document-COfeOLVC.mjs";
 const swFile = "/app/apps/web/.output/public/sw.js";
+const serverIndexFile = "/app/apps/web/.output/server/index.mjs";
+const ssrRendererFile = "/app/apps/web/.output/server/_chunks/ssr-renderer.mjs";
 
 const registrationScript = `
-\tif ("serviceWorker" in navigator) {
+\t(() => {
+\t\tif (!("serviceWorker" in navigator)) return;
+
 \t\twindow.addEventListener("load", () => {
 \t\t\tconst clearReactiveResumeCaches = async () => {
 \t\t\t\tif ("caches" in window) {
@@ -33,14 +42,9 @@ const registrationScript = `
 \t\t\t\t}
 \t\t\t};
 
-\t\t\tclearReactiveResumeCaches().then(() => {
-\t\t\t\tif (navigator.serviceWorker.controller && !sessionStorage.getItem("rr-sw-cache-cleared-v1")) {
-\t\t\t\t\tsessionStorage.setItem("rr-sw-cache-cleared-v1", "1");
-\t\t\t\t\twindow.location.reload();
-\t\t\t\t}
-\t\t\t}).catch(console.error);
+\t\t\tclearReactiveResumeCaches().catch(console.error);
 \t\t});
-\t}
+\t})();
 `;
 
 let ssr = fs.readFileSync(ssrFile, "utf8");
@@ -87,8 +91,71 @@ self.addEventListener("activate", (event) => {
 self.addEventListener("fetch", () => {});
 `;
 fs.writeFileSync(swFile, sw);
+
+function makeEtag(buffer) {
+  const digest = crypto.createHash("sha1").update(buffer).digest("base64").replace(/=+$/g, "");
+  return `"${buffer.length.toString(16)}-${digest}"`;
+}
+
+function patchStaticManifestEntry(source, urlPath, filePath) {
+  const buffer = fs.readFileSync(filePath);
+  const startMarker = `"${urlPath}": {`;
+  const start = source.indexOf(startMarker);
+  if (start === -1) {
+    throw new Error(`Static manifest entry not found for ${urlPath}`);
+  }
+
+  const end = source.indexOf("\n\t},", start);
+  if (end === -1) {
+    throw new Error(`Static manifest entry end not found for ${urlPath}`);
+  }
+
+  let entry = source.slice(start, end);
+  entry = entry
+    .replace(/"etag": "(?:\\.|[^"\\])*"/, `"etag": ${JSON.stringify(makeEtag(buffer))}`)
+    .replace(/"mtime": "(?:\\.|[^"\\])*"/, `"mtime": ${JSON.stringify(new Date().toISOString())}`)
+    .replace(/"size": \d+/, `"size": ${buffer.length}`);
+
+  return source.slice(0, start) + entry + source.slice(end);
+}
+
+let serverIndex = fs.readFileSync(serverIndexFile, "utf8");
+serverIndex = patchStaticManifestEntry(serverIndex, "/sw.js", swFile);
+fs.writeFileSync(serverIndexFile, serverIndex);
+
+let ssrRenderer = fs.readFileSync(ssrRendererFile, "utf8");
+const ssrRendererOriginal = `function ssrRenderer({ req }) {
+\treturn fetchViteEnv("ssr", req);
+}`;
+const ssrRendererPatched = `async function ssrRenderer(event) {
+\tconst response = await fetchViteEnv("ssr", event.req);
+\tconst headers = new Headers(response.headers);
+\tconst accept = event.req.headers.get("accept") || "";
+
+\tif (accept.includes("text/html")) {
+\t\theaders.set("Cache-Control", "no-store, max-age=0");
+\t\theaders.set("Pragma", "no-cache");
+\t\theaders.set("Expires", "0");
+\t}
+
+\treturn new Response(response.body, {
+\t\tstatus: response.status,
+\t\tstatusText: response.statusText,
+\t\theaders,
+\t});
+}`;
+if (!ssrRenderer.includes(ssrRendererPatched)) {
+  if (!ssrRenderer.includes(ssrRendererOriginal)) {
+    throw new Error("SSR renderer marker not found");
+  }
+
+  ssrRenderer = ssrRenderer.replace(ssrRendererOriginal, ssrRendererPatched);
+  fs.writeFileSync(ssrRendererFile, ssrRenderer);
+}
 NODE
 
 node --check "$SSR_FILE" >/dev/null
 node --check "$SW_FILE" >/dev/null
+node --check "$SERVER_INDEX_FILE" >/dev/null
+node --check "$SSR_RENDERER_FILE" >/dev/null
 SH