PWA: index.html immer no-store, Reload beim naechsten Seitenwechsel nach Update

frontend/public/sw.js

@@ -1,51 +1,50 @@
-// Service Worker – Network-first für HTML, kein Cache für Assets
-// Stellt sicher dass nach einem Deploy immer der neue Stand geladen wird
+// Service Worker – stellt sicher dass nach einem Deploy immer der neue Stand geladen wird
+// index.html und API: immer vom Netzwerk (no-store)
+// Assets (JS/CSS mit Hash): Network-first mit Cache-Fallback für Offline
 
 const CACHE_NAME = 'dickendock-v2';
 
 self.addEventListener('install', () => {
-  self.skipWaiting(); // sofort aktivieren, nicht auf Tab-Schließen warten
+  self.skipWaiting(); // sofort aktivieren ohne auf Tab-Schließen zu warten
 });
 
 self.addEventListener('activate', e => {
-  // Alle alten Caches löschen
   e.waitUntil(
     caches.keys()
       .then(keys => Promise.all(keys.map(k => caches.delete(k))))
-      .then(() => self.clients.claim()) // alle offenen Tabs übernehmen
+      .then(() => self.clients.claim()) // alle offenen Tabs sofort übernehmen
   );
 });
 
 self.addEventListener('fetch', e => {
   const url = new URL(e.request.url);
 
-  // API-Requests immer direkt ans Netzwerk, nie cachen
+  // API-Requests: nie cachen
   if (url.pathname.startsWith('/api/')) {
     e.respondWith(fetch(e.request));
     return;
   }
 
-  // index.html und Navigation: Network-first, kein Cache
-  // Damit nach einem Deploy immer die neue Version geladen wird
-  if (e.request.mode === 'navigate' ||
-      url.pathname === '/' ||
-      url.pathname === '/index.html') {
+  // HTML-Navigation (index.html, /, /*, alle Routen): immer frisch vom Server
+  // Das ist der Kern: verhindert dass eine alte index.html aus dem HTTP-Cache kommt
+  if (e.request.mode === 'navigate') {
     e.respondWith(
-      fetch(e.request, { cache: 'no-store' })
-        .catch(() => caches.match('/index.html')) // Fallback wenn offline
+      fetch(e.request, {
+        cache: 'no-store',         // Browser-HTTP-Cache umgehen
+        headers: { 'Cache-Control': 'no-cache' }
+      }).catch(() => caches.match('/index.html')) // nur bei echtem Offline-Fall: Cache-Fallback
     );
     return;
   }
 
-  // JS/CSS/Assets: Network-first mit Cache-Fallback
-  // Vite baut mit Content-Hash im Dateinamen → neue Version = neue URL
+  // Statische Assets (Vite baut mit Content-Hash im Dateinamen):
+  // Network-first, bei Fehler Cache-Fallback (für Offline-Nutzung)
   e.respondWith(
     fetch(e.request)
       .then(response => {
-        // Erfolgreiche Antwort kurz cachen als Offline-Fallback
         if (response.ok) {
           const clone = response.clone();
-          caches.open(CACHE_NAME).then(cache => cache.put(e.request, clone));
+          caches.open(CACHE_NAME).then(c => c.put(e.request, clone));
         }
         return response;
       })
@@ -53,7 +52,6 @@ self.addEventListener('fetch', e => {
   );
 });
 
-// Auf Update-Nachricht vom Frontend reagieren
 self.addEventListener('message', e => {
   if (e.data === 'SKIP_WAITING') self.skipWaiting();
 });