-
Notifications
You must be signed in to change notification settings - Fork 2
/
sw.js
83 lines (79 loc) · 1.76 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
// Add version number for easy updating
const cacheName = 'restaurant-v1';
// Files to cache:
const cacheAssets = [
'./',
'./index.html',
'./restaurant.html',
'./css/styles.css',
'./js/main.js',
'./data/restaurants.json',
'./js/dbhelper.js',
'./js/restaurant_info.js',
'./img/1.jpg',
'./img/2.jpg',
'./img/2.jpg',
'./img/4.jpg',
'./img/5.jpg',
'./img/6.jpg',
'./img/7.jpg',
'./img/8.jpg',
'./img/9.jpg',
'./img/10.jpg',
'./img/restaurant_icons.png'
];
/**
* Install Event Listener
* Open a cache and cache needed assets
*/
self.addEventListener('install', function (evt) {
evt.waitUntil(
caches
.open(cacheName)
.then((cache) => {
console.log('Service Worker: Caching Assets');
return cache.addAll(cacheAssets);
})
);
});
/**
* Removing outdated caches
*/
self.addEventListener('activate', function (evt) {
evt.waitUntil(
caches
.keys()
.then((cacheNames) => {
return Promise.all(
cacheNames.filter(function (thisCacheName) {
return cacheName.startsWith('restaurant-') &&
thisCacheName != cacheName;
console.log('Service Working: Removing Outdated Caches from', thisCacheName );
})
.map(function (cacheName) {
return caches.delete(cacheName);
})
);
})
);
});
/**
* Respond to requests
*/
self.addEventListener('fetch', (evt) => {
evt.respondWith(
caches.match(evt.request)
.then((response) => {
// Return cached version or fetch
return response || fetch(evt.request);
})
);
})
/**
* Resources used to help with service worker:
* https://www.youtube.com/watch?v=TxXwlOAXUko
* https://developers.google.com/web/fundamentals/primers/service-workers/
* https://developers.google.com/web/ilt/pwa/caching-files-with-service-worker
* https://www.youtube.com/watch?v=BfL3pprhnms&t=449s
*
*/