PC load-speed fixes, consistent recent cards, native-AF-ready toggle

- SW: heavy assets (emu/*, posters/) move to a persistent static cache
  that survives deploys — no more 12MB wasm re-download after every
  shell deploy (the main cause of slow PC loads lately). Navigations
  stay network-first but now race a 1.5s timeout and fall back to
  cache, so a slow connection never blocks a launch.
- Recently-played cards fixed to the grid card footprint (170px).
- AF toggle prefers the emulator's native ATWasmSetAutoFire (upstream
  27d37558) with the JS pulse as fallback until the bundle updates.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: tsemachh

emu/index.html

@@ -7837,20 +7837,31 @@ <h2 id="fw-title">Download standard Atari ROMs?</h2>
       try { if (window.Module && Module._ATWasmSetJoystick) Module._ATWasmSetJoystick(ext.mask, ext.fire ? 1 : 0); } catch (e) {}
     }
 
-    // ---- auto-fire toggle (~11 Hz pulse on the external trigger) -------
+    // ---- auto-fire toggle ----------------------------------------------
+    // Prefers the emulator's native auto-fire (ATWasmSetAutoFire, added
+    // upstream after our #85: holding the fire button pulses in-core).
+    // Falls back to an ~11 Hz JS pulse on the external trigger when the
+    // bundle predates the export.
     var afBtn = document.getElementById('arcade-af');
     var afTimer = null;
+    function afNative() {
+      try { return !!(window.Module && Module._ATWasmSetAutoFire); } catch (e) { return false; }
+    }
     if (afBtn) afBtn.addEventListener('click', function (e) {
       e.preventDefault(); e.stopPropagation();
-      if (afTimer) {
-        clearInterval(afTimer); afTimer = null;
-        afBtn.classList.remove('on');
-        ext.fire = false; pushExt();
-      } else {
-        afBtn.classList.add('on');
+      var on = !afBtn.classList.contains('on');
+      afBtn.classList.toggle('on', on);
+      if (afNative()) {
+        try { Module._ATWasmSetAutoFire(on ? 1 : 0); } catch (err) {}
+        if (afTimer) { clearInterval(afTimer); afTimer = null; }
+        if (!on && ext.fire) { ext.fire = false; pushExt(); }
+      } else if (on) {
         afTimer = setInterval(function () {
           ext.fire = !ext.fire; pushExt();
         }, 45);
+      } else {
+        if (afTimer) { clearInterval(afTimer); afTimer = null; }
+        ext.fire = false; pushExt();
       }
     });
 

index.html

@@ -102,7 +102,9 @@
         padding-bottom: 4px;
       }
       .recent-row .card {
-        min-width: 130px;
+        /* same footprint as the grid cards for a consistent look */
+        flex: 0 0 170px;
+        width: 170px;
         min-height: 0;
         position: relative;
       }

scripts/emu-autofullscreen.snippet.html

@@ -281,20 +281,31 @@
       try { if (window.Module && Module._ATWasmSetJoystick) Module._ATWasmSetJoystick(ext.mask, ext.fire ? 1 : 0); } catch (e) {}
     }
 
-    // ---- auto-fire toggle (~11 Hz pulse on the external trigger) -------
+    // ---- auto-fire toggle ----------------------------------------------
+    // Prefers the emulator's native auto-fire (ATWasmSetAutoFire, added
+    // upstream after our #85: holding the fire button pulses in-core).
+    // Falls back to an ~11 Hz JS pulse on the external trigger when the
+    // bundle predates the export.
     var afBtn = document.getElementById('arcade-af');
     var afTimer = null;
+    function afNative() {
+      try { return !!(window.Module && Module._ATWasmSetAutoFire); } catch (e) { return false; }
+    }
     if (afBtn) afBtn.addEventListener('click', function (e) {
       e.preventDefault(); e.stopPropagation();
-      if (afTimer) {
-        clearInterval(afTimer); afTimer = null;
-        afBtn.classList.remove('on');
-        ext.fire = false; pushExt();
-      } else {
-        afBtn.classList.add('on');
+      var on = !afBtn.classList.contains('on');
+      afBtn.classList.toggle('on', on);
+      if (afNative()) {
+        try { Module._ATWasmSetAutoFire(on ? 1 : 0); } catch (err) {}
+        if (afTimer) { clearInterval(afTimer); afTimer = null; }
+        if (!on && ext.fire) { ext.fire = false; pushExt(); }
+      } else if (on) {
         afTimer = setInterval(function () {
           ext.fire = !ext.fire; pushExt();
         }, 45);
+      } else {
+        if (afTimer) { clearInterval(afTimer); afTimer = null; }
+        ext.fire = false; pushExt();
       }
     });
 

sw.js

@@ -9,7 +9,16 @@
  */
 
 const CACHE_VERSION = "arcade-v1";
+// Immutable heavy assets (emulator binaries, game files, posters) live in
+// a cache that SURVIVES deploys — their URLs are content-addressed (?v=
+// tags / new filenames), so a shell deploy must not force a 12MB wasm
+// re-download. Only the versioned shell cache is dropped on activate.
+const STATIC_CACHE = "arcade-static-v1";
 const SHELL = ["index.html", "manifest.webmanifest", "games.json"];
+function isStatic(url) {
+  return url.pathname.indexOf("/emu/") > -1 ||
+         url.pathname.indexOf("/posters/") > -1;
+}
 
 self.addEventListener("install", function (event) {
   event.waitUntil(
@@ -30,11 +39,15 @@ self.addEventListener("install", function (event) {
                 var files = ((data && data.games) || []).map(function (g) {
                   return "emu/library/" + g.file;
                 });
-                return Promise.all(
-                  files.map(function (u) {
-                    return cache.add(u).catch(function () { /* best effort */ });
-                  }),
-                );
+                return caches.open(STATIC_CACHE).then(function (sc) {
+                  return Promise.all(
+                    files.map(function (u) {
+                      return sc.match(u).then(function (hit) {
+                        return hit ? null : sc.add(u).catch(function () {});
+                      });
+                    }),
+                  );
+                });
               })
               .catch(function () { /* library warmup is best effort */ });
           });
@@ -53,7 +66,7 @@ self.addEventListener("activate", function (event) {
         return Promise.all(
           keys
             .filter(function (k) {
-              return k !== CACHE_VERSION;
+              return k !== CACHE_VERSION && k !== STATIC_CACHE;
             })
             .map(function (k) {
               return caches.delete(k);
@@ -83,29 +96,46 @@ self.addEventListener("fetch", function (event) {
     url.pathname.endsWith("build-info.json");
 
   if (alwaysFresh) {
+    // Network-first, but never make the user wait on a slow connection:
+    // race the network against a short timeout and fall back to cache.
+    // The network response still lands in the cache in the background,
+    // so a timed-out launch is at most one deploy behind.
     event.respondWith(
-      fetch(request)
-        .then(function (response) {
-          const copy = response.clone();
-          caches.open(CACHE_VERSION).then(function (cache) {
-            cache.put(request, copy);
+      new Promise(function (resolve) {
+        let settled = false;
+        const timer = setTimeout(function () {
+          caches.match(request).then(function (cached) {
+            if (!settled && cached) { settled = true; resolve(cached); }
           });
-          return response;
-        })
-        .catch(function () {
-          return caches.match(request);
-        }),
+        }, 1500);
+        fetch(request)
+          .then(function (response) {
+            clearTimeout(timer);
+            const copy = response.clone();
+            caches.open(CACHE_VERSION).then(function (cache) {
+              cache.put(request, copy);
+            });
+            if (!settled) { settled = true; resolve(response); }
+          })
+          .catch(function () {
+            clearTimeout(timer);
+            caches.match(request).then(function (cached) {
+              if (!settled) { settled = true; resolve(cached || Response.error()); }
+            });
+          });
+      }),
     );
     return;
   }
 
+  const bucket = isStatic(url) ? STATIC_CACHE : CACHE_VERSION;
   event.respondWith(
     caches.match(request, { ignoreSearch: false }).then(function (cached) {
       if (cached) return cached;
       return fetch(request).then(function (response) {
         if (response && response.ok) {
           const copy = response.clone();
-          caches.open(CACHE_VERSION).then(function (cache) {
+          caches.open(bucket).then(function (cache) {
             cache.put(request, copy);
           });
         }