From 91e7c7434c7402f9cc60dfee94e6dd6365bddb2c Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 11 Feb 2026 20:52:28 -0800
Subject: [PATCH] attempt fix for web/docker cache busting on new release

- remove static asset filenames
- add cache clear config to PWA
- move PWA to base dir instead of assets
---
 package.json       |  1 +
 web.vite.config.ts | 13 ++++++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 0e44b6222..51e5b87cc 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
         "build:electron": "electron-vite build",
         "build:remote": "vite build --config remote.vite.config.ts",
         "build:web": "vite build --config web.vite.config.ts",
+        "preview:web": "vite preview --config web.vite.config.ts",
         "dev": "electron-vite dev",
         "dev:remote": "vite dev --config remote.vite.config.ts",
         "dev:watch": "electron-vite dev --watch",
diff --git a/web.vite.config.ts b/web.vite.config.ts
index 79f50d5bf..5a11d0a5c 100644
--- a/web.vite.config.ts
+++ b/web.vite.config.ts
@@ -5,7 +5,7 @@ import { ViteEjsPlugin } from 'vite-plugin-ejs';
 import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-    base: './',
+    base: '/',
     build: {
         emptyOutDir: true,
         outDir: path.resolve(__dirname, './out/web'),
@@ -23,10 +23,6 @@ export default defineConfig({
                     path.resolve(__dirname, './media/preview_full_screen_player.webp'),
                 ),
             },
-            output: {
-                assetFileNames: 'assets/[name].[ext]',
-                sourcemapExcludeSources: false,
-            },
         },
         sourcemap: true,
     },
@@ -56,7 +52,7 @@ export default defineConfig({
                 // The PWA will not be shown during development
                 enabled: false,
             },
-            filename: 'assets/sw.js',
+            filename: 'sw.js',
             injectRegister: 'inline',
             manifest: {
                 background_color: '#FFDCB5',
@@ -112,9 +108,12 @@ export default defineConfig({
             manifestFilename: 'assets/manifest.webmanifest',
             outDir: path.resolve(__dirname, './out/web/'),
             registerType: 'autoUpdate',
-            scope: '/assets/',
+            scope: '/',
             workbox: {
+                cleanupOutdatedCaches: true,
+                clientsClaim: true,
                 maximumFileSizeToCacheInBytes: 1000000 * 5, // 5 MB
+                skipWaiting: true,
             },
         }),
     ],