blob: e12587934dd4d889cb5a0dd049ad1c276ee4451e (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
declare var self: ServiceWorkerGlobalScope;
export {};
const sw_cache = {
offline: "/offline",
default: [
"/index.js",
"/index.css",
"/app.webmanifest",
"/favicon.svg"
],
store: "app",
}
async function install() {
const cache = await self.caches.open(sw_cache.store)
return cache.addAll([sw_cache.offline, ...sw_cache.default])
}
async function activate() {
const keys = await self.caches.keys()
return Promise.all(keys.map(key => {
return key !== sw_cache.store ? self.caches.delete(key) : undefined
}))
}
async function req(event: FetchEvent) {
const cache = await caches.open(sw_cache.store)
const cachedResponse = await cache.match(event.request)
var networkResponse
try {
networkResponse = await fetch(event.request)
if (networkResponse.ok) {
cache.put(event.request, networkResponse.clone())
}
} catch(error) {
console.error(error)
if (event.request.mode === "navigate") {
networkResponse = await caches.match("/offline")
}
}
return (cachedResponse || networkResponse) as Response
}
self.addEventListener("install", event => event.waitUntil(install()))
self.addEventListener("activate", event => event.waitUntil(activate()))
self.addEventListener("fetch", event => event.respondWith(req(event)))
|
