50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
// Service Worker v4 – garantiert frische index.html, Auto-Reload bei neuem Build
|
||
const VERSION = 'v5';
|
||
const CACHE_NAME = 'dickendock-' + VERSION;
|
||
|
||
self.addEventListener('install', () => {
|
||
self.skipWaiting(); // neuen SW sofort übernehmen
|
||
});
|
||
|
||
self.addEventListener('activate', e => {
|
||
e.waitUntil((async () => {
|
||
// alte Caches löschen
|
||
const keys = await caches.keys();
|
||
await Promise.all(keys.map(k => caches.delete(k)));
|
||
await self.clients.claim();
|
||
// allen offenen Clients sagen: neue Version aktiv → reload
|
||
const clients = await self.clients.matchAll({ type: 'window' });
|
||
clients.forEach(c => c.postMessage({ type: 'SW_ACTIVATED', version: VERSION }));
|
||
})());
|
||
});
|
||
|
||
self.addEventListener('fetch', e => {
|
||
const url = new URL(e.request.url);
|
||
|
||
// Cross-Origin-Requests (externe Bilder, Fonts usw.) NICHT abfangen
|
||
// → Browser verarbeitet sie normal, kein CORS-Problem in der PWA
|
||
if (url.origin !== self.location.origin) return;
|
||
|
||
// API immer direkt ans Netz
|
||
if (url.pathname.startsWith('/api/')) {
|
||
e.respondWith(fetch(e.request));
|
||
return;
|
||
}
|
||
|
||
// HTML-Navigation: IMMER frisch vom Netzwerk
|
||
if (e.request.mode === 'navigate') {
|
||
e.respondWith(
|
||
fetch(e.request, { cache: 'reload' })
|
||
.catch(() => caches.match('/index.html'))
|
||
);
|
||
return;
|
||
}
|
||
|
||
// Same-Origin Assets: durchreichen
|
||
e.respondWith(fetch(e.request).catch(() => caches.match(e.request)));
|
||
});
|
||
|
||
self.addEventListener('message', e => {
|
||
if (e.data === 'SKIP_WAITING') self.skipWaiting();
|
||
});
|