-
Notifications
You must be signed in to change notification settings - Fork 1
/
sw.js
66 lines (55 loc) · 2.09 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
// This is the "Offline page" service worker
const CACHE = 'dice-game';
// TODO: replace the following with the correct offline fallback page i.e.: const offlineFallbackPage = "offline.html";
const offlineFallbackPage = 'index.html';
// Install stage sets up the offline page in the cache and opens a new cache
self.addEventListener('install', function(event) {
console.log('[PWA Builder] Install Event processing');
event.waitUntil(
caches.open(CACHE).then(function(cache) {
console.log('[PWA Builder] Cached offline page during install');
// if (offlineFallbackPage === 'ToDo-replace-this-name.html') {
// return cache.add(
// new Response(
// 'TODO: Update the value of the offlineFallbackPage constant in the serviceworker.'
// )
// );
// }
return cache.add(offlineFallbackPage);
})
);
});
// If any fetch fails, it will show the offline page.
self.addEventListener('fetch', function(event) {
if (event.request.method !== 'GET') return;
event.respondWith(
fetch(event.request).catch(function(error) {
// The following validates that the request was for a navigation to a new document
if (
event.request.destination !== 'document' ||
event.request.mode !== 'navigate'
) {
return;
}
console.error(
'[PWA Builder] Network request Failed. Serving offline page ' + error
);
return caches.open(CACHE).then(function(cache) {
return cache.match(offlineFallbackPage);
});
})
);
});
// // This is an event that can be fired from your page to tell the SW to update the offline page
// self.addEventListener('refreshOffline', function() {
// const offlinePageRequest = new Request(offlineFallbackPage);
// return fetch(offlineFallbackPage).then(function(response) {
// return caches.open(CACHE).then(function(cache) {
// console.log(
// '[PWA Builder] Offline page updated from refreshOffline event: ' +
// response.url
// );
// return cache.put(offlinePageRequest, response);
// });
// });
// });