85 lines
3 KiB
TypeScript
85 lines
3 KiB
TypeScript
|
const version = "0.0.8"
|
||
|
|
|
||
|
|
interface ServiceWorkerFetchEvent extends Event {
|
||
|
|
request: RequestInfo & {url: string},
|
||
|
|
respondWith: ((response: any | PromiseLike<Response>) => Promise<void>)
|
||
|
|
}
|
||
|
|
|
||
|
|
async function install() {
|
||
|
|
console.log("Installing service worker!")
|
||
|
|
// const cache = await caches.open(version);
|
||
|
|
// console.log("Manifest file", manifest)
|
||
|
|
// await cache.addAll(manifest);
|
||
|
|
/* await cache.add({
|
||
|
|
cache: "force-cache",
|
||
|
|
url: "http://4.bp.blogspot.com/-_vTDmo_fSTw/T3YTV0AfGiI/AAAAAAAAAX4/Zjh2HaoU5Zo/s1600/beautiful%2Bkitten.jpg",
|
||
|
|
destination: "image",
|
||
|
|
})//*/
|
||
|
|
}
|
||
|
|
|
||
|
|
addEventListener('install', e => (<any>e).waitUntil(install()));
|
||
|
|
addEventListener('activate', e => (<any>e).waitUntil(activate()));
|
||
|
|
|
||
|
|
async function activate() {
|
||
|
|
console.log("Activating service worker")
|
||
|
|
/*self.registration.showNotification("SW started", {
|
||
|
|
actions: [{
|
||
|
|
action: "OK",
|
||
|
|
title: "Some action"
|
||
|
|
}]
|
||
|
|
})*/
|
||
|
|
caches.keys().then(keys => {
|
||
|
|
Promise.all(
|
||
|
|
keys.map(key => key !== version && caches.delete(key))
|
||
|
|
);
|
||
|
|
}).catch(console.error)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
const cacheFirst = (event) => {
|
||
|
|
event.respondWith(
|
||
|
|
caches.match(event.request, {ignoreSearch: true}).then((cacheResponse) => {
|
||
|
|
if(cacheResponse !== undefined){
|
||
|
|
console.log("Loaded from cache: ", event.request)
|
||
|
|
return cacheResponse
|
||
|
|
}
|
||
|
|
return fetch(event.request).then((networkResponse) => {
|
||
|
|
networkResponse.headers.set("Cache-Control","max-age=")
|
||
|
|
return caches.open(version).then((cache) => {
|
||
|
|
cache.put(event.request, networkResponse.clone());
|
||
|
|
console.log("Cached", event.request)
|
||
|
|
return networkResponse;
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|
||
|
|
)
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
self.addEventListener('fetch',
|
||
|
|
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...")
|
||
|
|
event.respondWith(new Response(JSON.stringify({"service-worker-version": version})));
|
||
|
|
return
|
||
|
|
}
|
||
|
|
const shouldBeCached = origin.host === requestUrl.host && origin.host !== "127.0.0.1:1234"
|
||
|
|
if (!shouldBeCached) {
|
||
|
|
console.log("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
|
||
|
|
}
|
||
|
|
cacheFirst(event)
|
||
|
|
|
||
|
|
} catch (e) {
|
||
|
|
console.error("CRASH IN SW:", e)
|
||
|
|
event.respondWith(fetch(event.request.url));
|
||
|
|
}
|
||
|
|
});
|