@boluo-ai/relay 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boluo-ai/relay",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Boluo encrypted relay — WebSocket bridge between Boluo daemon and Boluo web UI, with bundled web SPA.",
   "license": "MIT",
   "type": "module",

package/web-dist/service-worker.js

@@ -1,8 +1,24 @@
-// App-shell service worker. Caches static assets only; explicitly bypasses
-// the WebSocket relay endpoint and /api so live data is never served stale.
+// App-shell service worker.
+//
+// Strategy split (this matters — old versions used cache-first for everything
+// which permanently pinned users to whatever HTML they first saw and made
+// redeployments invisible):
+//
+//   /assets/*    → cache-first  (Vite emits fingerprinted filenames, so a
+//                                new build produces a new URL; cached entries
+//                                for old URLs become harmless garbage that
+//                                activate() purges on next SW upgrade).
+//   /ws, /api/*  → bypassed entirely (live data must never be cached).
+//   everything   → network-first with cache fallback. New deploys take effect
+//   else           on the next page load, not whenever the user manually
+//                  unregisters the SW.
+//
+// On `SW_VERSION` change, activate() deletes every other cache key so users
+// pick up the new shell deterministically. Bump it when you change this
+// strategy.
 
-const SW_VERSION = 'boluo-v1';
-const APP_SHELL = ['/', '/index.html', '/manifest.json'];
+const SW_VERSION = 'boluo-v2';
+const APP_SHELL = ['/index.html', '/manifest.json'];
 
 self.addEventListener('install', (e) => {
   e.waitUntil(caches.open(SW_VERSION).then((c) => c.addAll(APP_SHELL)));
@@ -18,22 +34,40 @@ self.addEventListener('activate', (e) => {
   self.clients.claim();
 });
 
+function cacheFirst(request) {
+  return caches.match(request).then((hit) =>
+    hit ||
+    fetch(request).then((net) => {
+      if (net.ok) {
+        const clone = net.clone();
+        caches.open(SW_VERSION).then((cache) => cache.put(request, clone));
+      }
+      return net;
+    }),
+  );
+}
+
+function networkFirst(request) {
+  return fetch(request)
+    .then((net) => {
+      if (net.ok) {
+        const clone = net.clone();
+        caches.open(SW_VERSION).then((cache) => cache.put(request, clone));
+      }
+      return net;
+    })
+    .catch(() =>
+      caches.match(request).then((hit) => hit || caches.match('/index.html')),
+    );
+}
+
 self.addEventListener('fetch', (e) => {
-  const u = new URL(e.request.url);
   if (e.request.method !== 'GET') return;
+  const u = new URL(e.request.url);
   if (u.pathname === '/ws' || u.pathname.startsWith('/api')) return;
-  e.respondWith(
-    caches.match(e.request).then((r) =>
-      r ||
-      fetch(e.request)
-        .then((net) => {
-          if (net.ok) {
-            const c = net.clone();
-            caches.open(SW_VERSION).then((cache) => cache.put(e.request, c));
-          }
-          return net;
-        })
-        .catch(() => caches.match('/index.html')),
-    ),
-  );
+  if (u.pathname.startsWith('/assets/')) {
+    e.respondWith(cacheFirst(e.request));
+    return;
+  }
+  e.respondWith(networkFirst(e.request));
 });