anomalyco · BYK · May 16, 2026
@@ -13,6 +13,7 @@
     <meta name="theme-color" content="#131010" media="(prefers-color-scheme: dark)" />
     <meta property="og:image" content="/social-share.png" />
     <meta property="twitter:image" content="/social-share.png" />
+    <link rel="preload" href="/assets/JetBrainsMonoNerdFontMono-Regular.woff2" as="font" type="font/woff2" crossorigin />
     <script id="oc-theme-preload-script" src="/oc-theme-preload.js"></script>
   </head>
   <body class="antialiased overscroll-none text-12-regular overflow-hidden">

@@ -0,0 +1,90 @@
+/// <reference lib="webworker" />
+const CACHE_NAME = "opencode-v1"
+
+/** @param {string} url */
+function isHashedAsset(url) {
+  return /\/assets\/[^/]+[-.][\da-f]{8,}\.\w+$/.test(url)
+}
+
+/** @param {string} url */
+function isStaticAsset(url) {
+  return /\.(?:js|css|woff2?|png|svg|ico|webmanifest)(?:\?|$)/.test(url)
+}
+
+/** @param {string} url */
+function isAPIorEvent(url) {
+  const path = new URL(url).pathname
+  return path.startsWith("/api/") || path.endsWith("/event") || path.endsWith("/prompt_async")
+}
+
+self.addEventListener("install", () => {
+  self.skipWaiting()
+})
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))),
+    ),
+  )
+  self.clients.claim()
+})
+
+self.addEventListener("fetch", (event) => {
+  const { request } = event
+  if (request.method !== "GET") return
+  if (isAPIorEvent(request.url)) return
+
+  // Navigation requests: stale-while-revalidate for instant page loads
+  if (request.mode === "navigate") {
+    event.respondWith(
+      caches.open(CACHE_NAME).then((cache) =>
+        cache.match("/index.html").then((cached) => {
+          const fresh = fetch(request)
+            .then((response) => {
+              if (response.ok) cache.put("/index.html", response.clone())
+              return response
+            })
+            .catch(() => cached)
+          return cached || fresh
+        }),
+      ),
+    )
+    return
+  }
+
+  // Hashed assets: cache-first (immutable filenames)
+  if (isHashedAsset(request.url)) {
+    event.respondWith(
+      caches.open(CACHE_NAME).then((cache) =>
+        cache.match(request).then(
+          (cached) =>
+            cached ||
+            fetch(request).then((response) => {
+              if (response.ok) cache.put(request, response.clone())
+              return response
+            }),
+        ),
+      ),
+    )
+    return
+  }
+
+  // Other static assets: stale-while-revalidate
+  if (isStaticAsset(request.url)) {
+    event.respondWith(
+      caches.open(CACHE_NAME).then((cache) =>
+        cache.match(request).then((cached) => {
+          const fresh = fetch(request)
+            .then((response) => {
+              if (response.ok) cache.put(request, response.clone())
+              return response
+            })
+            .catch(() => cached)
+          return cached || fresh
+        }),
+      ),
+    )
+    return
+  }
+})
@@ -153,6 +153,10 @@ if (import.meta.env.VITE_SENTRY_DSN) {
   })
 }
 
+if ("serviceWorker" in navigator) {
+  navigator.serviceWorker.register("/sw.js").catch(() => {})
+}
+
 if (root instanceof HTMLElement) {
   const auth = authFromToken(new URLSearchParams(location.search).get("auth_token"))
   clearAuthToken()

@@ -5,6 +5,7 @@
   src: url("/assets/JetBrainsMonoNerdFontMono-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @layer components {