From 77037c8adb55fd5377ee6a88276f7146b71a5d5e Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Wed, 24 Dec 2025 22:19:14 +0800
Subject: [PATCH] fix(sw): use NetworkFirst for navigation to prevent blank
 page on updates (#2784)

---
 apps/readest-app/src/sw.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/sw.ts b/apps/readest-app/src/sw.ts
index 760acd9c..dad9f501 100644
--- a/apps/readest-app/src/sw.ts
+++ b/apps/readest-app/src/sw.ts
@@ -1,5 +1,5 @@
 import type { PrecacheEntry, SerwistGlobalConfig } from 'serwist';
-import { StaleWhileRevalidate, ExpirationPlugin, Serwist } from 'serwist';
+import { NetworkFirst, ExpirationPlugin, Serwist } from 'serwist';
 
 declare global {
   interface WorkerGlobalScope extends SerwistGlobalConfig {
@@ -32,8 +32,9 @@ const serwist = new Serwist({
         const isClientRoute = clientRoutes.some((route) => url.pathname.startsWith(route));
         return isClientRoute && request.mode === 'navigate';
       },
-      handler: new StaleWhileRevalidate({
+      handler: new NetworkFirst({
         cacheName: 'client-pages',
+        networkTimeoutSeconds: 3,
         matchOptions: {
           ignoreSearch: true,
         },
@@ -60,8 +61,9 @@ const serwist = new Serwist({
         }
         return /^https?.*/.test(url.href);
       },
-      handler: new StaleWhileRevalidate({
+      handler: new NetworkFirst({
         cacheName: 'offline-cache',
+        networkTimeoutSeconds: 3,
         plugins: [
           new ExpirationPlugin({
             maxEntries: 512,