@raingor/pi-web-switch 0.4.0 → 0.4.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@raingor/pi-web-switch",
   "private": false,
-  "version": "0.4.0",
+  "version": "0.4.1",
   "type": "module",
   "main": "dist-electron/main.js",
   "description": "Web UI for pi coding agent — live configuration management, session browser, and memory viewer",
@@ -52,6 +52,10 @@
     ]
   },
   "dependencies": {
+    "@earendil-works/pi-agent-core": "^0.83.0",
+    "@earendil-works/pi-ai": "^0.83.0",
+    "@earendil-works/pi-coding-agent": "^0.83.0",
+    "@earendil-works/pi-tui": "^0.83.0",
     "lucide-react": "^0.487.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

package/public/sw.js

@@ -1,14 +1,20 @@
 // ─── pi-web-switch Service Worker ───────────────────────
-// Cache-first for static assets, network-first for API calls.
-// Bump CACHE_VERSION to invalidate old caches on deploy.
+// Strategy:
+//   - HTML navigation (index.html / SPA routes): NETWORK-FIRST.
+//     Every refresh must hit the network so deploys show up on a plain
+//     Cmd+R reload; the cached copy is only a fallback for offline use.
+//   - Static assets (hashed js/css): CACHE-FIRST — safe because Vite
+//     fingerprints filenames, so a new deploy means new URLs.
+//   - API calls: NETWORK-FIRST, fallback to cache.
+// Bump CACHE_VERSION when the SW logic changes to purge old caches.
 
-const CACHE_VERSION = "pi-web-switch-v1";
+const CACHE_VERSION = "pi-web-switch-v2";
 const STATIC_CACHE = `${CACHE_VERSION}-static`;
 const RUNTIME_CACHE = `${CACHE_VERSION}-runtime`;
 
+// NOTE: index.html is intentionally NOT precached. Pre-caching it would
+// make Cmd+R reloads serve the stale page after a deploy.
 const PRECACHE_URLS = [
-  "/",
-  "/index.html",
   "/manifest.webmanifest",
   "/icon-192.png",
   "/icon-512.png",
@@ -64,6 +70,23 @@ self.addEventListener("fetch", (event) => {
     return;
   }
 
+  // HTML navigation: network-first so a plain refresh always gets the
+  // latest build. Fall back to the last cached copy only when offline.
+  if (request.mode === "navigate") {
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          if (response && response.status === 200 && response.type === "basic") {
+            const copy = response.clone();
+            caches.open(RUNTIME_CACHE).then((cache) => cache.put("/index.html", copy));
+          }
+          return response;
+        })
+        .catch(() => caches.match("/index.html"))
+    );
+    return;
+  }
+
   // Static assets: cache-first, then network (and cache the result).
   event.respondWith(
     caches.match(request).then((cached) => {