-
Notifications
You must be signed in to change notification settings - Fork 0
/
service-worker.js
98 lines (92 loc) · 2.85 KB
/
service-worker.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
const CACHE_NAME = 'footballPWA-v1'
const urlsToCache = [
'/',
'/manifest.json',
'/index.html',
'/src/components/nav.html',
'/src/pages/home.html',
'/src/pages/teams.html',
'/src/pages/bookmark.html',
'/favicon.ico',
'/icon.png',
'/assets/js/idb.js',
'/assets/css/main.css',
'/assets/css/materialize.min.css',
'/assets/js/main.js',
'/assets/js/materialize.min.js',
'/assets/js/modules/api.js',
'/assets/js/modules/nav.js',
'/assets/js/modules/page.js',
'/assets/js/modules/database.js',
'/assets/js/modules/listener.js',
'/assets/js/modules/pwa.js'
]
//Install Service Worker
self.addEventListener('install', event => {
event.waitUntil(
caches
.open(CACHE_NAME)
.then(cache => cache.addAll(urlsToCache))
)
self.skipWaiting();
})
//Fetch Service Worker
self.addEventListener('fetch', event => {
let base_url = 'https://api.football-data.org/'
if(event.request.url.indexOf(base_url) > -1){
event.respondWith(
caches.open(CACHE_NAME)
.then(cache => {
return fetch(event.request)
.then(response => {
cache.put(event.request.url, response.clone())
return response
})
})
)
}else{
event.respondWith(
caches
.match(event.request, { cacheName: CACHE_NAME })
.then(response => {
if(response){
//console.log(`Service Worker: Gunakan aset dari cache: ${response.url}`)
return response
}
//console.log(`ServiceWorker: Memuat aset dari server: ${event.request.url}`)
return fetch(event.request)
})
)
}
})
//Delete Old Service Worker
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys()
.then(cacheNames => Promise.all(
cacheNames.map(cacheName => {
if(cacheName != CACHE_NAME && cacheName.startsWith('footballPWA')){
console.log('Delete Older Cache : ',cacheName)
return caches.delete(cacheName)
}
})
))
)
})
//Response to Push Notification
self.addEventListener('push', event => {
let body
event.data ? body = event.data.text() : body = 'No Payload'
const options = {
body : body,
icon : '/icon.png',
vibrate: [100, 50, 100],
data: {
dateOfArrival: Date.now(),
primaryKey: 1
}
}
event.waitUntil(
self.registration.showNotification('Push Notification', options)
)
})