mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-04-24 22:59:58 -07:00
82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
const CACHE_NAME = "v1";
|
||
|
||
/** @type {ServiceWorkerGlobalScope} */
|
||
const sw = /** @type {any} */ (self);
|
||
|
||
sw.addEventListener("install", (event) => {
|
||
console.log("sw: install");
|
||
event.waitUntil(sw.skipWaiting());
|
||
});
|
||
|
||
sw.addEventListener("activate", (event) => {
|
||
console.log("sw: active");
|
||
event.waitUntil(sw.clients.claim());
|
||
event.waitUntil(caches.delete(CACHE_NAME));
|
||
});
|
||
|
||
async function indexHTMLOrOffline() {
|
||
return caches.match("/index.html").then((cached) => {
|
||
if (cached) return cached;
|
||
return new Response("Offline and no cached version", {
|
||
status: 503,
|
||
statusText: "Service Unavailable",
|
||
headers: { "Content-Type": "text/plain" },
|
||
});
|
||
});
|
||
}
|
||
|
||
sw.addEventListener("fetch", (event) => {
|
||
const req = event.request;
|
||
const url = new URL(req.url);
|
||
|
||
// 1) Bypass API calls & non-GETs
|
||
if (req.method !== "GET" || url.pathname.startsWith("/api")) {
|
||
return; // let the browser handle it
|
||
}
|
||
|
||
// 2) NAVIGATION: network‐first on your shell
|
||
if (req.mode === "navigate") {
|
||
event.respondWith(
|
||
// Always fetch index.html
|
||
fetch("/index.html")
|
||
.then((response) => {
|
||
// If we got a valid 2xx back, cache it (optional) and return it
|
||
if (response.ok || response.status === 304) {
|
||
if (response.ok) {
|
||
const clone = response.clone();
|
||
caches
|
||
.open(CACHE_NAME)
|
||
.then((cache) => cache.put("/index.html", clone));
|
||
}
|
||
return response;
|
||
}
|
||
throw new Error("Non-2xx on shell");
|
||
})
|
||
// On any failure, fall back to the cached shell
|
||
.catch(indexHTMLOrOffline),
|
||
);
|
||
return;
|
||
}
|
||
|
||
// 3) For all other GETs: network-first, fallback to cache
|
||
event.respondWith(
|
||
fetch(req)
|
||
.then((response) => {
|
||
if (response.ok) {
|
||
const clone = response.clone();
|
||
caches.open(CACHE_NAME).then((cache) => cache.put(req, clone));
|
||
}
|
||
return response;
|
||
})
|
||
.catch(async () => {
|
||
return caches
|
||
.match(req)
|
||
.then((cached) => {
|
||
return cached || indexHTMLOrOffline();
|
||
})
|
||
.catch(indexHTMLOrOffline);
|
||
})
|
||
.catch(indexHTMLOrOffline),
|
||
);
|
||
});
|