45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
const cachables = {
|
|
"/": "networkFirst",
|
|
"//": "networkFirst",
|
|
};
|
|
|
|
const checkUrlCaching = (url) => {
|
|
let caching = (cachables[url] || cachables[`/${url.split('://').slice(1).join('://').split('/')[1]}/`]);
|
|
if (caching === undefined) {
|
|
caching = cachables['//'];
|
|
};
|
|
return caching;
|
|
};
|
|
|
|
const putResponseInCache = (request, response) => {
|
|
if (response.ok) {
|
|
caches.open('OctoSpaccHub/v1').then((cache) => cache.put(request, response.clone()));
|
|
}
|
|
}
|
|
|
|
const strategies = {
|
|
networkFirst: async (request) => {
|
|
try {
|
|
const networkResponse = await fetch(request);
|
|
putResponseInCache(request, networkResponse);
|
|
return networkResponse;
|
|
} catch (error) {
|
|
return ((await caches.match(request)) || Response.error());
|
|
}
|
|
},
|
|
cacheFirst: async (request) => {
|
|
const fetchResponsePromise = fetch(request).then(async (networkResponse) => {
|
|
putResponseInCache(request, networkResponse);
|
|
return networkResponse;
|
|
});
|
|
return (await caches.match(request)) || (await fetchResponsePromise);
|
|
},
|
|
}
|
|
|
|
self.addEventListener('activate', () => self.clients.claim());
|
|
self.addEventListener('fetch', (event) => {
|
|
const strategy = strategies[checkUrlCaching(event.request.url)];
|
|
if (strategy) {
|
|
return event.respondWith(strategy(event.request));
|
|
}
|
|
}); |