@julien-lin/universal-pwa-templates 1.3.13 → 1.3.15

package/dist/index.cjs

@@ -30,11 +30,15 @@ __export(index_exports, {
   laravelApiServiceWorkerTemplate: () => laravelApiServiceWorkerTemplate,
   laravelSpaServiceWorkerTemplate: () => laravelSpaServiceWorkerTemplate,
   laravelSsrServiceWorkerTemplate: () => laravelSsrServiceWorkerTemplate,
+  nextSsrServiceWorkerTemplate: () => nextSsrServiceWorkerTemplate,
+  nuxtSsrServiceWorkerTemplate: () => nuxtSsrServiceWorkerTemplate,
   phpServiceWorkerTemplate: () => phpServiceWorkerTemplate,
   placeholder: () => placeholder,
+  remixSsrServiceWorkerTemplate: () => remixSsrServiceWorkerTemplate,
   spaServiceWorkerTemplate: () => spaServiceWorkerTemplate,
   ssrServiceWorkerTemplate: () => ssrServiceWorkerTemplate,
   staticServiceWorkerTemplate: () => staticServiceWorkerTemplate,
+  svelteKitSsrServiceWorkerTemplate: () => svelteKitSsrServiceWorkerTemplate,
   symfonyApiServiceWorkerTemplate: () => symfonyApiServiceWorkerTemplate,
   symfonySpaServiceWorkerTemplate: () => symfonySpaServiceWorkerTemplate,
   wordpressServiceWorkerTemplate: () => wordpressServiceWorkerTemplate
@@ -1547,6 +1551,644 @@ if (typeof workbox !== 'undefined') {
 }
 `;
 
+// src/service-worker/next-ssr.ts
+var nextSsrServiceWorkerTemplate = `
+// Load Workbox from CDN
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/7.4.0/workbox-sw.js')
+
+// Ensure Workbox is loaded
+if (typeof workbox !== 'undefined') {
+  // Precache des assets statiques critiques
+  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST)
+
+  // ====== STATIQUES FINGERPRINTED (_next/static) ======
+  // CacheFirst - Les assets fingerprints ne changent jamais
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/_next/static/'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'next-static-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== PAGES HTML (SSR DYNAMIQUE) ======
+  // NetworkFirst avec fallback pour les pages
+  workbox.routing.registerRoute(
+    ({ request }) => request.mode === 'navigate',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'next-pages-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 24 * 60 * 60, // 24h
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== ISR (Incremental Static Regeneration) ======
+  // Aussi NetworkFirst pour /_next/data/** (API ISR)
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/_next/data/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'next-isr-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 60 * 60, // 1h
+        }),
+      ],
+      networkTimeoutSeconds: 3,
+    })
+  )
+
+  // ====== IMAGES OPTIMIS\xC9ES (Next.js Image Optimization) ======
+  workbox.routing.registerRoute(
+    ({ request, url }) =>
+      request.destination === 'image' || url.pathname.startsWith('/_next/image'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'next-images-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== FONTS ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.destination === 'font',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'next-fonts-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== STYLES & SCRIPTS (Non-fingerprinted) ======
+  workbox.routing.registerRoute(
+    ({ request }) =>
+      request.destination === 'style' || request.destination === 'script',
+    new workbox.strategies.StaleWhileRevalidate({
+      cacheName: 'next-assets-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 60,
+          maxAgeSeconds: 7 * 24 * 60 * 60, // 7 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== API ROUTES (/api/**) ======
+  workbox.routing.registerRoute(
+    ({ url, request }) =>
+      request.method === 'GET' && url.pathname.startsWith('/api/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'next-api-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 10 * 60, // 10 mins
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== GRAPHQL ======
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname === '/graphql',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'next-graphql-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 5 * 60, // 5 mins
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== OFFLINE FALLBACK ======
+  // Fallback pour pages non trouv\xE9es en offline
+  const offlineFallbackPage = '/offline.html'
+  workbox.routing.setCatchHandler(async ({ event }) => {
+    if (event.request.destination === 'document') {
+      return caches.match(offlineFallbackPage)
+    }
+    return Response.error()
+  })
+
+  // ====== BROADCAST CACHE UPDATE ======
+  // Notifier le client quand le cache est mis \xE0 jour
+  workbox.core.clientsClaim()
+  self.skipWaiting()
+}
+`;
+
+// src/service-worker/nuxt-ssr.ts
+var nuxtSsrServiceWorkerTemplate = `
+// Load Workbox from CDN
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/7.4.0/workbox-sw.js')
+
+// Ensure Workbox is loaded
+if (typeof workbox !== 'undefined') {
+  // Precache des assets statiques critiques
+  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST)
+
+  // ====== NUXT STATIQUES (_nuxt/dist) ======
+  // CacheFirst - Assets fingerprinted
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/_nuxt/'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'nuxt-static-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== PAGES HTML (SSR DYNAMIQUE) ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.mode === 'navigate',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'nuxt-pages-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 24 * 60 * 60, // 24h
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== PAYLOAD EXTRACTION (Nuxt content/data API) ======
+  // Pour Nuxt Content ou endpoints g\xE9n\xE9r\xE9s
+  workbox.routing.registerRoute(
+    ({ url }) =>
+      url.pathname.startsWith('/__payload') ||
+      url.pathname.startsWith('/_payload'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'nuxt-payload-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 60 * 60, // 1h
+        }),
+      ],
+      networkTimeoutSeconds: 3,
+    })
+  )
+
+  // ====== HYBRID RENDERING (Nuxt Islands) ======
+  // Pour les composants islands isomorphes
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/__nuxt_island'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'nuxt-islands-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 60,
+          maxAgeSeconds: 30 * 60, // 30 mins
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== IMAGES ======
+  workbox.routing.registerRoute(
+    ({ request, url }) =>
+      request.destination === 'image' || url.pathname.startsWith('/_image'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'nuxt-images-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== FONTS ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.destination === 'font',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'nuxt-fonts-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== STYLES & SCRIPTS ======
+  workbox.routing.registerRoute(
+    ({ request }) =>
+      request.destination === 'style' || request.destination === 'script',
+    new workbox.strategies.StaleWhileRevalidate({
+      cacheName: 'nuxt-assets-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 60,
+          maxAgeSeconds: 7 * 24 * 60 * 60, // 7 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== API ROUTES (/api/**) ======
+  workbox.routing.registerRoute(
+    ({ url, request }) =>
+      request.method === 'GET' && url.pathname.startsWith('/api/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'nuxt-api-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 10 * 60, // 10 mins
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== GRAPHQL ======
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname === '/graphql',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'nuxt-graphql-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 5 * 60, // 5 mins
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== OFFLINE FALLBACK ======
+  const offlineFallbackPage = '/offline.html'
+  workbox.routing.setCatchHandler(async ({ event }) => {
+    if (event.request.destination === 'document') {
+      return caches.match(offlineFallbackPage)
+    }
+    return Response.error()
+  })
+
+  // ====== BROADCAST CACHE UPDATE ======
+  workbox.core.clientsClaim()
+  self.skipWaiting()
+}
+`;
+
+// src/service-worker/remix-ssr.ts
+var remixSsrServiceWorkerTemplate = `
+// Load Workbox from CDN
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/7.4.0/workbox-sw.js')
+
+// Ensure Workbox is loaded
+if (typeof workbox !== 'undefined') {
+  // Precache des assets statiques critiques
+  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST)
+
+  // ====== REMIX STATIQUES (/build) ======
+  // CacheFirst - Assets fingerprinted
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/build/'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'remix-static-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== PAGES HTML (SSR DYNAMIQUE) ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.mode === 'navigate',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'remix-pages-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 24 * 60 * 60, // 24h
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== REMIX RESOURCE ROUTES (/resource/**) ======
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/resource/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'remix-resources-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 60 * 60, // 1h
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== IMAGES ======
+  workbox.routing.registerRoute(
+    ({ request, url }) =>
+      request.destination === 'image',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'remix-images-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== FONTS ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.destination === 'font',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'remix-fonts-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== STYLES & SCRIPTS ======
+  workbox.routing.registerRoute(
+    ({ request }) =>
+      request.destination === 'style' || request.destination === 'script',
+    new workbox.strategies.StaleWhileRevalidate({
+      cacheName: 'remix-assets-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 60,
+          maxAgeSeconds: 7 * 24 * 60 * 60, // 7 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== API ROUTES (/api/**) ======
+  workbox.routing.registerRoute(
+    ({ url, request }) =>
+      request.method === 'GET' && url.pathname.startsWith('/api/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'remix-api-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 10 * 60, // 10 mins
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== GRAPHQL ======
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname === '/graphql',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'remix-graphql-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 5 * 60, // 5 mins
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== OFFLINE FALLBACK ======
+  const offlineFallbackPage = '/offline.html'
+  workbox.routing.setCatchHandler(async ({ event }) => {
+    if (event.request.destination === 'document') {
+      return caches.match(offlineFallbackPage)
+    }
+    return Response.error()
+  })
+
+  // ====== BROADCAST CACHE UPDATE ======
+  workbox.core.clientsClaim()
+  self.skipWaiting()
+}
+`;
+
+// src/service-worker/sveltekit-ssr.ts
+var svelteKitSsrServiceWorkerTemplate = `
+// Load Workbox from CDN
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/7.4.0/workbox-sw.js')
+
+// Ensure Workbox is loaded
+if (typeof workbox !== 'undefined') {
+  // Precache des assets statiques critiques
+  workbox.precaching.precacheAndRoute(self.__WB_MANIFEST)
+
+  // ====== SVELTEKIT STATIQUES (/_app) ======
+  // CacheFirst - Assets fingerprinted
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname.startsWith('/_app/'),
+    new workbox.strategies.CacheFirst({
+      cacheName: 'sveltekit-static-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== PAGES HTML (SSR DYNAMIQUE) ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.mode === 'navigate',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'sveltekit-pages-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 24 * 60 * 60, // 24h
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== LAYOUT & COMPONENT DATA ======
+  // Pour les donn\xE9es de layout et composants
+  workbox.routing.registerRoute(
+    ({ url }) =>
+      url.pathname.startsWith('/__data/') ||
+      url.pathname.endsWith('.json'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'sveltekit-data-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 60 * 60, // 1h
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== IMAGES ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.destination === 'image',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'sveltekit-images-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 100,
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== FONTS ======
+  workbox.routing.registerRoute(
+    ({ request }) => request.destination === 'font',
+    new workbox.strategies.CacheFirst({
+      cacheName: 'sveltekit-fonts-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 365 * 24 * 60 * 60, // 1 an
+        }),
+      ],
+    })
+  )
+
+  // ====== STYLES & SCRIPTS ======
+  workbox.routing.registerRoute(
+    ({ request }) =>
+      request.destination === 'style' || request.destination === 'script',
+    new workbox.strategies.StaleWhileRevalidate({
+      cacheName: 'sveltekit-assets-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 60,
+          maxAgeSeconds: 7 * 24 * 60 * 60, // 7 jours
+        }),
+      ],
+    })
+  )
+
+  // ====== API ROUTES (/api/**) ======
+  workbox.routing.registerRoute(
+    ({ url, request }) =>
+      request.method === 'GET' && url.pathname.startsWith('/api/'),
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'sveltekit-api-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 50,
+          maxAgeSeconds: 10 * 60, // 10 mins
+        }),
+      ],
+      networkTimeoutSeconds: 5,
+    })
+  )
+
+  // ====== GRAPHQL ======
+  workbox.routing.registerRoute(
+    ({ url }) => url.pathname === '/graphql',
+    new workbox.strategies.NetworkFirst({
+      cacheName: 'sveltekit-graphql-cache',
+      plugins: [
+        new workbox.cacheableResponse.CacheableResponsePlugin({ statuses: [0, 200] }),
+        new workbox.expiration.ExpirationPlugin({
+          maxEntries: 30,
+          maxAgeSeconds: 5 * 60, // 5 mins
+        }),
+      ],
+      networkTimeoutSeconds: 4,
+    })
+  )
+
+  // ====== OFFLINE FALLBACK ======
+  const offlineFallbackPage = '/offline.html'
+  workbox.routing.setCatchHandler(async ({ event }) => {
+    if (event.request.destination === 'document') {
+      return caches.match(offlineFallbackPage)
+    }
+    return Response.error()
+  })
+
+  // ====== BROADCAST CACHE UPDATE ======
+  workbox.core.clientsClaim()
+  self.skipWaiting()
+}
+`;
+
 // src/service-worker/index.ts
 function getServiceWorkerTemplate(type) {
   const templates = {
@@ -1563,7 +2205,11 @@ function getServiceWorkerTemplate(type) {
     "django-spa": djangoSpaServiceWorkerTemplate,
     "django-api": djangoApiServiceWorkerTemplate,
     "flask-spa": flaskSpaServiceWorkerTemplate,
-    "flask-api": flaskApiServiceWorkerTemplate
+    "flask-api": flaskApiServiceWorkerTemplate,
+    "next-ssr": nextSsrServiceWorkerTemplate,
+    "nuxt-ssr": nuxtSsrServiceWorkerTemplate,
+    "remix-ssr": remixSsrServiceWorkerTemplate,
+    "sveltekit-ssr": svelteKitSsrServiceWorkerTemplate
   };
   const content = templates[type];
   if (!content) {
@@ -1589,43 +2235,45 @@ function getAvailableTemplateTypes() {
     "django-spa",
     "django-api",
     "flask-spa",
-    "flask-api"
+    "flask-api",
+    "next-ssr",
+    "nuxt-ssr",
+    "remix-ssr",
+    "sveltekit-ssr"
   ];
 }
 function determineTemplateType(architecture, framework) {
-  if (framework === "WordPress" || framework === "WooCommerce") {
+  const f = framework?.toLowerCase() ?? "";
+  if (f === "wordpress" || f === "woocommerce") {
     return "wordpress";
   }
-  if (framework === "Drupal" || framework === "Joomla" || framework === "Magento" || framework === "Shopify" || framework === "PrestaShop") {
+  if (f === "drupal" || f === "joomla" || f === "magento" || f === "shopify" || f === "prestashop") {
     return "php";
   }
-  if (framework === "Symfony") {
+  if (f === "symfony") {
     return architecture === "spa" ? "symfony-spa" : "symfony-api";
   }
-  if (framework === "CodeIgniter" || framework === "CakePHP" || framework === "Yii" || framework === "Laminas") {
+  if (f === "codeigniter" || f === "cakephp" || f === "yii" || f === "laminas") {
     return "php";
   }
-  if (framework === "Laravel") {
-    if (architecture === "spa") {
-      return "laravel-spa";
-    }
-    if (architecture === "ssr") {
-      return "laravel-ssr";
-    }
+  if (f === "laravel") {
+    if (architecture === "spa") return "laravel-spa";
+    if (architecture === "ssr") return "laravel-ssr";
     return "laravel-api";
   }
-  if (framework === "Django") {
+  if (f === "django") {
     return architecture === "spa" ? "django-spa" : "django-api";
   }
-  if (framework === "Flask") {
+  if (f === "flask") {
     return architecture === "spa" ? "flask-spa" : "flask-api";
   }
-  if (architecture === "spa") {
-    return "spa";
-  }
-  if (architecture === "ssr") {
-    return "ssr";
-  }
+  if (f === "nextjs" && architecture === "ssr") return "next-ssr";
+  if (f === "nuxt" && architecture === "ssr") return "nuxt-ssr";
+  if (f === "remix" && architecture === "ssr") return "remix-ssr";
+  if (f === "sveltekit" && architecture === "ssr") return "sveltekit-ssr";
+  if (f === "astro" && architecture === "ssr") return "ssr";
+  if (architecture === "spa") return "spa";
+  if (architecture === "ssr") return "ssr";
   return "static";
 }
 
@@ -1643,11 +2291,15 @@ var placeholder = true;
   laravelApiServiceWorkerTemplate,
   laravelSpaServiceWorkerTemplate,
   laravelSsrServiceWorkerTemplate,
+  nextSsrServiceWorkerTemplate,
+  nuxtSsrServiceWorkerTemplate,
   phpServiceWorkerTemplate,
   placeholder,
+  remixSsrServiceWorkerTemplate,
   spaServiceWorkerTemplate,
   ssrServiceWorkerTemplate,
   staticServiceWorkerTemplate,
+  svelteKitSsrServiceWorkerTemplate,
   symfonyApiServiceWorkerTemplate,
   symfonySpaServiceWorkerTemplate,
   wordpressServiceWorkerTemplate