-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsw.js
More file actions
79 lines (75 loc) · 1.97 KB
/
sw.js
File metadata and controls
79 lines (75 loc) · 1.97 KB
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
//////////////////////////////////////////
//
//. Service Worker
//
const staticCacheName = 'site-static-v5';
const dynamicCacheName = 'site-dynamic-v5';
const cacheSize = '100';
const assets = [
'./index.html',
'./404.html',
'./app.js',
'./css/styles.css',
'./css/clean.css',
'./fonts/space_age.ttf',
'./pages/fallback.html',
'./papercuts/bplist.js',
'./papercuts/fallback-depiction.html',
',/papercuts/papercuts.js',
'./papercuts/repo.js',
'./papercuts/style.css'
];
// cache size limit function
const limitCacheSize = (name, size) => {
caches.open(name).then(cache => {
cache.keys().then(keys => {
if(keys.length > size){
cache.delete(keys[0]).then(limitCacheSize(name, size));
}
});
});
};
// install event
self.addEventListener('install', evt => {
console.log('service worker installed');
evt.waitUntil(
caches.open(staticCacheName).then((cache) => {
console.log('caching shell assets');
cache.addAll(assets);
})
);
});
// activate event
self.addEventListener('activate', evt => {
console.log('service worker activated');
evt.waitUntil(
caches.keys().then(keys => {
console.log(keys);
return Promise.all(keys
.filter(key => key !== staticCacheName && key !== dynamicCacheName)
.map(key => caches.delete(key))
);
})
);
});
// fetch event
self.addEventListener('fetch', evt => {
console.log('fetch event', evt);
evt.respondWith(
caches.match(evt.request).then(cacheRes => {
return cacheRes || fetch(evt.request).then(fetchRes => {
return caches.open(dynamicCacheName).then(cache => {
cache.put(evt.request.url, fetchRes.clone());
// check cached items size
limitCacheSize(dynamicCacheName, cacheSize);
return fetchRes;
})
});
}).catch(() => {
if(evt.request.url.indexOf('.html') > -1){
return caches.match('./pages/fallback.html');
}
})
);
});
console.log('sw.js');