-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
107 lines (97 loc) · 2.94 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
const staticCacheName = 'restaurant-static-v1';
const cacheAssets = [
'/',
'/index.html',
'/restaurant.html',
'/css/styles.css',
'/js/dbhelper.js',
'/js/main.js',
'/js/restaurant_info.js',
'/data/restaurants.json',
'/images/..'
];
// Call Install Event
self.addEventListener('install', e => {
console.log('Service Worker: Installed');
e.waitUntil(
caches
.open('staticCacheName')
.then(cache => {
console.log('Service Worker: Caching Files');
cache.addAll(cacheAssets);
})
// .then(() => self.skipWaiting())
.catch(err => {
console.log(`Error Caching Files: ${err}`);
})
);
});
/*
* Call Activate Event and clean up unwanted/old caches
* and things associated with the old cache version which
* is unused in the new version of the ServiceWorker
*/
self.addEventListener('activate', e => {
console.log('Service Worker: Activated');
// remove unwanted caches
e.waitUntil(
caches.keys()
.then(cacheNames => {
return Promise.all(
cacheNames.map(cache => {
if(cache.startsWith('restaurant-') && cache != staticCacheName) {
console.log('Service Worker: Clearing Old Cache');
return caches.delete(cache);
}
})
)
})
);
});
// Call Fetch Event
/**
* A fetch event is fired when a resource is requested on the network.
*/
self.addEventListener('fetch', e => {
const requestUrl = new URL(e.request.url);
if (requestUrl.origin === location.origin) {
if (requestUrl.pathname === 'index.html') {
// required if files are in a different directory
e.respondWith(caches.match('/'));
return;
}
}
/**
* use the Cache API to check if the request URL was already stored
* in the cached responses, and return the cached response if this is the case.
* Otherwise, it executes the fetch request and returns it
*/
e.respondWith(
caches.match(e.request)
.then( response => {
if (response) {
return response;
} else {
return fetch(e.request)
.then(response => {
return caches.open('staticCacheName')
.then(cache => {
cache.put(e.requestUrl, response.clone());
return response;
})
})
.catch(err => {
return caches.open('staticCacheName')
.then(cache => {
return cache.match('/restaurant.html');
});
});
}
})
);
});
self.addEventListener('message', e => {
if (e.data.action === 'skipWaiting') {
self.skipWaiting();
}
});