From b775cfcbb6a8326efb834341754f4ed012c02be5 Mon Sep 17 00:00:00 2001 From: Dicken Date: Thu, 28 May 2026 09:58:15 +0200 Subject: [PATCH] Dateien nach "frontend/public" hochladen --- frontend/public/sw.js | 40 ++++++++++++++++++++++++++-------------- 1 file changed, 26 insertions(+), 14 deletions(-) diff --git a/frontend/public/sw.js b/frontend/public/sw.js index 7e549c7..29b6688 100644 --- a/frontend/public/sw.js +++ b/frontend/public/sw.js @@ -1,34 +1,46 @@ const CACHE = 'dickendock-v1'; -const ASSETS = ['/', '/index.html']; -self.addEventListener('install', e => { - e.waitUntil( - caches.open(CACHE).then(c => c.addAll(ASSETS)).then(() => self.skipWaiting()) - ); -}); +self.addEventListener('install', () => self.skipWaiting()); self.addEventListener('activate', e => { e.waitUntil( - caches.keys().then(keys => - Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k))) - ).then(() => self.clients.claim()) + caches.keys() + .then(keys => Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))) + .then(() => self.clients.claim()) ); }); self.addEventListener('fetch', e => { - // API-Anfragen immer live holen - if (e.request.url.includes('/api/')) { + const url = e.request.url; + + // 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; }) ); });