|
|
@ -1,38 +1,38 @@
|
|
|
|
// PWA Code adapted from https://github.com/pwa-builder/PWABuilder
|
|
|
|
// PWA Code adapted from https://github.com/pwa-builder/PWABuilder
|
|
|
|
const CACHE = "pwa-precache-v1";
|
|
|
|
const CACHE = "pwa-precache-v1";
|
|
|
|
const precacheFiles = [
|
|
|
|
const precacheFiles = [
|
|
|
|
"/index.html",
|
|
|
|
"/index.html",
|
|
|
|
"/js/predictions.js",
|
|
|
|
"/js/predictions.js",
|
|
|
|
"/js/scripts.js",
|
|
|
|
"/js/scripts.js",
|
|
|
|
"/css/styles.css",
|
|
|
|
"/css/styles.css",
|
|
|
|
"https://code.jquery.com/jquery-3.4.1.min.js",
|
|
|
|
"https://code.jquery.com/jquery-3.4.1.min.js",
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
self.addEventListener("install", function (event) {
|
|
|
|
self.addEventListener("install", function (event) {
|
|
|
|
console.log("[PWA] Install Event processing");
|
|
|
|
console.log("[PWA] Install Event processing");
|
|
|
|
|
|
|
|
|
|
|
|
console.log("[PWA] Skip waiting on install");
|
|
|
|
console.log("[PWA] Skip waiting on install");
|
|
|
|
self.skipWaiting();
|
|
|
|
self.skipWaiting();
|
|
|
|
|
|
|
|
|
|
|
|
event.waitUntil(
|
|
|
|
event.waitUntil(
|
|
|
|
caches.open(CACHE).then(function (cache) {
|
|
|
|
caches.open(CACHE).then(function (cache) {
|
|
|
|
console.log("[PWA] Caching pages during install");
|
|
|
|
console.log("[PWA] Caching pages during install");
|
|
|
|
return cache.addAll(precacheFiles);
|
|
|
|
return cache.addAll(precacheFiles);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
);
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// Allow sw to control of current page
|
|
|
|
// Allow sw to control of current page
|
|
|
|
self.addEventListener("activate", function (event) {
|
|
|
|
self.addEventListener("activate", function (event) {
|
|
|
|
console.log("[PWA] Claiming clients for current page");
|
|
|
|
console.log("[PWA] Claiming clients for current page");
|
|
|
|
event.waitUntil(self.clients.claim());
|
|
|
|
event.waitUntil(self.clients.claim());
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// If any fetch fails, it will look for the request in the cache and serve it from there first
|
|
|
|
// If any fetch fails, it will look for the request in the cache and serve it from there first
|
|
|
|
self.addEventListener("fetch", function (event) {
|
|
|
|
self.addEventListener("fetch", function (event) {
|
|
|
|
if (event.request.method !== "GET") return;
|
|
|
|
if (event.request.method !== "GET") return;
|
|
|
|
|
|
|
|
|
|
|
|
event.respondWith(
|
|
|
|
event.respondWith(
|
|
|
|
(async () => {
|
|
|
|
(async () => {
|
|
|
|
let response;
|
|
|
|
let response;
|
|
|
|
try {
|
|
|
|
try {
|
|
|
@ -50,26 +50,26 @@ self.addEventListener("fetch", function (event) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return response;
|
|
|
|
return response;
|
|
|
|
})()
|
|
|
|
})()
|
|
|
|
);
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function fromCache(request) {
|
|
|
|
function fromCache(request) {
|
|
|
|
// Check to see if you have it in the cache
|
|
|
|
// Check to see if you have it in the cache
|
|
|
|
// Return response
|
|
|
|
// Return response
|
|
|
|
// If not in the cache, then return
|
|
|
|
// If not in the cache, then return
|
|
|
|
return caches.open(CACHE).then(function (cache) {
|
|
|
|
return caches.open(CACHE).then(function (cache) {
|
|
|
|
return cache.match(request).then(function (matching) {
|
|
|
|
return cache.match(request).then(function (matching) {
|
|
|
|
if (!matching || matching.status === 404) {
|
|
|
|
if (!matching || matching.status === 404) {
|
|
|
|
return Promise.reject("no-match");
|
|
|
|
return Promise.reject("no-match");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return matching;
|
|
|
|
return matching;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function updateCache(request, response) {
|
|
|
|
function updateCache(request, response) {
|
|
|
|
return caches.open(CACHE).then(function (cache) {
|
|
|
|
return caches.open(CACHE).then(function (cache) {
|
|
|
|
return cache.put(request, response);
|
|
|
|
return cache.put(request, response);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|