60 lines
1.8 KiB
JavaScript
60 lines
1.8 KiB
JavaScript
// Service Worker – Network-first für HTML, kein Cache für Assets
|
||
// Stellt sicher dass nach einem Deploy immer der neue Stand geladen wird
|
||
|
||
const CACHE_NAME = 'dickendock-v2';
|
||
|
||
self.addEventListener('install', () => {
|
||
self.skipWaiting(); // sofort aktivieren, nicht auf Tab-Schließen 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
|
||
);
|
||
});
|
||
|
||
self.addEventListener('fetch', e => {
|
||
const url = new URL(e.request.url);
|
||
|
||
// API-Requests immer direkt ans Netzwerk, 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') {
|
||
e.respondWith(
|
||
fetch(e.request, { cache: 'no-store' })
|
||
.catch(() => caches.match('/index.html')) // Fallback wenn offline
|
||
);
|
||
return;
|
||
}
|
||
|
||
// JS/CSS/Assets: Network-first mit Cache-Fallback
|
||
// Vite baut mit Content-Hash im Dateinamen → neue Version = neue URL
|
||
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));
|
||
}
|
||
return response;
|
||
})
|
||
.catch(() => caches.match(e.request))
|
||
);
|
||
});
|
||
|
||
// Auf Update-Nachricht vom Frontend reagieren
|
||
self.addEventListener('message', e => {
|
||
if (e.data === 'SKIP_WAITING') self.skipWaiting();
|
||
});
|