forked from udacity/mws-restaurant-stage-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
73 lines (69 loc) · 2.11 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
const swCacheName = 'static-restaurant-02';
// list of assets to cache on install
// cache each restaurant detail page as well
self.addEventListener('install', event => {
event.waitUntil(
caches.open(swCacheName)
.then(cache => {
return cache.addAll([
'/index.html',
// '/restaurant.html',
'/css/styles.css',
'/js/dbhelper.js',
'/js/register_sw.js',
'/js/main.js',
'/js/restaurant_info.js',
'/restaurant.html?id=1',
'/restaurant.html?id=2',
'/restaurant.html?id=3',
'/restaurant.html?id=4',
'/restaurant.html?id=5',
'/restaurant.html?id=6',
'/restaurant.html?id=7',
'/restaurant.html?id=8',
'/restaurant.html?id=9',
'/restaurant.html?id=10',
'/img/offline.png'
]).catch(error => {
console.log('Caches open failed: ' + error);
});
})
);
});
// intercept all requests
// either return cached asset or fetch from network
self.addEventListener('fetch', event => {
event.respondWith(
// Add cache.put to cache images on each fetch
caches.match(event.request).then(response => {
return response || fetch(event.request).then(fetchResponse => {
return caches.open(swCacheName).then(cache => {
cache.put(event.request, fetchResponse.clone());
return fetchResponse;
});
});
}).catch(error => {
if (event.request.url.includes('.jpg')) {
return caches.match('/img/offline.png');
}
return new Response('Not connected to the internet', {
status: 404,
statusText: "Not connected to the internet"
});
})
);
});
// delete old/unused static caches
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(cacheNames => {
return Promise.all(
cacheNames.filter(cacheName => {
return cacheName.startsWith('static-restaurant-') && cacheName !== swCacheName;
}).map(cacheName => {
return caches.delete(cacheName);
})
);
})
);
});