-
Notifications
You must be signed in to change notification settings - Fork 1
/
sw.js
82 lines (78 loc) · 3.52 KB
/
sw.js
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
const cacheName = "cache1"; // Change value to force update
self.addEventListener("install", event => {
// Kick out the old service worker
self.skipWaiting();
event.waitUntil(
caches.open(cacheName).then(cache => {
return cache.addAll([
"/",
"android-chrome-36x36.png", // Favicon, Android Chrome M39+ with 0.75 screen density
"android-chrome-48x48.png", // Favicon, Android Chrome M39+ with 1.0 screen density
"android-chrome-72x72.png", // Favicon, Android Chrome M39+ with 1.5 screen density
"android-chrome-96x96.png", // Favicon, Android Chrome M39+ with 2.0 screen density
"android-chrome-144x144.png", // Favicon, Android Chrome M39+ with 3.0 screen density
"android-chrome-192x192.png", // Favicon, Android Chrome M39+ with 4.0 screen density
"android-chrome-256x256.png", // Favicon, Android Chrome M47+ Splash screen with 1.5 screen density
"android-chrome-384x384.png", // Favicon, Android Chrome M47+ Splash screen with 3.0 screen density
"android-chrome-512x512.png", // Favicon, Android Chrome M47+ Splash screen with 4.0 screen density
"apple-touch-icon.png", // Favicon, Apple default
"apple-touch-icon-57x57.png", // Apple iPhone, Non-retina with iOS6 or prior
"apple-touch-icon-60x60.png", // Apple iPhone, Non-retina with iOS7
"apple-touch-icon-72x72.png", // Apple iPad, Non-retina with iOS6 or prior
"apple-touch-icon-76x76.png", // Apple iPad, Non-retina with iOS7
"apple-touch-icon-114x114.png", // Apple iPhone, Retina with iOS6 or prior
"apple-touch-icon-120x120.png", // Apple iPhone, Retina with iOS7
"apple-touch-icon-144x144.png", // Apple iPad, Retina with iOS6 or prior
"apple-touch-icon-152x152.png", // Apple iPad, Retina with iOS7
"apple-touch-icon-180x180.png", // Apple iPhone 6 Plus with iOS8
"browserconfig.xml", // IE11 icon configuration file
"favicon.ico", // Favicon, IE and fallback for other browsers
"favicon-16x16.png", // Favicon, default
"favicon-32x32.png", // Favicon, Safari on Mac OS
"index.html", // Main HTML file
"logo.png", // Logo
"main.js", // Main Javascript file
"manifest.json", // Manifest file
"maskable_icon.png", // Favicon, maskable https://web.dev/maskable-icon
"mstile-70x70.png", // Favicon, Windows 8 / IE11
"mstile-144x144.png", // Favicon, Windows 8 / IE10
"mstile-150x150.png", // Favicon, Windows 8 / IE11
"mstile-310x150.png", // Favicon, Windows 8 / IE11
"mstile-310x310.png", // Favicon, Windows 8 / IE11
"safari-pinned-tab.svg", // Favicon, Safari pinned tab
"share.jpg", // Social media sharing
"style.css", // Main CSS file
]);
})
);
});
self.addEventListener("activate", event => {
// Delete any non-current cache
event.waitUntil(
caches.keys().then(keys => {
Promise.all(
keys.map(key => {
if (![cacheName].includes(key)) {
return caches.delete(key);
}
})
)
})
);
});
// Offline-first, cache-first strategy
// Kick off two asynchronous requests, one to the cache and one to the network
// If there's a cached version available, use it, but fetch an update for next time.
// Gets data on screen as quickly as possible, then updates once the network has returned the latest data.
self.addEventListener("fetch", event => {
event.respondWith(
caches.open(cacheName).then(cache => {
return cache.match(event.request).then(response => {
return response || fetch(event.request).then(networkResponse => {
cache.put(event.request, networkResponse.clone());
return networkResponse;
});
})
})
);
});