Changes for PWA

index.html

@@ -27,12 +27,12 @@
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
   <link href="./style/style.css" rel="stylesheet">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-  <script src="./js/lowLag.js"></script>
-  <script src="./js/sm2/js/soundmanager2-nodebug-jsmin.js"></script>
-  <script src="./js/core.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer></script>
+  <script src="./js/lowLag.js" defer></script>
+  <script src="./js/sm2/js/soundmanager2-nodebug-jsmin.js" defer></script>
+  <script src="./js/core.js" defer></script>
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js" defer></script>
   <script>
     window.addEventListener("load", function() {
       window.cookieconsent.initialise({

js/core.js

@@ -278,4 +278,15 @@ $(document).on("touchstart touchend", function(e) {
       }
     }
   }
-});
+});
+
+
+// Register service worker if supported
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker
+      .register('../service-worker.js')
+      //.then(reg => console.log('Service Worker: Registered (Pages)'))
+      //.catch(err => console.log(`Service Worker: Error: ${err}`));
+  });
+}

meta/site.webmanifest

@@ -1,6 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
+    "name": "Bongo Cat",
+    "short_name": "Bongo Cat",
     "icons": [
         {
             "src": "/meta/android-chrome-192x192.png",
@@ -13,6 +13,7 @@
             "type": "image/png"
         }
     ],
+    "start_url": ".",
     "theme_color": "#ffffff",
     "background_color": "#ffffff",
     "display": "standalone"

service-worker.js

@@ -0,0 +1,40 @@
+
+const cacheName = 'v1';
+
+// Call Install Event
+self.addEventListener('install', e => {
+});
+
+// Call Activate Event
+self.addEventListener('activate', e => {
+  // Remove unwanted caches
+  e.waitUntil(
+    caches.keys().then(cacheNames => {
+      return Promise.all(
+        cacheNames.map(cache => {
+          if (cache !== cacheName) {
+            return caches.delete(cache);
+          }
+        })
+      );
+    })
+  );
+});
+
+// Call Fetch Event
+self.addEventListener('fetch', e => {
+  e.respondWith(
+    fetch(e.request)
+      .then(res => {
+        // Make copy/clone of response
+        const resClone = res.clone();
+        // Open cache
+        caches.open(cacheName).then(cache => {
+          // Add response to cache
+          cache.put(e.request, resClone);
+        });
+        return res;
+      })
+      .catch(err => caches.match(e.request).then(res => res))
+  );
+});