Adding service worker support

GoogleChromeLabs · Aug 6, 2019 · 76f9e19 · 76f9e19
1 parent b2c71b7
commit 76f9e19
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/main/services/preact-canvas/index.tsx b/src/main/services/preact-canvas/index.tsx
@@ -441,7 +441,7 @@ export default class Root extends Component<Props, State> {
     this._handleCurrentURL();
   }
 
-  private _resetToStartScreen() {
+  private async _resetToStartScreen() {
     history.replaceState({}, "", "/" + location.search);
     this.setState(
       {
@@ -456,7 +456,8 @@ export default class Root extends Component<Props, State> {
         }
       }
     );
-    this._stateService!.reset();
+    const stateService = await stateServicePromise;
+    stateService.reset();
   }
 
   private async _handleCurrentURL() {

diff --git a/src/sw/index.ts b/src/sw/index.ts
@@ -49,9 +49,26 @@ self.addEventListener("fetch", event => {
   }
   event.respondWith(
     (async function() {
-      const cachedResponse = await caches.match(event.request, {
+      let cachedResponse: Response | undefined;
+
+      // Handle the URLs that just go to the root page
+      if (event.request.mode === "navigate") {
+        const url = new URL(event.request.url);
+        if (
+          url.pathname === "/" ||
+          url.pathname === "/about/" ||
+          url.pathname.startsWith("/game/")
+        ) {
+          cachedResponse = await caches.match("/");
+        }
+      }
+
+      if (!cachedResponse) {
+        cachedResponse = await caches.match(event.request, {
         ignoreSearch: true
       });
+      }
+
       return cachedResponse || fetch(event.request);
     })()
   );