87 lines
3.1 KiB
TypeScript
87 lines
3.1 KiB
TypeScript
const version = "0.0.0"
|
|
|
|
interface ServiceWorkerFetchEvent extends Event {
|
|
request: RequestInfo & { url: string }
|
|
respondWith: (response: any | PromiseLike<Response>) => Promise<void>
|
|
}
|
|
|
|
async function install() {
|
|
console.log("Installing service worker!")
|
|
}
|
|
|
|
addEventListener("install", (e) => (<any>e).waitUntil(install()))
|
|
addEventListener("activate", (e) => (<any>e).waitUntil(activate()))
|
|
|
|
async function activate() {
|
|
console.log("Activating service worker")
|
|
caches
|
|
.keys()
|
|
.then((keys) => {
|
|
// Remove all old caches
|
|
Promise.all(keys.map((key) => key !== version && caches.delete(key)))
|
|
})
|
|
.catch(console.error)
|
|
}
|
|
|
|
function fetchAndCache(event) {
|
|
return fetch(event.request).then((networkResponse) => {
|
|
return caches.open(version).then((cache) => {
|
|
cache.put(event.request, networkResponse.clone())
|
|
console.log("Cached", event.request)
|
|
return networkResponse
|
|
})
|
|
})
|
|
}
|
|
|
|
const cacheFirst = async (event, attemptUpdate: boolean = false) => {
|
|
await event.respondWith(
|
|
caches.match(event.request, { ignoreSearch: true }).then((cacheResponse) => {
|
|
if (cacheResponse !== undefined) {
|
|
console.debug("Loaded from cache: ", event.request)
|
|
if (attemptUpdate) {
|
|
fetchAndCache(event)
|
|
}
|
|
return cacheResponse
|
|
}
|
|
return fetchAndCache(event)
|
|
}),
|
|
)
|
|
}
|
|
|
|
self.addEventListener("fetch", async (e) => {
|
|
// Important: this lambda must run synchronously, as the browser will otherwise handle the request
|
|
const event = <ServiceWorkerFetchEvent>e
|
|
try {
|
|
const origin = new URL(self.origin)
|
|
const requestUrl = new URL(event.request.url)
|
|
if (requestUrl.pathname.endsWith("service-worker-version")) {
|
|
console.log("Sending version number...")
|
|
await event.respondWith(
|
|
new Response(JSON.stringify({ "service-worker-version": version })),
|
|
)
|
|
return
|
|
}
|
|
if (requestUrl.pathname.endsWith("/service-worker-clear")) {
|
|
const keys = await caches.keys()
|
|
await Promise.all(keys.map(k => caches.delete(k)))
|
|
console.log("Cleared caches")
|
|
return
|
|
}
|
|
const shouldBeCached =
|
|
origin.host === requestUrl.host &&
|
|
origin.hostname !== "127.0.0.1" &&
|
|
origin.hostname !== "localhost" &&
|
|
!origin.hostname.endsWith(".local") &&
|
|
!origin.host.endsWith(".gitpod.io") &&
|
|
origin.pathname.indexOf("service-worker") < 0
|
|
if (!shouldBeCached) {
|
|
console.debug("Not intercepting ", requestUrl.toString(), origin.host, requestUrl.host)
|
|
// We return _without_ calling event.respondWith, which signals the browser that it'll have to handle it himself
|
|
return
|
|
}
|
|
await cacheFirst(event)
|
|
} catch (e) {
|
|
console.error("CRASH IN SW:", e)
|
|
await event.respondWith(fetch(event.request.url))
|
|
}
|
|
})
|