update sw test
This commit is contained in:
parent
d026d3a13d
commit
f48db59b8b
57
public/sw.js
57
public/sw.js
@ -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 }));
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user