-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsw.js
More file actions
64 lines (58 loc) · 1.78 KB
/
Copy pathsw.js
File metadata and controls
64 lines (58 loc) · 1.78 KB
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
52
53
54
55
56
57
58
59
60
61
62
63
64
// Service worker — stale-while-revalidate for static assets, network-first for HTML.
const VERSION = "v1.1.0";
const STATIC_CACHE = `static-${VERSION}`;
const RUNTIME_CACHE = `runtime-${VERSION}`;
const PRECACHE = [
"/",
"/assets/css/main.css",
"/assets/js/site.js",
"/assets/img/logo.svg",
"/favicon.svg",
"/manifest.webmanifest",
];
self.addEventListener("install", (event) => {
event.waitUntil(
caches.open(STATIC_CACHE).then((cache) => cache.addAll(PRECACHE)).then(() => self.skipWaiting())
);
});
self.addEventListener("activate", (event) => {
event.waitUntil(
caches.keys().then((keys) =>
Promise.all(
keys.filter((k) => k !== STATIC_CACHE && k !== RUNTIME_CACHE).map((k) => caches.delete(k))
)
).then(() => self.clients.claim())
);
});
self.addEventListener("fetch", (event) => {
const req = event.request;
if (req.method !== "GET") return;
const url = new URL(req.url);
if (url.origin !== self.location.origin) return;
// Network-first for HTML documents
if (req.mode === "navigate" || (req.headers.get("accept") || "").includes("text/html")) {
event.respondWith(
fetch(req)
.then((res) => {
const copy = res.clone();
caches.open(RUNTIME_CACHE).then((c) => c.put(req, copy));
return res;
})
.catch(() => caches.match(req).then((r) => r || caches.match("/")))
);
return;
}
// Stale-while-revalidate for everything else
event.respondWith(
caches.match(req).then((cached) => {
const networkFetch = fetch(req)
.then((res) => {
const copy = res.clone();
caches.open(RUNTIME_CACHE).then((c) => c.put(req, copy));
return res;
})
.catch(() => cached);
return cached || networkFetch;
})
);
});