@necrolab/dashboard 0.5.14 → 0.5.16

package/workbox-config.cjs

@@ -1,13 +1,39 @@
 module.exports = {
-    globDirectory: "public/",
-    globPatterns: ["**/*.{png,ico,svg,jpg,jpeg,webp}", "manifest.json"],
-    swDest: "public/sw.js",
+    globDirectory: "dist/",
+    globPatterns: [
+        // HTML files
+        "**/*.html",
+        // All built assets (JS, CSS)
+        "assets/**/*.{js,css}",
+        // All images (including bundled ones)
+        "**/*.{png,ico,svg,jpg,jpeg,webp,gif}",
+        // Manifest and other static files
+        "manifest.json",
+        "*.{png,ico,webp}"
+    ],
+    swDest: "dist/sw.js",
     sourcemap: false,
     skipWaiting: true,
     clientsClaim: true,
     ignoreURLParametersMatching: [/^utm_/, /^fbclid$/],
     cleanupOutdatedCaches: true,
+    // Increase max size to handle larger bundles
+    maximumFileSizeToCacheInBytes: 5 * 1024 * 1024, // 5MB
     runtimeCaching: [
+        // HTML files - Network first, fallback to cache
+        {
+            urlPattern: /\.html$/,
+            handler: "NetworkFirst",
+            options: {
+                cacheName: "html-cache",
+                networkTimeoutSeconds: 3,
+                expiration: {
+                    maxEntries: 10,
+                    maxAgeSeconds: 60 * 60 * 24 * 7 // 1 week
+                }
+            }
+        },
+        // Images - Cache first for best performance
         {
             urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/,
             handler: "CacheFirst",
@@ -19,17 +45,19 @@ module.exports = {
                 }
             }
         },
+        // JS and CSS - Stale while revalidate for balance
         {
             urlPattern: /\.(?:js|css)$/,
             handler: "StaleWhileRevalidate",
             options: {
                 cacheName: "static-resources",
                 expiration: {
-                    maxEntries: 50,
-                    maxAgeSeconds: 60 * 60 * 24 * 7 // 1 week
+                    maxEntries: 100, // Increased for more assets
+                    maxAgeSeconds: 60 * 60 * 24 * 30 // 30 days (longer)
                 }
             }
         },
+        // Google Fonts stylesheets
         {
             urlPattern: /^https:\/\/fonts\.googleapis\.com\//,
             handler: "StaleWhileRevalidate",
@@ -37,6 +65,7 @@ module.exports = {
                 cacheName: "google-fonts-stylesheets"
             }
         },
+        // Google Fonts webfonts
         {
             urlPattern: /^https:\/\/fonts\.gstatic\.com\//,
             handler: "CacheFirst",
@@ -48,6 +77,7 @@ module.exports = {
                 }
             }
         },
+        // Country flags
         {
             urlPattern: /\/flags\//,
             handler: "CacheFirst",
@@ -58,6 +88,18 @@ module.exports = {
                     maxAgeSeconds: 60 * 60 * 24 * 90 // 90 days
                 }
             }
+        },
+        // Prism.js CDN resources
+        {
+            urlPattern: /^https:\/\/cdnjs\.cloudflare\.com\/ajax\/libs\/prism\//,
+            handler: "CacheFirst",
+            options: {
+                cacheName: "prism-cdn",
+                expiration: {
+                    maxEntries: 10,
+                    maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+                }
+            }
         }
     ]
 };