const CACHE = "field-log-shell-v1"; const SHELL = ["/", "/manifest.webmanifest", "/field-log-icon.svg"]; self.addEventListener("install", (event) => { event.waitUntil(caches.open(CACHE).then((cache) => cache.addAll(SHELL))); self.skipWaiting(); }); self.addEventListener("activate", (event) => { event.waitUntil( caches .keys() .then((keys) => Promise.all( keys.filter((key) => key !== CACHE).map((key) => caches.delete(key)), ), ), ); self.clients.claim(); }); self.addEventListener("fetch", (event) => { const request = event.request; if ( request.method !== "GET" || new URL(request.url).pathname.startsWith("/api/") ) return; event.respondWith( fetch(request) .then((response) => { if (response.ok) caches .open(CACHE) .then((cache) => cache.put(request, response.clone())); return response; }) .catch(() => caches.match(request).then((cached) => cached || caches.match("/")), ), ); });