magnus/Notes2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Disable caching when developing

Browse source
This commit is contained in:
Magnus Åhall 2026-05-20 20:06:10 +02:00
parent f37ebc1c41
commit 12b629756f
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/service_worker.js
View file

@ -53,18 +53,18 @@ async function fetchAsset(event) {
// ----------------------------------------------- // -----------------------------------------------
// This page is precached - return it immediately. // This page is precached - return it immediately.
// ----------------------------------------------- // -----------------------------------------------
//console.log('From cache', event.request.url) console.debug('From cache', event.request.url)
return match return match
} else { } else {
// --------------------------------------------------------------- // ---------------------------------------------------------------
// Not in cache - send it for an online request/browser cache hit. // Not in cache - send it for an online request/browser cache hit.
// --------------------------------------------------------------- // ---------------------------------------------------------------
console.log('From network', event.request.url) console.debug('From network', event.request.url)
const resp = await fetch(event.request) const resp = await fetch(event.request)
// This will trigger on an HTTP error such as 502. // This will trigger on an HTTP error such as 502.
if (!resp.ok) { if (!resp.ok) {
console.log('HTTP error', resp.status) console.error('HTTP error', resp.status)
// When JSON is expected, return that instead of the offline HTML page. // When JSON is expected, return that instead of the offline HTML page.
return await offline(event, `${resp.status} ${resp.statusText}`) return await offline(event, `${resp.status} ${resp.statusText}`)
@ -73,7 +73,7 @@ async function fetchAsset(event) {
} }
} catch (e) { } catch (e) {
// An error here is something like a DNS problem, not a regular HTTP problem. // An error here is something like a DNS problem, not a regular HTTP problem.
console.log('Network error', e, event.request.url) console.error('Network error', e, event.request.url)
return await offline(event, e) return await offline(event, e)
} }
} }
@ -100,18 +100,22 @@ async function cleanupCache() {
} }
self.addEventListener('install', event => { self.addEventListener('install', event => {
console.log('SERVICE WORKER: install') console.debug('SERVICE WORKER: install')
self.skipWaiting() self.skipWaiting()
event.waitUntil(precache()) event.waitUntil(precache())
}) })
self.addEventListener('activate', event => { self.addEventListener('activate', event => {
console.log('SERVICE WORKER: activate') console.debug('SERVICE WORKER: activate')
self.clients.claim() self.clients.claim()
event.waitUntil(cleanupCache()) event.waitUntil(cleanupCache())
}) })
self.addEventListener('fetch', event => { self.addEventListener('fetch', event => {
//console.log('SERVICE WORKER: fetch', event.request.url) // console.debug('SERVICE WORKER: fetch', event.request.url)
if ({{ .DevMode }})
return event
event.respondWith(fetchAsset(event)) event.respondWith(fetchAsset(event))
}) })