Upload 67 files

App.tsx

@@ -1,3 +1,4 @@
+
 import React, { useState, useEffect, useRef } from 'react';
 import { Sidebar } from './components/Sidebar';
 import { Header } from './components/Header';
@@ -126,6 +127,43 @@ const AppContent: React.FC = () => {
   const [loading, setLoading] = useState(true);
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
+  // --- Auto-Update Logic ---
+  useEffect(() => {
+    // 1. Force reload page when Service Worker updates (controller change)
+    // This happens automatically due to 'registerType: autoUpdate' in vite config,
+    // but the window needs to reload to use the new SW.
+    const handleControllerChange = () => {
+        console.log("🔄 App updated, reloading...");
+        window.location.reload();
+    };
+
+    // 2. Check for updates on visibility change (e.g. user comes back to tab)
+    const checkForUpdates = () => {
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.ready.then(registration => {
+                registration.update();
+            }).catch(() => {});
+        }
+    };
+
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.addEventListener('controllerchange', handleControllerChange);
+        document.addEventListener('visibilitychange', () => {
+            if (document.visibilityState === 'visible') {
+                checkForUpdates();
+            }
+        });
+        // Initial check
+        checkForUpdates();
+    }
+
+    return () => {
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.removeEventListener('controllerchange', handleControllerChange);
+        }
+    };
+  }, []);
+
   useEffect(() => {
     const initApp = async () => {
         api.init();
@@ -237,4 +275,4 @@ const App: React.FC = () => {
   );
 };
 
-export default App;
+export default App;

server.js

@@ -31,10 +31,21 @@ app.use(compression({
 
 app.use(cors());
 app.use(bodyParser.json({ limit: '50mb' })); 
+
+// 静态资源托管配置优化
 app.use(express.static(path.join(__dirname, 'dist'), {
   setHeaders: (res, filePath) => {
-    if (filePath.endsWith('.html')) res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
-    else res.setHeader('Cache-Control', 'public, max-age=31536000, immutable');
+    // 关键修复：入口文件、Service Worker 和 Manifest 必须禁止缓存，确保每次都获取最新版本
+    if (
+        filePath.endsWith('.html') || 
+        filePath.endsWith('sw.js') || 
+        filePath.endsWith('manifest.webmanifest')
+    ) {
+        res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+    } else {
+        // 其他带 Hash 的静态资源可以强缓存 1 年
+        res.setHeader('Cache-Control', 'public, max-age=31536000, immutable');
+    }
   }
 }));
 

vite.config.ts

@@ -38,6 +38,7 @@ export default defineConfig({
         ]
       },
       workbox: {
+        cleanupOutdatedCaches: true, // 关键：自动清理过期的缓存文件
         // 缓存策略配置，确保 API 请求不被过度缓存，但静态资源被缓存
         globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
         runtimeCaching: [