-
Notifications
You must be signed in to change notification settings - Fork 2
/
sw.js
76 lines (68 loc) · 2.03 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
const staticCacheName = 'site-static';
const imagesCacheName = 'site-images';
const dynamicCacheName = 'site-dynamic';
const assets = [
'/',
'/index.html',
'/favicon.ico',
'/offline.html',
'/css/ui.css',
'/css/materialize.min.css',
'/scripts/app.js',
'/scripts/auth.js',
'/scripts/config.js',
'/scripts/index.js',
'/scripts/item.js',
'/scripts/materialize.min.js',
'/scripts/ui.js',
'/account-background.jpg',
'/guest.png',
'https://fonts.googleapis.com/icon?family=Material+Icons'
];
// handeling the images cache
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 service worker
self.addEventListener('install', evt => {
evt.waitUntil(
caches.open(staticCacheName).then(cache => {
cache.addAll(assets);
})
);
});
// activate service worker
self.addEventListener('activate', evt => {
// console.log('service worker has been activated');
});
// fetch events
self.addEventListener('fetch', evt => {
if(evt.request.url.indexOf('firestore.googleapis.com') === -1 && evt.request.url.indexOf('analytics') === -1 && evt.request.url.indexOf('gtag') === -1 ){
evt.respondWith(
caches.match(evt.request).then(cacheRes => {
return cacheRes || fetch(evt.request).then(fetchRes => {
if(evt.request.url.indexOf('firebasestorage.googleapis.com/') > -1){
return caches.open(imagesCacheName).then(cache => {
cache.put(evt.request.url, fetchRes.clone());
limitCacheSize(imagesCacheName, 20);
return fetchRes;
});
}
else {
return caches.open(dynamicCacheName).then(cache => {
cache.put(evt.request.url, fetchRes.clone());
limitCacheSize(dynamicCacheName, 10);
return fetchRes;
})
}
});
}).catch(() => caches.match('/offline.html'))
);
}
});