This repository has been archived by the owner on May 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sw.js
88 lines (81 loc) · 2.33 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
77
78
79
80
81
82
83
84
85
86
87
88
const CACHE = "HappyShibe";
const precacheFiles = ["/happyshibe/","/happyshibe/images/appicons/squircle-256.png","/happyshibe/images/page/shiba-inu-wide.jpg","/happyshibe/css/main.css","/happyshibe/scripts/happyshibe.js","/css/main.css","/scripts/script.js","/fonts/FiraSansNF.woff2","/happyshibe/index.html",
];
/**
* Check to see if the request is in the cache
*
* Return response
*
* If not in the cache, then return
*
* @param {RequestInfo} request
* @return {Promise} promise
*/
function fromCache(request) {
return caches.open(CACHE).then(function(cache) {
return cache.match(request).then(function(matching) {
if (!matching || matching.status === 404) {
return Promise.reject("no-match");
}
return matching;
});
});
}
/**
* Update the cache
* @param {RequestInfo} request
* @param {Response} response
* @return {Promise} promise
*/
function updateCache(request, response) {
return caches.open(CACHE).then(function(cache) {
return cache.put(request, response);
});
}
self.addEventListener("install", function(event) {
self.skipWaiting();
event.waitUntil(
caches.open(CACHE).then(function(cache) {
return cache.addAll(precacheFiles);
}),
);
});
// Allow sw to control of current page
self.addEventListener("activate", function(event) {
event.waitUntil(self.clients.claim());
});
// If any fetch fails, it will look for the request in the cache and serve it
// from there first
self.addEventListener("fetch", function(event) {
if (event.request.method !== "GET") {
return;
}
event.respondWith(
fromCache(event.request).then(
function(response) {
// The response was found in the cache so we respond with it and
// update the entry
// This is where we call the server to get the newest version of the
// file to use the next time we show view
event.waitUntil(
fetch(event.request).then(function(response) {
return updateCache(event.request, response);
}),
);
return response;
},
function() {
// The response was not found in the cache so we look for it on
// the server
return fetch(event.request)
.then(function(response) {
// If request was success, add or update it in the cache
event.waitUntil(updateCache(event.request, response.clone()));
return response;
})
.catch(function(error) {
});
},
),
);
});