Added staging deploy

src/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "B71",
+  "name": "Breakout 71",
+  "icons": [
+    {
+      "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": "/index.html?isPWA=true",
+  "display": "fullscreen",
+  "theme_color": "#5DA3EA",
+  "background_color": "#ffffff"
+}

src/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;
+  }
+});

src/sw_loader.ts

@@ -1,4 +1,5 @@
 if ("serviceWorker" in navigator &&
     window.location.search.includes("isPWA=true")) {
-    navigator.serviceWorker.register("sw-b71.js");
+    // @ts-ignore
+    navigator.serviceWorker.register(new URL('sw-b71.js', import.meta.url));
 }