PWA: fix index.js pre-cache failing because of filesize, include the …

…fonts, alarm mp3, favicon and apple-touch-icon in the pre-cache
traccar · Apr 4, 2024 · cfa005d · cfa005d
1 parent ced1341
commit cfa005d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/modern/package-lock.json b/modern/package-lock.json
diff --git a/modern/package.json b/modern/package.json
@@ -34,7 +34,7 @@
     "recharts": "^2.10.4",
     "redux": "^5.0.1",
     "vite": "^5.0.13",
-    "vite-plugin-pwa": "^0.17.4",
+    "vite-plugin-pwa": "^0.19.7",
     "vite-plugin-svgr": "^4.2.0",
     "wellknown": "^0.5.0"
   },

diff --git a/modern/vite.config.js b/modern/vite.config.js
@@ -19,8 +19,11 @@ export default defineConfig(() => ({
     svgr(),
     react(),
     VitePWA({
+      includeAssets: ['favicon.ico', 'apple-touch-icon-180x180.png'],
       workbox: {
         navigateFallbackDenylist: [/^\/api/],
+        maximumFileSizeToCacheInBytes: 4000000,
+        globPatterns: ['**/*.{js,css,html,woff,woff2,mp3}'],
       },
       manifest: {
         short_name: '${title}',