🐛 修复 pwa

.gitignore

@@ -1,5 +1,6 @@
 # build output
 build/
+dev-dist/
 # generated types
 .astro/
 

astro.config.ts

@@ -1079,26 +1079,22 @@ export default defineConfig({
         }),
         AstroPWA({
             registerType: "autoUpdate",
-
+            workbox: {
+                skipWaiting: true,
+                clientsClaim: true,
+                navigateFallback: "/404",
+                ignoreURLParametersMatching: [/./],
+                globPatterns: ["**/*.{html,js,css,png,svg,json,ttf,pf_fragment,pf_index,pf_meta,pagefind,wasm}"]
+            },
+            experimental: {
+                directoryAndTrailingSlashHandler: true
+            },
             manifest: {
                 name: "Cubic Wiki",
                 short_name: "Cubic Wiki",
-                theme_color: "#2196f3",
-                background_color: "#424242",
                 display: "standalone",
-                start_url: "/",
-                icons: [
-                    {
-                        src: "/icons/book-192.png",
-                        sizes: "192x192",
-                        type: "image/png"
-                    },
-                    {
-                        src: "/icons/book-512.png",
-                        sizes: "512x512",
-                        type: "image/png"
-                    }
-                ]
+                theme_color: "#2196f3",
+                background_color: "#424242"
             }
         }),
         mermaid({
@@ -1108,7 +1104,7 @@ export default defineConfig({
     vite: {
         plugins: [tailwindcss()],
         ssr: {
-            noExternal: ["naive-ui", "vueuc", "date-fns"]
+            noExternal: ["naive-ui", "vueuc", "date-fns", "workbox-window"]
         }
     }
 });

package.json

@@ -33,7 +33,8 @@
         "starlight-links-validator": "^0.19.2",
         "starlight-scroll-to-top": "^0.4.0",
         "tailwindcss": "^4.1.18",
-        "typescript": "^5.9.3"
+        "typescript": "^5.9.3",
+        "workbox-window": "^7.4.0"
     },
     "engines": {
         "node": ">=18.0"

src/components/Head.astro

@@ -1,19 +1,71 @@
 ---
-import StarlightHead from '@astrojs/starlight/components/Head.astro';
+import StarlightHead from "@astrojs/starlight/components/Head.astro";
 import VtbotStarlight from "astro-vtbot/components/starlight/Base.astro";
-import PageOffset from 'astro-vtbot/components/PageOffset.astro';
-import AutoNameSelected from 'astro-vtbot/components/AutoNameSelected.astro';
+import PageOffset from "astro-vtbot/components/PageOffset.astro";
+import AutoNameSelected from "astro-vtbot/components/AutoNameSelected.astro";
 import ProgressBar from "astro-vtbot/components/ProgressBar.astro";
-import PageOrder from 'astro-vtbot/components/starlight/PageOrder.astro';
-import { fade, slide } from 'astro:transitions';
+import PageOrder from "astro-vtbot/components/starlight/PageOrder.astro";
+import { pwaInfo } from "virtual:pwa-info";
 ---
 
-<VtbotStarlight
-  replaceSidebarContent retainCurrentPageMarker>
+<script>
+  import { registerSW } from "virtual:pwa-register";
+  // 每10分钟检查一次更新，页面将自动刷新
+  const intervalMS = 10 * 60 * 1000;
+  const updateSW = registerSW({
+    immediate: true,
+    onRegisteredSW(swUrl, r) {
+      console.log("SW registered: ", swUrl);
+      r &&
+        setInterval(async () => {
+          if (r.installing || !navigator) return;
+
+          if ("connection" in navigator && !navigator.onLine) return;
+
+          const resp = await fetch(swUrl, {
+            cache: "no-store",
+            headers: {
+              cache: "no-store",
+              "cache-control": "no-cache",
+            },
+          });
+
+          if (resp?.status === 200) await r.update();
+        }, intervalMS);
+    },
+    onOfflineReady() {
+      console.log("PWA application ready to work offline");
+    },
+  });
+</script>
+<script is:inline type="module">
+  await import("/pagefind/pagefind-highlight.js");
+  new PagefindHighlight({
+    highlightParam: "highlight",
+    addStyles: false,
+    markOptions: {
+      className: "pagefind-highlight",
+      exclude: ["[data-pagefind-ignore]", "[data-pagefind-ignore] *"],
+      accuracy: { value: "complementary", limiters: [",", "", ".", ":"] },
+      acrossElements: true,
+      synonyms: {
+        1: "one",
+        2: "two",
+      },
+    },
+  });
+</script>
+
+{pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
+<VtbotStarlight replaceSidebarContent retainCurrentPageMarker>
   <StarlightHead><slot /></StarlightHead>
 </VtbotStarlight>
 <PageOffset name="main" />
-<AutoNameSelected selector="starlight-toc li" prefix="vtbot-toc" shuffle={true} />
+<AutoNameSelected
+  selector="starlight-toc li"
+  prefix="vtbot-toc"
+  shuffle={true}
+/>
 <ProgressBar />
 <PageOrder />
 

src/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />
+/// <reference types="vite-plugin-pwa/info" />
+/// <reference types="vite-plugin-pwa/vanillajs" />
+/// <reference types="@astrojs/starlight/types" />
+/// <reference path="@astrojs/starlight/virtual.d.ts" />
+/// <reference types="@astrojs/starlight/schema" />
+/// <reference path="../node_modules/@astrojs/starlight/virtual.d.ts"/>

tsconfig.json

@@ -1,7 +1,5 @@
 {
     "extends": "astro/tsconfigs/strict",
-    "include": [".astro/types.d.ts", "**/*"],
-    "exclude": ["dist"],
     "compilerOptions": {
         "resolveJsonModule": true,
         "jsx": "preserve",