-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
61 lines (52 loc) · 1.56 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
// Define the cache name
const cacheName = 'your-app-cache-v1';
// List of assets to cache
const assetsToCache = [
'/*',
'/index.php',
];
// Install event: Cache the essential assets
self.addEventListener('install', (event) => {
event.waitUntil(
caches.open(cacheName)
.then(cache => cache.addAll(assetsToCache))
.then(() => self.skipWaiting())
);
});
// Activate event: Clean up old caches
self.addEventListener('activate', (event) => {
event.waitUntil(
caches.keys()
.then(cacheNames => {
return Promise.all(
cacheNames.filter(name => name !== cacheName)
.map(name => caches.delete(name))
);
})
.then(() => self.clients.claim())
);
});
// Fetch event: Serve assets from cache, and update cache if necessary
self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request)
.then(response => {
if (response) {
return response;
}
// Clone the request because it can only be consumed once
const fetchRequest = event.request.clone();
return fetch(fetchRequest)
.then(response => {
if (!response || response.status !== 200 || response.type !== 'basic') {
return response;
}
// Clone the response because it can only be consumed once
const responseToCache = response.clone();
caches.open(cacheName)
.then(cache => cache.put(event.request, responseToCache));
return response;
});
})
);
});