modified: index.html

index.html

@@ -28,8 +28,14 @@
         </div>
     </body>
     <script>
-        if (typeof navigator.serviceWorker !== 'undefined') {
+        if ('serviceWorker' in navigator) {
-          navigator.serviceWorker.register('/js/pwabuilder-sw.js')
+    window.addEventListener('load', function() {
-        }
+        navigator.serviceWorker.register('https://dakrshy.bronyfurry.com/js/pwabuilder-sw.js').then(function(registration) {
+            console.log('ServiceWorker registration successful with scope: ', registration.scope);
+        }, function(err) {
+            console.log('ServiceWorker registration failed: ', err);
+        });
+    });
+}
       </script>
 </html>

js/pwabuilder-sw.js

@@ -1,47 +1,12 @@
-// This is the "Offline page" service worker
+var cacheName = 'darkshy-cache-v1';
+var assetsToCache = ['css/style.css'];
 
-importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js');
+self.addEventListener('install', function(event) {
-
+    event.waitUntil(
-const CACHE = "DarkShy-page";
+        caches.open(cacheName)
-
+            .then(function(cache) {
-// TODO: replace the following with the correct offline fallback page i.e.: const offlineFallbackPage = "offline.html";
+                console.log('Opened cache');
-const offlineFallbackPage = "offline.html";
+                return cache.addAll(assetsToCache);
-
+            })
-self.addEventListener("message", (event) => {
+    );
-  if (event.data && event.data.type === "SKIP_WAITING") {
-    self.skipWaiting();
-  }
-});
-
-self.addEventListener('install', async (event) => {
-  event.waitUntil(
-    caches.open(CACHE)
-      .then((cache) => cache.add(offlineFallbackPage))
-  );
-});
-
-if (workbox.navigationPreload.isSupported()) {
-  workbox.navigationPreload.enable();
-}
-
-self.addEventListener('fetch', (event) => {
-  if (event.request.mode === 'navigate') {
-    event.respondWith((async () => {
-      try {
-        const preloadResp = await event.preloadResponse;
-
-        if (preloadResp) {
-          return preloadResp;
-        }
-
-        const networkResp = await fetch(event.request);
-        return networkResp;
-      } catch (error) {
-
-        const cache = await caches.open(CACHE);
-        const cachedResp = await cache.match(offlineFallbackPage);
-        return cachedResp;
-      }
-    })());
-  }
 });