From a5972ae3102e9a9aa1c21cfa61a38e4b69e1c4f6 Mon Sep 17 00:00:00 2001 From: Felix Schulze Date: Mon, 4 Nov 2019 11:58:46 +0100 Subject: [PATCH] service worker first test --- html/cache-polyfill.js | 101 +++++++++++++++++++++++++++++++++++++++++ html/index.html | 7 +++ html/sw.js | 35 ++++++++++++++ 3 files changed, 143 insertions(+) create mode 100644 html/cache-polyfill.js create mode 100644 html/sw.js diff --git a/html/cache-polyfill.js b/html/cache-polyfill.js new file mode 100644 index 0000000..d5563f0 --- /dev/null +++ b/html/cache-polyfill.js @@ -0,0 +1,101 @@ +/* + * + * Air Horner + * Copyright 2015 Google Inc. All rights reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License + * + */ +if (!Cache.prototype.add) { + Cache.prototype.add = function add(request) { + return this.addAll([request]); + }; +} + +if (!Cache.prototype.addAll) { + Cache.prototype.addAll = function addAll(requests) { + var cache = this; + + // Since DOMExceptions are not constructable: + function NetworkError(message) { + this.name = 'NetworkError'; + this.code = 19; + this.message = message; + } + NetworkError.prototype = Object.create(Error.prototype); + + return Promise.resolve().then(function() { + if (arguments.length < 1) throw new TypeError(); + + // Simulate sequence<(Request or USVString)> binding: + var sequence = []; + + requests = requests.map(function(request) { + if (request instanceof Request) { + return request; + } + else { + return String(request); // may throw TypeError + } + }); + + return Promise.all( + requests.map(function(request) { + if (typeof request === 'string') { + request = new Request(request); + } + + var scheme = new URL(request.url).protocol; + + if (scheme !== 'http:' && scheme !== 'https:') { + throw new NetworkError("Invalid scheme"); + } + + return fetch(request.clone()); + }) + ); + }).then(function(responses) { + // TODO: check that requests don't overwrite one another + // (don't think this is possible to polyfill due to opaque responses) + return Promise.all( + responses.map(function(response, i) { + return cache.put(requests[i], response); + }) + ); + }).then(function() { + return undefined; + }); + }; +} + +if (!CacheStorage.prototype.match) { + // This is probably vulnerable to race conditions (removing caches etc) + CacheStorage.prototype.match = function match(request, opts) { + var caches = this; + + return this.keys().then(function(cacheNames) { + var match; + + return cacheNames.reduce(function(chain, cacheName) { + return chain.then(function() { + return match || caches.open(cacheName).then(function(cache) { + return cache.match(request, opts); + }).then(function(response) { + match = response; + return match; + }); + }); + }, Promise.resolve()); + }); + }; +} \ No newline at end of file diff --git a/html/index.html b/html/index.html index 0863673..9010fe4 100755 --- a/html/index.html +++ b/html/index.html @@ -138,5 +138,12 @@ När jag började informera mig om Universiteter, antagningspoäng och meritvär + diff --git a/html/sw.js b/html/sw.js new file mode 100644 index 0000000..2af1f4f --- /dev/null +++ b/html/sw.js @@ -0,0 +1,35 @@ +importScripts('/cache-polyfill.js'); + + +self.addEventListener('install', function(e) { + e.waitUntil( + caches.open('meritkollen').then(function(cache) { + return cache.addAll([ + '/', + '/index.html', + '/Ekonomi.php', + '/Estet.php', + '/Natur.php', + '/Samhäll.php', + '/Teknik.php', + '/assets/css/main.min.css', + '/assets/img/background.jpg', + '/assets/js/calcscript.js', + '/assets/js/changeall.js', + '/assets/js/loader.js', + '/assets/js/loader.min.js', + '/assets/js/softscrollscript.js', + '/assets/js/sparabetyg.js', + ]); + }) + ); +}); + +self.addEventListener('fetch', function(event) { + console.log(event.request.url); + event.respondWith( + caches.match(event.request).then(function(response) { + return response || fetch(event.request); + }) + ); +}); \ No newline at end of file