50 lines
1.4 KiB
JavaScript
50 lines
1.4 KiB
JavaScript
const CACHE = 'dickendock-v1';
|
||
|
||
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())
|
||
);
|
||
});
|
||
|
||
self.addEventListener('fetch', e => {
|
||
const url = e.request.url;
|
||
|
||
// Externe URLs (Favicons, Fonts, etc.) immer direkt – kein SW-Intercept
|
||
if (!url.startsWith(self.location.origin)) return;
|
||
|
||
// API immer live
|
||
if (url.includes('/api/')) {
|
||
e.respondWith(fetch(e.request).catch(() => new Response('Offline', { status: 503 })));
|
||
return;
|
||
}
|
||
|
||
// 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 (eigene Bilder, Manifests): cache-first
|
||
e.respondWith(
|
||
caches.match(e.request).then(cached => {
|
||
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;
|
||
});
|
||
})
|
||
);
|
||
});
|