@mapvx/web-components 0.0.38 → 0.0.39

package/dist/sw/mvx-tiles-sw.js

@@ -28,15 +28,51 @@ workbox.loadModule('workbox-expiration');
 const ALLOWED_HOSTS = ['mapvx.com', 'lazarillo.app'];
 const isAllowedHost = hostname => ALLOWED_HOSTS.some(host => hostname.endsWith(host));
 
-// API cache for mapvx. Adjust the pattern if needed for additional endpoints
+// Place details API - Use StaleWhileRevalidate for faster loading of static place data
+registerRoute(
+  ({ url }) => url.hostname === 'api.mapvx.com' && url.pathname.includes('/place'),
+  new StaleWhileRevalidate({
+    cacheName: 'api-places-cache',
+    plugins: [
+      new CacheableResponsePlugin({ statuses: [0, 200, 204] }),
+      new ExpirationPlugin({ maxEntries: 500, maxAgeSeconds: 60 * 60 * 24 * 7 }), // 7 days
+    ],
+  })
+);
+
+// Configuration API - Use StaleWhileRevalidate for config data
+registerRoute(
+  ({ url }) => url.hostname === 'api.mapvx.com' && url.pathname.includes('/configuration'),
+  new StaleWhileRevalidate({
+    cacheName: 'api-config-cache',
+    plugins: [
+      new CacheableResponsePlugin({ statuses: [0, 200, 204] }),
+      new ExpirationPlugin({ maxEntries: 100, maxAgeSeconds: 60 * 60 * 24 }), // 1 day
+    ],
+  })
+);
+
+// Route API - Use NetworkFirst since routes can change, but fall back to cache
+registerRoute(
+  ({ url }) => url.hostname === 'api.mapvx.com' && url.pathname.includes('/route'),
+  new workbox.strategies.NetworkFirst({
+    cacheName: 'api-routes-cache',
+    networkTimeoutSeconds: 10,
+    plugins: [
+      new CacheableResponsePlugin({ statuses: [0, 200, 204] }),
+      new ExpirationPlugin({ maxEntries: 200, maxAgeSeconds: 60 * 60 * 24 }), // 1 day
+    ],
+  })
+);
+
+// Other API endpoints - Use NetworkFirst as fallback
 registerRoute(
   ({ url }) => url.hostname === 'api.mapvx.com',
   new workbox.strategies.NetworkFirst({
     cacheName: 'api-cache',
+    networkTimeoutSeconds: 10,
     plugins: [
-      new workbox.cacheableResponse.CacheableResponsePlugin({
-        statuses: [0, 200, 204],
-      }),
+      new CacheableResponsePlugin({ statuses: [0, 200, 204] }),
     ],
   })
 );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mapvx/web-components",
   "description": "MapVX Web Components is a web components library that provides interactive and accessible mapping solutions. Built with Lit, it offers a modern, lightweight, and framework-agnostic way to integrate maps into any web application.",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "type": "module",
   "author": "Mapvx",
   "homepage": "https://mapvx.com",