fix: service worker passes cross-origin requests through to network

Prevents no-response errors on redirected cross-origin fetches like
Google favicon service by prepending a NetworkOnly rule for all
non-same-origin requests.

1 files changed, 8 insertions, 2 deletions

diff --git a/apps/web/app/sw.ts b/apps/web/app/sw.ts
index 894c9ae..fa2a8b7 100644
--- a/apps/web/app/sw.ts
+++ b/apps/web/app/sw.ts
@@ -1,7 +1,7 @@
 /// <reference lib="webworker" />
 import { defaultCache } from "@serwist/next/worker"
 import type { PrecacheEntry, SerwistGlobalConfig } from "serwist"
-import { Serwist } from "serwist"
+import { Serwist, NetworkOnly } from "serwist"
 
 declare global {
   interface WorkerGlobalScope extends SerwistGlobalConfig {
@@ -16,7 +16,13 @@ const serwist = new Serwist({
   skipWaiting: true,
   clientsClaim: true,
   navigationPreload: true,
-  runtimeCaching: defaultCache,
+  runtimeCaching: [
+    {
+      matcher: ({ url }) => url.origin !== self.location.origin,
+      handler: new NetworkOnly(),
+    },
+    ...defaultCache,
+  ],
 })
 
 serwist.addEventListeners()