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)); } });