handmux 0.12.1 → 0.12.2

package/public/index.html

@@ -5,17 +5,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
     <title>handmux</title>
 
-    <!-- Installable PWA: "Add to Home Screen" + standalone (no browser address bar). -->
-    <link rel="manifest" href="/manifest.webmanifest" />
+    <!-- Installable PWA: "Add to Home Screen" + standalone (no browser address bar).
+         ?v=2 one-time cache-bust: pre-0.12.2 servers sent these stable-url assets as
+         `immutable, max-age=1y`, so returning browsers pinned the OLD icon/manifest for a year.
+         index.html is no-store (always fresh), so a new query on the refs escapes those poisoned
+         caches at once; staticCache.js now serves them `no-cache`, so no future bump is needed. -->
+    <link rel="manifest" href="/manifest.webmanifest?v=2" />
     <meta name="theme-color" content="#1a1b1e" />
-    <link rel="icon" type="image/png" href="/icons/icon-192.png" />
+    <link rel="icon" type="image/png" href="/icons/icon-192.png?v=2" />
     <!-- iOS Safari ignores the manifest's display mode, so these drive standalone + the
          home-screen icon/label. "black" keeps the white status-bar text readable on the dark topbar. -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <meta name="apple-mobile-web-app-title" content="handmux" />
-    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
+    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png?v=2" />
 
     <!-- Inline boot splash: paints instantly (before the JS bundle loads) so a cold launch shows the
          brand, not a blank dark screen. main.jsx calls window.__hideBootSplash() once React has painted;
@@ -44,7 +48,7 @@
       @keyframes bootDot { 0%,100% { opacity: .22; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
       @media (prefers-reduced-motion: reduce) { .boot-glow, .boot-dots i { animation: none; opacity: .8; } }
     </style>
-    <script type="module" crossorigin src="/assets/index-C5v5QBzw.js"></script>
+    <script type="module" crossorigin src="/assets/index-BXd3a0v9.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DJNPeU_h.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" crossorigin href="/assets/index-DJNPeU_h.css"></noscript>
   </head>
   <body>

package/public/manifest.webmanifest

@@ -9,10 +9,10 @@
   "background_color": "#1a1b1e",
   "theme_color": "#1a1b1e",
   "icons": [
-    { "src": "icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
-    { "src": "icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
-    { "src": "icons/icon-192-maskable.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
-    { "src": "icons/icon-512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+    { "src": "icons/icon-192.png?v=2", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "icons/icon-512.png?v=2", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "icons/icon-192-maskable.png?v=2", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
+    { "src": "icons/icon-512-maskable.png?v=2", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
   ],
   "share_target": {
     "action": "/share-target",

package/public/sw.js

@@ -81,11 +81,11 @@ self.addEventListener('push', (event) => {
     // icon = the large right-side logo. We MUST set it: HyperOS/MIUI always reserves that slot, and an
     // empty `icon` makes it back-fill the slot with the PWA's own icon at a stray size (the `>` reads as
     // a lone "v") plus leaves a gap. An explicit app icon fills the slot cleanly.
-    icon: '/icons/icon-192.png',
+    icon: '/icons/icon-192.png?v=2',
     // badge = the small monochrome status-bar icon. Android reads only its ALPHA and tints the
     // silhouette; an opaque image (icon-192 has no alpha) can't be used, so it falls back to the
     // browser's own Chrome logo. badge-96.png is a white `>▮` silhouette on transparent → our mark.
-    badge: '/icons/badge-96.png',
+    badge: '/icons/badge-96.png?v=2',
     data: d.data || {},
   }));
 });

package/src/staticCache.js

@@ -1,8 +1,17 @@
-// Cache-Control policy for the static web bundle. index.html and the service worker must NEVER be
-// HTTP-cached — an installed PWA would otherwise keep loading a stale shell (pointing at missing
-// hashed assets) or a stale SW. Everything else under dist carries a content hash in its name, so
-// it's safe to cache forever. Pure so it unit-tests on its own.
+// Cache-Control policy for the static web bundle.
+//   • index.html + the service worker must NEVER be HTTP-cached — an installed PWA would otherwise
+//     keep loading a stale shell (pointing at missing hashed assets) or a stale service worker.
+//   • Vite build output under /assets/ carries a content hash in its filename, so the URL itself
+//     changes whenever the bytes change → safe to pin forever (immutable).
+//   • Everything else is a hand-authored public/ file served at a STABLE url whose bytes change in
+//     place across releases (icons, manifest.webmanifest, favicon, og cards, offline assets). Those
+//     must NOT be immutable — pinning them would freeze an old copy in every returning browser for a
+//     year (a changed app icon / manifest would never reach anyone who had visited before). They get
+//     `no-cache` = store but always revalidate; the ETag/Last-Modified express.static already sends
+//     make the recheck a cheap 304 when nothing changed, and an actual change is picked up at once.
+// Pure so it unit-tests on its own.
 export function cacheControlFor(filePath) {
   if (filePath.endsWith('.html') || filePath.endsWith('/sw.js')) return 'no-store';
-  return 'public, max-age=31536000, immutable';
+  if (/[\\/]assets[\\/]/.test(filePath)) return 'public, max-age=31536000, immutable';
+  return 'no-cache';
 }