update sw test

This commit is contained in:
chris 2025-07-31 11:29:47 -04:00
parent d026d3a13d
commit f48db59b8b

View File

@ -1,25 +1,29 @@
const CACHE_NAME = 'timetracker-test-v1'; const CACHE_NAME = 'timetracker-debug-v1';
const urlsToCache = ['/', '/index.html']; const urlsToCache = ['/', '/index.html', '/manifest.json'];
self.addEventListener('install', event => { self.addEventListener('install', (event) => {
console.log('[SW] Install'); console.log('[SW] Install event triggered');
event.waitUntil( event.waitUntil(
caches.open(CACHE_NAME).then(cache => { caches.open(CACHE_NAME)
console.log('[SW] Caching shell:', urlsToCache); .then(cache => {
console.log('[SW] Caching:', urlsToCache);
return cache.addAll(urlsToCache); return cache.addAll(urlsToCache);
}).catch(err => console.error('[SW] Install failed:', err)) })
.catch(err => {
console.error('[SW] Install failed:', err);
})
); );
}); });
self.addEventListener('activate', event => { self.addEventListener('activate', (event) => {
console.log('[SW] Activate'); console.log('[SW] Activate event');
event.waitUntil( event.waitUntil(
caches.keys().then(cacheNames => caches.keys().then(keys =>
Promise.all( Promise.all(
cacheNames.map(name => { keys.map(key => {
if (name !== CACHE_NAME) { if (key !== CACHE_NAME) {
console.log('[SW] Deleting old cache:', name); console.log('[SW] Deleting old cache:', key);
return caches.delete(name); return caches.delete(key);
} }
}) })
) )
@ -27,22 +31,33 @@ self.addEventListener('activate', event => {
); );
}); });
self.addEventListener('fetch', event => { self.addEventListener('fetch', (event) => {
if (event.request.method !== 'GET') return; if (event.request.method !== 'GET') return;
console.log('[SW] Fetching:', event.request.url);
event.respondWith( event.respondWith(
caches.match(event.request).then(cached => { caches.match(event.request).then(cached => {
if (cached) { if (cached) {
console.log('[SW] Cache hit:', event.request.url); console.log('[SW] Serving from cache:', event.request.url);
return cached; return cached;
} }
return fetch(event.request).then(networkRes => { return fetch(event.request)
return networkRes; .then(response => {
}).catch(err => { if (
console.error('[SW] Fetch failed:', event.request.url, err); response &&
return new Response('Offline', { status: 503 }); response.status === 200 &&
response.type === 'basic'
) {
const cloned = response.clone();
caches.open(CACHE_NAME).then(cache => {
cache.put(event.request, cloned);
}); });
}
return response;
})
.catch(() => new Response('You are offline.', { status: 503 }));
}) })
); );
}); });