diff options
| -rw-r--r-- | icon.png | bin | 0 -> 21396 bytes | |||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | manifest.json | 16 | ||||
| -rw-r--r-- | script.js | 5 | ||||
| -rw-r--r-- | sw.js | 61 |
5 files changed, 83 insertions, 1 deletions
diff --git a/icon.png b/icon.png Binary files differnew file mode 100644 index 0000000..be75d96 --- /dev/null +++ b/icon.png @@ -4,7 +4,9 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>HOVER:BIT Controller</title> + <link rel="canonical" rel="https://jakobst1n.github.io/hoverbit-ble/"> <link rel="stylesheet" type="text/css" href="styles.css"> + <link rel="manifest" href="manifest.json" crossorigin="use-credentials"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script type="text/javascript" src="microbit.umd.js"></script> diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..573118f --- /dev/null +++ b/manifest.json @@ -0,0 +1,16 @@ +{ + "background_color": "#464a47", + "theme_color": "#5ac775", + "name": "HOVERBIT Controller", + "short_name": "HOVERBIT BLE", + "display": "fullscreen", + "start_url": "/microbit-ble/", + "orientation": "landscape", + "icons": [ + { + "src": "icon.png", + "sizes": "512x512", + "type": "image/png" + } + ] +} @@ -1,5 +1,8 @@ -let StickyControls = false; +if (navigator.serviceWorker) { + navigator.serviceWorker.register('/hoverbit-ble/sw.js', {scope: '/hoverbit-ble/'}) +} +let StickyControls = false; let throttleElement = document.querySelector(".throttle"); let rudderElement = document.querySelector(".rudder"); @@ -0,0 +1,61 @@ +var APP_PREFIX = 'hoverbitcontroller' // Identifier for this app (this needs to be consistent across every cache update) +var VERSION = 'version_01' // Version of the off-line cache (change this value everytime you want to update cache) +var CACHE_NAME = APP_PREFIX + VERSION +var URLS = [ // Add URL you want to cache in this list. + '/hoverbit-ble/', // If you have separate JS/CSS files, + '/hoverbit-ble/index.html', // add path to those files here + '/hoverbit-ble/styles.css', + '/hoverbit-ble/microbit.umd.js', + '/hoverbit-ble/script.js' +] + +// Respond with cached resources +self.addEventListener('fetch', function (e) { + console.log('fetch request : ' + e.request.url) + e.respondWith( + caches.match(e.request).then(function (request) { + if (request) { // if cache is available, respond with cache + console.log('responding with cache : ' + e.request.url) + return request + } else { // if there are no cache, try fetching request + console.log('file is not cached, fetching : ' + e.request.url) + return fetch(e.request) + } + + // You can omit if/else for console.log & put one line below like this too. + // return request || fetch(e.request) + }) + ) +}) + +// Cache resources +self.addEventListener('install', function (e) { + e.waitUntil( + caches.open(CACHE_NAME).then(function (cache) { + console.log('installing cache : ' + CACHE_NAME) + return cache.addAll(URLS) + }) + ) +}) + +// Delete outdated caches +self.addEventListener('activate', function (e) { + e.waitUntil( + caches.keys().then(function (keyList) { + // `keyList` contains all cache names under your username.github.io + // filter out ones that has this app prefix to create white list + var cacheWhitelist = keyList.filter(function (key) { + return key.indexOf(APP_PREFIX) + }) + // add current cache name to white list + cacheWhitelist.push(CACHE_NAME) + + return Promise.all(keyList.map(function (key, i) { + if (cacheWhitelist.indexOf(key) === -1) { + console.log('deleting cache : ' + keyList[i] ) + return caches.delete(keyList[i]) + } + })) + }) + ) +}) |
