PWA texteditor

texteditor.html

@@ -279,8 +279,25 @@
 </script>
 
 <script>
-    if('serviceWorker' in navigator) {
-        navigator.serviceWorker.register('/texteditor.service.js', { scope: '/' });
+	window.addEventListener('load', () => {
+      registerSW();
+    });
+
+    // Register the Service Worker
+    async function registerSW() {
+      if ('serviceWorker' in navigator) {
+        try {
+          await navigator
+                .serviceWorker
+                .register('texteditor.service.js');
+        }
+        catch (e) {
+          console.error("Failed To Register Service Worker");
+        }
+      }
+      else {
+        console.warn("Service Workers Are Not Supported");
+      }
     }
 </script>
 

texteditor.manifest.json

@@ -1,15 +1,17 @@
 {
-	"name": "Text Editor",
-	"description": "A Simple Text Editor",
-	"start_url": "/",
-	"lang": "en-US",
-	"theme_color": "cornflowerblue",
-	"display": "standalone",
-	"icons": [
-	  {
-		"src": "texteditor.png",
-		"sizes": "72x72",
-		"type": "image/png"
-	  }
-	]
-  }
+	"name":"Text Editor",
+	"short_name":"TextEditor",
+	"start_url":"texteditor.html",
+	"display":"standalone",
+	"background_color":"lightblue",
+	"theme_color":"cornflowerblue",
+	"scope": ".",
+	"description":"A Simple Text Editor.",
+	"icons":[
+	{
+	"src":"texteditor.icon.png",
+	"sizes":"250x250",
+	"type":"image/png"
+	}
+]
+}

texteditor.service.js

@@ -1,36 +1,19 @@
-const CACHE_NAME = `simple-texteditor`;
+var staticCacheName = "texteditor";
 
-// Use the install event to pre-cache all initial resources.
-self.addEventListener('install', event => {
-  event.waitUntil((async () => {
-    const cache = await caches.open(CACHE_NAME);
-    cache.addAll([
-      '/',
-      '/texteditor.html',
-      '/texteditor.png'
-    ]);
-  })());
+self.addEventListener("install", function (e) {
+e.waitUntil(
+	caches.open(staticCacheName).then(function (cache) {
+	return cache.addAll(["/", "/texteditor.html"]);
+	})
+);
 });
 
-self.addEventListener('fetch', event => {
-  event.respondWith((async () => {
-    const cache = await caches.open(CACHE_NAME);
+self.addEventListener("fetch", function (event) {
+console.log(event.request.url);
 
-    // Get the resource from the cache.
-    const cachedResponse = await cache.match(event.request);
-    if (cachedResponse) {
-      return cachedResponse;
-    } else {
-        try {
-          // If the resource was not in the cache, try the network.
-          const fetchResponse = await fetch(event.request);
-
-          // Save the resource in the cache and return it.
-          cache.put(event.request, fetchResponse.clone());
-          return fetchResponse;
-        } catch (e) {
-          // The network failed.
-        }
-    }
-  })());
-});
+event.respondWith(
+	caches.match(event.request).then(function (response) {
+	return response || fetch(event.request);
+	})
+);
+});