@vite-pwa/nuxt 0.10.8 → 1.0.1

package/dist/chunks/pwa-icons.mjs

@@ -3,7 +3,7 @@ import { resolve, relative, basename } from 'node:path';
 import process from 'node:process';
 import { instructions } from '@vite-pwa/assets-generator/api/instructions';
 import { loadConfig } from '@vite-pwa/assets-generator/config';
-import { p as pwaIcons, g as generatePwaImageType } from '../shared/nuxt.66878310.mjs';
+import { p as pwaIcons, g as generatePwaImageType } from '../shared/nuxt.689bb9f6.mjs';
 import '@nuxt/kit';
 import 'vite-plugin-pwa';
 import 'node:crypto';

package/dist/module.d.mts

@@ -23,6 +23,44 @@ interface ClientOptions {
     installPrompt?: boolean | string;
 }
 interface PwaModuleOptions extends Partial<VitePWAOptions> {
+    /**
+     * Experimental features.
+     */
+    experimental?: {
+        /**
+         * NOTE: this option will be ignored if using the `injectManifest` strategy or when Nuxt experimental payload
+         * extraction is disabled.
+         *
+         * Enable custom runtime caching to resolve the payload.json requests with query parameters when offline:
+         * - Workbox doesn't allow to configure `precacheAndRoute` `urlManipulation` option when using the `generateSW` strategy.
+         * - Nuxt SSG will generate a payload.json file and will fetch it with a query parameter.
+         * - The service worker cannot resolve the payload.json request with query parameters, and you won't get the payload when offline.
+         *
+         * Enabling this option will add a custom runtime caching handler to the service worker to resolve the payload files
+         * with query parameters when offline: the runtime caching handler will redirect to the payload.json file without
+         * query parameters when the original request fails.
+         *
+         * If you're using `injectManifest` strategy, you can fix the issue in your custom service worker adding the
+         * following `urlManipulation` callback to the `precacheAndRouter` call:
+         * ```ts
+         * // self.__WB_MANIFEST is the default injection point
+         * precacheAndRoute(
+         *   self.__WB_MANIFEST,
+         *   {
+         *     urlManipulation: ({ url }) => {
+         *       const urls: URL[] = []
+         *       if (url.pathname.endsWith('_payload.json')) {
+         *         const newUrl = new URL(url.href)
+         *         newUrl.search = ''
+         *         urls.push(newUrl)
+         *      }
+         *      return urls
+         *    }
+         *  }
+         * )
+         */
+        enableWorkboxPayloadQueryParams?: true;
+    };
     registerWebManifestInRouteRules?: boolean;
     /**
      * Writes the plugin to disk: defaults to false (debug).

package/dist/module.d.ts

@@ -23,6 +23,44 @@ interface ClientOptions {
     installPrompt?: boolean | string;
 }
 interface PwaModuleOptions extends Partial<VitePWAOptions> {
+    /**
+     * Experimental features.
+     */
+    experimental?: {
+        /**
+         * NOTE: this option will be ignored if using the `injectManifest` strategy or when Nuxt experimental payload
+         * extraction is disabled.
+         *
+         * Enable custom runtime caching to resolve the payload.json requests with query parameters when offline:
+         * - Workbox doesn't allow to configure `precacheAndRoute` `urlManipulation` option when using the `generateSW` strategy.
+         * - Nuxt SSG will generate a payload.json file and will fetch it with a query parameter.
+         * - The service worker cannot resolve the payload.json request with query parameters, and you won't get the payload when offline.
+         *
+         * Enabling this option will add a custom runtime caching handler to the service worker to resolve the payload files
+         * with query parameters when offline: the runtime caching handler will redirect to the payload.json file without
+         * query parameters when the original request fails.
+         *
+         * If you're using `injectManifest` strategy, you can fix the issue in your custom service worker adding the
+         * following `urlManipulation` callback to the `precacheAndRouter` call:
+         * ```ts
+         * // self.__WB_MANIFEST is the default injection point
+         * precacheAndRoute(
+         *   self.__WB_MANIFEST,
+         *   {
+         *     urlManipulation: ({ url }) => {
+         *       const urls: URL[] = []
+         *       if (url.pathname.endsWith('_payload.json')) {
+         *         const newUrl = new URL(url.href)
+         *         newUrl.search = ''
+         *         urls.push(newUrl)
+         *      }
+         *      return urls
+         *    }
+         *  }
+         * )
+         */
+        enableWorkboxPayloadQueryParams?: true;
+    };
     registerWebManifestInRouteRules?: boolean;
     /**
      * Writes the plugin to disk: defaults to false (debug).

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.6.5",
     "bridge": false
   },
-  "version": "0.10.8",
+  "version": "1.0.1",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import '@nuxt/kit';
-export { m as default } from './shared/nuxt.66878310.mjs';
+export { m as default } from './shared/nuxt.689bb9f6.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'vite-plugin-pwa';

package/dist/shared/{nuxt.66878310.mjs → nuxt.689bb9f6.mjs}

@@ -6,7 +6,7 @@ import { createHash } from 'node:crypto';
 import { createReadStream } from 'node:fs';
 import { resolve } from 'pathe';
 
-const version = "0.10.8";
+const version = "1.0.1";
 
 function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
   if (!options.outDir) {
@@ -20,6 +20,7 @@ function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
     options.injectManifest = options.injectManifest ?? {};
     config = options.injectManifest;
   } else {
+    options.strategies = "generateSW";
     options.workbox = options.workbox ?? {};
     if (options.registerType === "autoUpdate" && (options.client?.registerPlugin || options.injectRegister === "script" || options.injectRegister === "inline")) {
       options.workbox.clientsClaim = true;
@@ -46,6 +47,25 @@ function configurePWAOptions(nuxt3_8, options, nuxt, nitroConfig) {
     if (enableGlobPatterns) {
       config.globPatterns = config.globPatterns ?? [];
       config.globPatterns.push("**/_payload.json");
+      if (options.strategies === "generateSW" && options.experimental?.enableWorkboxPayloadQueryParams) {
+        options.workbox.runtimeCaching = options.workbox.runtimeCaching ?? [];
+        options.workbox.runtimeCaching.push({
+          urlPattern: /\/_payload\.json\?/,
+          handler: "NetworkOnly",
+          options: {
+            plugins: [{
+              /* this callback will be called when the fetch call fails */
+              handlerDidError: async ({ request }) => {
+                const url = new URL(request.url);
+                url.search = "";
+                return Response.redirect(url.href, 302);
+              },
+              /* this callback will prevent caching the response */
+              cacheWillUpdate: async () => null
+            }]
+          }
+        });
+      }
     }
   }
   let appManifestFolder;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@vite-pwa/nuxt",
   "type": "module",
-  "version": "0.10.8",
-  "packageManager": "pnpm@10.6.5",
+  "version": "1.0.1",
+  "packageManager": "pnpm@10.11.0",
   "description": "Zero-config PWA for Nuxt 3",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "test:with-build": "nr dev:prepare && nr prepack && nr test"
   },
   "peerDependencies": {
-    "@vite-pwa/assets-generator": "^0.2.6"
+    "@vite-pwa/assets-generator": "^1.0.0"
   },
   "peerDependenciesMeta": {
     "@vite-pwa/assets-generator": {
@@ -72,7 +72,7 @@
     "@nuxt/kit": "^3.9.0",
     "pathe": "^1.1.1",
     "ufo": "^1.3.2",
-    "vite-plugin-pwa": ">=0.21.2 <1"
+    "vite-plugin-pwa": "^1.0.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.11.0",
@@ -113,4 +113,4 @@
   "stackblitz": {
     "startCommand": "nr prepack && nr dev:prepare && nr dev"
   }
-}
+}