Added sw

public/manifest.json

@@ -3,12 +3,22 @@
   "name": "Breakout 71",
   "icons": [
     {
-      "src": "/icon.png",
+      "src": "/icon-512.png",
       "sizes": "512x512",
       "type": "image/png"
+    },
+    {
+      "src": "/icon-128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-64.png",
+      "sizes": "64x64",
+      "type": "image/png"
     }
   ],
-  "start_url": ".",
+  "start_url": "/index.html?isPWA=true",
   "display": "fullscreen",
   "theme_color": "#5DA3EA",
   "background_color": "#ffffff"

public/sw-b71.js

@@ -0,0 +1,44 @@
+// The version of the cache.
+const  VERSION = '29032991'
+
+// The name of the cache
+const CACHE_NAME = `breakout-71-${VERSION}`;
+
+// The static resources that the app needs to function.
+const APP_STATIC_RESOURCES = [
+  "/"
+];
+
+// On install, cache the static resources
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    (async () => {
+      const cache = await caches.open(CACHE_NAME);
+      cache.addAll(APP_STATIC_RESOURCES);
+    })(),
+  );
+});
+
+// delete old caches on activate
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    (async () => {
+      const names = await caches.keys();
+      await Promise.all(
+        names.map((name) => {
+          if (name !== CACHE_NAME) {
+            return caches.delete(name);
+          }
+        }),
+      );
+      await clients.claim();
+    })(),
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  if (event.request.mode === "navigate" && event.request.url.endsWith('/index.html?isPWA=true')) {
+    event.respondWith(caches.match("/"));
+    return;
+  }
+});