Dateien nach "frontend/public" hochladen

frontend/public/sw.js

@@ -1,34 +1,46 @@
 const CACHE = 'dickendock-v1';
-const ASSETS = ['/', '/index.html'];
 
-self.addEventListener('install', e => {
+self.addEventListener('install', () => self.skipWaiting());
-  e.waitUntil(
-    caches.open(CACHE).then(c => c.addAll(ASSETS)).then(() => self.skipWaiting())
-  );
-});
 
 self.addEventListener('activate', e => {
   e.waitUntil(
-    caches.keys().then(keys =>
+    caches.keys()
-      Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))
+      .then(keys => Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k))))
-    ).then(() => self.clients.claim())
+      .then(() => self.clients.claim())
   );
 });
 
 self.addEventListener('fetch', e => {
-  // API-Anfragen immer live holen
+  const url = e.request.url;
-  if (e.request.url.includes('/api/')) {
+
+  // API immer live
+  if (url.includes('/api/')) {
     e.respondWith(fetch(e.request).catch(() => new Response('Offline', { status: 503 })));
     return;
   }
-  // Alles andere: Cache first, dann Network
+
+  // HTML + JS/CSS-Assets: network-first → kein veralteter Cache nach Rebuild
+  const isDoc = e.request.mode === 'navigate' || url.endsWith('.js') || url.endsWith('.css');
+  if (isDoc) {
+    e.respondWith(
+      fetch(e.request)
+        .then(res => {
+          if (res.ok) caches.open(CACHE).then(c => c.put(e.request, res.clone()));
+          return res;
+        })
+        .catch(() => caches.match(e.request))
+    );
+    return;
+  }
+
+  // Alles andere (Bilder, Fonts, Manifests): cache-first
   e.respondWith(
     caches.match(e.request).then(cached => {
-      const network = fetch(e.request).then(res => {
+      if (cached) return cached;
+      return fetch(e.request).then(res => {
         if (res.ok) caches.open(CACHE).then(c => c.put(e.request, res.clone()));
         return res;
       });
-      return cached || network;
     })
   );
 });