deploy: forge-realms slow/flaky-link launch fix (sw v24)

Author: TheCryptoDonkey

site/forge-realms/assets/RtsScene-DKPBnc9l.js

@@ -559,6 +559,11 @@
         transition: transform 160ms ease;
       }
 
+      .start-loading__retry {
+        margin-top: 6px;
+        justify-self: start;
+      }
+
       .menu-button {
         min-width: 136px;
         min-height: 46px;
@@ -681,7 +686,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="/forge-realms/assets/game-DPb26U3x.js"></script>
+    <script type="module" crossorigin src="/forge-realms/assets/game-DKwePmz4.js"></script>
     <link rel="modulepreload" crossorigin href="/forge-realms/assets/rolldown-runtime-ciTZEWaI.js">
     <link rel="modulepreload" crossorigin href="/forge-realms/assets/modulepreload-polyfill-Cf3xff8G.js">
     <link rel="stylesheet" crossorigin href="/forge-realms/assets/game-CvEu7uRG.css">
@@ -809,6 +814,7 @@ <h2 class="start-loading__title">Preparing the battlefield</h2>
               <div class="start-loading__track" aria-hidden="true">
                 <span class="start-loading__bar" id="start-loading-bar"></span>
               </div>
+              <button type="button" class="menu-button menu-button--primary start-loading__retry" id="start-loading-retry" hidden>Try Again</button>
             </div>
           </div>
         </section>

site/forge-realms/assets/game-DKwePmz4.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = "forge-realms-v23";
+const CACHE_NAME = "forge-realms-v24";
 const CORE_ASSETS = ["", "index.html", "manifest.webmanifest", "icon.svg"].map((path) =>
   new URL(path, self.registration.scope).toString(),
 );
@@ -7,6 +7,27 @@ function isCacheableResponse(response) {
   return response && response.ok;
 }
 
+// Retry a genuinely failed network fetch a couple of times before giving up.
+// Booth/mobile links drop the odd request; without this a single dropped JS
+// chunk or atlas page rejects the dynamic import ("Could not start the realm")
+// or strands the artwork load with no second chance. Only thrown (transient)
+// failures retry — a real HTTP error response is returned as-is so a genuinely
+// missing asset still fails fast rather than looping.
+async function fetchWithRetry(request, attempts = 3) {
+  let lastError;
+  for (let attempt = 0; attempt < attempts; attempt += 1) {
+    try {
+      return await fetch(request);
+    } catch (error) {
+      lastError = error;
+      if (attempt < attempts - 1) {
+        await new Promise((resolve) => setTimeout(resolve, 300 * (attempt + 1)));
+      }
+    }
+  }
+  throw lastError;
+}
+
 async function cacheSuccessfulResponse(cache, request, response) {
   if (isCacheableResponse(response)) {
     await cache.put(request, response.clone());
@@ -59,7 +80,7 @@ self.addEventListener("fetch", (event) => {
       if (cached) {
         await cache.delete(event.request);
       }
-      return cacheSuccessfulResponse(cache, event.request, await fetch(event.request));
+      return cacheSuccessfulResponse(cache, event.request, await fetchWithRetry(event.request));
     }),
   );
 });