fluxy-bot 0.10.13 → 0.10.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluxy-bot",
-  "version": "0.10.13",
+  "version": "0.10.16",
   "releaseNotes": [
     "Adding a way for users to claim their fluxies on the fluxy.bot dashboard",
     "2. ",

package/supervisor/index.ts

@@ -58,7 +58,7 @@ const SW_JS = `// Service worker — app-shell caching + push notifications
 //   JS/CSS modules                      → stale-while-revalidate
 //   API, WebSocket, Vite internals      → network-only (no cache)
 
-var CACHE = 'fluxy-v4';
+var CACHE = 'fluxy-v5';
 var HASHED_RE = new RegExp('/assets/.+-[a-zA-Z0-9]{6,}[.](js|css)$');
 
 // Precache the HTML shell on install so the cache is never empty.
@@ -117,24 +117,29 @@ self.addEventListener('fetch', function(event) {
     return;
   }
 
-  // Navigation (HTML pages) → stale-while-revalidate
-  // Serves cached shell INSTANTLY (no white flash on refresh), then
-  // refreshes cache from network in the background.
+  // Navigation: only stale-while-revalidate the dashboard root (/).
+  // /fluxy/* is a separate app — let it go to network to avoid
+  // caching the wrong HTML under the / key.
   if (request.mode === 'navigate') {
     console.log('[SW] navigate →', url.pathname);
-    event.respondWith(caches.open(CACHE).then(function(c) {
-      return c.match('/').then(function(hit) {
-        console.log('[SW] cache hit for /:', !!hit);
-        var net = fetch(request)
-          .then(function(r) {
-            console.log('[SW] network response for /:', r.status);
-            if (r.ok) c.put('/', r.clone());
-            return r;
-          })
-          .catch(function(err) { console.warn('[SW] network failed, using cache:', err.message); return hit; });
-        return hit || net;
-      });
-    }));
+    if (url.pathname === '/' || url.pathname === '/index.html') {
+      event.respondWith(caches.open(CACHE).then(function(c) {
+        return c.match('/').then(function(hit) {
+          console.log('[SW] cache hit for /:', !!hit);
+          var net = fetch(request)
+            .then(function(r) {
+              console.log('[SW] network response for /:', r.status);
+              if (r.ok) c.put('/', r.clone());
+              return r;
+            })
+            .catch(function(err) { console.warn('[SW] network failed, using cache:', err.message); return hit; });
+          return hit || net;
+        });
+      }));
+      return;
+    }
+    // Other navigations (/fluxy/*, etc.) — network only
+    console.log('[SW] navigate (network-only) →', url.pathname);
     return;
   }
 

package/supervisor/widget.js

@@ -145,4 +145,29 @@
   var awsScript = document.createElement('script');
   awsScript.src = '/fluxy/app-ws.js';
   document.head.appendChild(awsScript);
+
+  // ── Splash / Service Worker upgrade logic ──────────────────────────
+  // This runs from the supervisor (always updated), so it fixes existing
+  // installs whose workspace/client/index.html is still old.
+
+  // Re-show splash before page unloads (manual refresh)
+  window.addEventListener('beforeunload', function () {
+    console.log('[widget] beforeunload — showing splash');
+    var s = document.getElementById('splash');
+    if (s) { s.style.transition = 'none'; s.style.display = 'flex'; s.style.opacity = '1'; }
+  });
+
+  // When a new SW takes control, show splash and reload so the new
+  // caching strategy (stale-while-revalidate) kicks in immediately.
+  if ('serviceWorker' in navigator) {
+    var swRefreshing = false;
+    navigator.serviceWorker.addEventListener('controllerchange', function () {
+      console.log('[widget] controllerchange — new SW took control, refreshing:', swRefreshing);
+      if (swRefreshing) return;
+      swRefreshing = true;
+      var s = document.getElementById('splash');
+      if (s) { s.style.transition = 'none'; s.style.display = 'flex'; s.style.opacity = '1'; }
+      location.reload();
+    });
+  }
 })();

package/workspace/client/public/sw.js

@@ -6,7 +6,7 @@
 //   JS/CSS modules                      → stale-while-revalidate
 //   API, WebSocket, Vite internals      → network-only (no cache)
 
-const CACHE = 'fluxy-v4';
+const CACHE = 'fluxy-v5';
 
 // Precache the HTML shell on install so the cache is never empty.
 // Without this, the first navigation isn't intercepted (SW wasn't
@@ -64,25 +64,29 @@ self.addEventListener('fetch', (event) => {
     return;
   }
 
-  // ── Navigation (HTML pages) → stale-while-revalidate ──────────────
-  // Serves cached shell INSTANTLY (no white flash on refresh), then
-  // refreshes cache from network in the background.
-  // First visit has no cache → falls through to network.
+  // ── Navigation: only stale-while-revalidate the dashboard root (/) ──
+  // /fluxy/* is a separate app — let it go to network to avoid
+  // caching the wrong HTML under the / key.
   if (request.mode === 'navigate') {
     console.log('[SW] navigate →', url.pathname);
-    event.respondWith(caches.open(CACHE).then(c =>
-      c.match('/').then(hit => {
-        console.log('[SW] cache hit for /:', !!hit);
-        const net = fetch(request)
-          .then(r => {
-            console.log('[SW] network response for /:', r.status);
-            if (r.ok) c.put('/', r.clone());
-            return r;
-          })
-          .catch(err => { console.warn('[SW] network failed, using cache:', err.message); return hit; });
-        return hit || net;
-      })
-    ));
+    if (url.pathname === '/' || url.pathname === '/index.html') {
+      event.respondWith(caches.open(CACHE).then(c =>
+        c.match('/').then(hit => {
+          console.log('[SW] cache hit for /:', !!hit);
+          const net = fetch(request)
+            .then(r => {
+              console.log('[SW] network response for /:', r.status);
+              if (r.ok) c.put('/', r.clone());
+              return r;
+            })
+            .catch(err => { console.warn('[SW] network failed, using cache:', err.message); return hit; });
+          return hit || net;
+        })
+      ));
+      return;
+    }
+    // Other navigations (/fluxy/*, etc.) — network only
+    console.log('[SW] navigate (network-only) →', url.pathname);
     return;
   }