@vite-pwa/vitepress 1.1.0 → 2.0.0

package/README.md

@@ -1,16 +1,18 @@
 <p align='center'>
-<img src='./hero.png' alt="@vite-pwa/vitepress - Zero-config PWA for VitePress"><br>
-Zero-config PWA Plugin for VitePress
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vite-pwa/.github/main/vitepress-hero-dark.svg" />
+        <img src="https://raw.githubusercontent.com/vite-pwa/.github/main/vitepress-hero.svg" alt="@vite-pwa/vitepress - Zero-config PWA for VitePress">
+    </picture>
 </p>
 
 <p align='center'>
-<a href='https://www.npmjs.com/package/@vite-pwa/vitepress' target="__blank">
+<a href='https://npmx.dev/package/@vite-pwa/vitepress' target="__blank">
 <img src='https://img.shields.io/npm/v/@vite-pwa/vitepress?color=33A6B8&label=' alt="NPM version">
 </a>
-<a href="https://www.npmjs.com/package/@vite-pwa/vitepress" target="__blank">
+<a href="https://npmx.dev/package/@vite-pwa/vitepress" target="__blank">
     <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@vite-pwa/vitepress?color=476582&label=">
 </a>
-<a href="https://vite-pwa-org.netlify.app/frameworks/vitepress" target="__blank">
+<a href="https://unplugin-pwa.netlify.app/frameworks/vitepress" target="__blank">
     <img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20guides&color=2e859c" alt="Docs & Guides">
 </a>
 <br>
@@ -23,29 +25,35 @@ Zero-config PWA Plugin for VitePress
 
 <p align="center">
   <a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg">
-    <img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/>
+    <img src="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg" alt="Anthony Fu SVG sponsors image"/>
   </a>
 </p>
 
 ## 🚀 Features
 
-- 📖 [**Documentation & guides**](https://vite-pwa-org.netlify.app/)
+- 📖 [**Documentation & guides**](https://unplugin-pwa.netlify.app/)
 - 👌 **Zero-Config**: sensible built-in default configs for common use cases
 - 🔩 **Extensible**: expose the full ability to customize the behavior of the plugin
 - 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
 - 🔌 **Offline Support**: generate service worker with offline support (via Workbox)
-- ⚡ **Fully tree shakable**: auto inject Web App Manifest
+- ⚡ **Fully tree shakable**: client virtual modules are strictly optimized for Dead Code Elimination.
+- 📄 **Web Manifest**: auto-inject Web App Manifest and PWA assets seamlessly.
 - 💬 **Prompt for new content**: built-in support for Vanilla JavaScript, Vue 3, React, Svelte, SolidJS and Preact
 - ⚙️ **Stale-while-revalidate**: automatic reload when new content is available
 - ✨ **Static assets handling**: configure static assets for offline support
 - 🐞 **Development Support**: debug your custom service worker logic as you develop your application
-- 🛠️ **Versatile**: integration with meta frameworks: [îles](https://github.com/ElMassimo/iles), [SvelteKit](https://github.com/sveltejs/kit), [VitePress](https://github.com/vuejs/vitepress), [Astro](https://github.com/withastro/astro), [Nuxt 3](https://github.com/nuxt/nuxt) and [Remix](https://github.com/remix-run/remix)
+- 🔍 **Inspector**: visually inspect your resolved configuration, web manifest and service worker during development, via middleware or [DevFrame](https://github.com/devframes/devframe)
+- 🧩 **Modular**: use the ready-to-use plugins or compose your own integration from the building blocks in `@unplugin-pwa/core` and `@unplugin-pwa/vite`
+- 📦 **Universal Bundlers**: native integration with Vite, Rolldown, Webpack (WIP), Rspack (WIP), and Rsbuild (WIP).
+- 🛠️ **Meta-Frameworks**: seamless integration with [îles](https://github.com/ElMassimo/iles), [SvelteKit](https://github.com/sveltejs/kit), [VitePress](https://github.com/vuejs/vitepress), [Astro](https://github.com/withastro/astro), [Nuxt 3/4/5](https://github.com/nuxt/nuxt), [React Router](https://github.com/remix-run/react-router/), [TanStack](https://github.com/TanStack) and [Next](https://github.com/vercel/next.js/) (WIP).
 - 💥 **PWA Assets Generator**: generate all the PWA assets from a single command and a single source image
 - 🚀 **PWA Assets Integration**: serving, generating and injecting PWA Assets on the fly in your application
 
 ## 📦 Install
 
-> From v0.3, `@vite-pwa/vitepress` requires **Vite 5** and **VitePress 1.0.0-rc.26 or above**.
+> From v2.0.0 `@vite-pwa/vitepress` using [@unplugin-pwa/vite](https://github.com/vite-pwa/unplugin-pwa/tree/main/packages/vite) and [@vite-pwa/workbox-build](https://github.com/vite-pwa/workbox/tree/main/packages/build). Requires Node 22.14.0 or above.
+
+> From v0.3.0, `@vite-pwa/vitepress` requires **Vite 5** and **VitePress 1.0.0-rc.26 or above**.
 
 > Using any version older than v0.3 requires Vite 3.1.0+.
 

package/dist/index.d.mts

@@ -1,24 +1,11 @@
-import { DefaultTheme, UserConfigExport } from 'vitepress';
-import { VitePWAOptions } from 'vite-plugin-pwa';
-
-interface PwaOptions extends Partial<VitePWAOptions> {
-    experimental?: {
-        /**
-         * When using `generateSW` strategy, include the logic to handle the `workbox.navigateFallbackAllowlist` option.
-         *
-         * @see https://github.com/vite-pwa/vitepress/issues/22
-         *
-         * @default false
-         */
-        includeAllowlist?: boolean;
-    };
-}
+import { PwaOptions, VitePressExperimentalOptions } from "./types.mjs";
+import { VitePWAStrategy } from "@unplugin-pwa/core";
+import { SWType } from "@vite-pwa/workbox-build/types";
+import { DefaultTheme, UserConfigExport } from "vitepress";
+export declare function withPwa<UserStrategy extends VitePWAStrategy, T extends SWType, VPTheme = DefaultTheme.Config>(config: UserConfigExport<VPTheme>): Promise<UserConfigExport<VPTheme>>;
 declare module 'vitepress' {
-    interface UserConfig {
-        pwa?: PwaOptions;
-    }
+  interface UserConfig {
+    pwa?: Partial<PwaOptions<VitePWAStrategy, SWType>>;
+  }
 }
-
-declare function withPwa<T = DefaultTheme.Config>(config: UserConfigExport<T>): Promise<UserConfigExport<T>>;
-
-export { type PwaOptions, withPwa };
+export type { PwaOptions, VitePressExperimentalOptions };

package/dist/index.mjs

@@ -1,176 +1,165 @@
-import { VitePWA } from 'vite-plugin-pwa';
-import { resolve } from 'node:path';
-
+import { BuildPwaAssetsPlugin } from "@unplugin-pwa/vite/plugins/build-pwa-assets";
+import { BuildRegisterSWPlugin } from "@unplugin-pwa/vite/plugins/build-register-sw";
+import { DevPlugin } from "@unplugin-pwa/vite/plugins/dev";
+import { DevMiddlewarePlugin } from "@unplugin-pwa/vite/plugins/dev-middleware";
+import { DevAssetsMiddlewarePlugin } from "@unplugin-pwa/vite/plugins/dev-pwa-assets-middleware";
+import { DevtoolsPlugin } from "@unplugin-pwa/vite/plugins/devtools";
+import { InfoPlugin } from "@unplugin-pwa/vite/plugins/info";
+import { InspectorPlugin } from "@unplugin-pwa/vite/plugins/inspector";
+import { MainPlugin } from "@unplugin-pwa/vite/plugins/main";
+import { AssetsPlugin } from "@unplugin-pwa/vite/plugins/pwa-assets";
+import { VirtualModulesPlugin } from "@unplugin-pwa/vite/plugins/virtual-modules";
+import path from "node:path";
+import { generateRegisterSW } from "@unplugin-pwa/core/generate-register-sw";
+import { createVitePWAContext } from "@unplugin-pwa/vite/vite-context";
+// src/utils.ts
 function escapeStringRegexp(value) {
-  return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+	return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 }
-
-function configurePWAOptions(config) {
-  const pwa = config.pwa ?? {};
-  const assetsDir = config.assetsDir ? config.assetsDir.replace(/\\/g, "/").replace(/^\.?\/|\/$/g, "") : "assets";
-  const dontCacheBustURLsMatching = new RegExp(`^${escapeStringRegexp(assetsDir)}/`);
-  if (!pwa.outDir)
-    pwa.outDir = ".vitepress/dist";
-  if (pwa.pwaAssets) {
-    const publicDir = typeof config.vite?.publicDir === "string" ? resolve(config.vite.publicDir) : resolve("public");
-    pwa.pwaAssets.integration = {
-      baseUrl: config.base ?? config.vite?.base ?? "/",
-      publicDir,
-      outDir: resolve(pwa.outDir)
-    };
-  }
-  if (pwa.strategies === "injectManifest") {
-    pwa.injectManifest = pwa.injectManifest ?? {};
-    pwa.injectManifest.dontCacheBustURLsMatching = dontCacheBustURLsMatching;
-  } else {
-    pwa.workbox = pwa.workbox ?? {};
-    pwa.workbox.dontCacheBustURLsMatching = dontCacheBustURLsMatching;
-    if (pwa.registerType === "autoUpdate" && (pwa.injectRegister === "script" || pwa.injectRegister === "script-defer" || pwa.injectRegister === "inline")) {
-      pwa.workbox.clientsClaim = true;
-      pwa.workbox.skipWaiting = true;
-    }
-  }
-  return pwa;
+// src/create-context.ts
+function createVitePressPWAContext(config) {
+	const pwa = config.pwa ?? {};
+	const ctx = Object.assign(createVitePWAContext(true, pwa), { vitepress: {
+		runtimeCachingAdded: false,
+		experimental: void 0
+	} });
+	ctx.configurePWAOptions = (_, viteResolvedConfig) => {
+		const vp = ctx.consumerOptions;
+		if (vp.experimental?.includeAllowlist) ctx.vitepress.experimental = { includeAllowlist: vp.experimental?.includeAllowlist };
+		else ctx.vitepress.experimental = { includeAllowlist: false };
+		ctx.base = config.base || "/";
+		if (!(viteResolvedConfig.command === "build")) return;
+		if (ctx.strategy === "generate-sw" && ctx.vitepress.experimental.includeAllowlist && !ctx.vitepress.runtimeCachingAdded) {
+			ctx.vitepress.runtimeCachingAdded = true;
+			ctx.resolvedOptions.generateSW ??= {};
+			const generateSW = ctx.resolvedOptions.generateSW;
+			generateSW.runtimeCaching ??= [];
+			generateSW.runtimeCaching.push({
+				urlPattern: ({ request, sameOrigin }) => {
+					return sameOrigin && request.mode === "navigate";
+				},
+				handler: "NetworkOnly",
+				options: { plugins: [{
+					handlerDidError: async () => Response.redirect("404", 302),
+					cacheWillUpdate: async () => null
+				}] }
+			});
+		}
+		const outDir = config.outDir ?? ".vitepress/dist";
+		const immutableAssets = config.assetsDir ? config.assetsDir.replace(/\\/g, "/").replace(/^\.?\/|\/$/g, "") : "assets";
+		const base = config.base ?? config.vite?.base ?? "/";
+		ctx.resolvedOptions.base = base;
+		ctx.resolvedOptions.scope = base;
+		if (ctx.resolvedOptions.pwaAssets) {
+			const publicDir = typeof config.vite?.publicDir === "string" ? path.resolve(config.vite.publicDir) : path.resolve("public");
+			ctx.resolvedOptions.pwaAssets.integration = {
+				baseUrl: base,
+				publicDir,
+				outDir: path.resolve(outDir)
+			};
+		}
+		return {
+			outDir,
+			immutableAssets,
+			cwd: viteResolvedConfig.root
+		};
+	};
+	const consumerTransformHead = config.transformHead;
+	config.transformHead = async (vpCtx) => {
+		const head = await consumerTransformHead?.(vpCtx) ?? [];
+		const assetsGenerator = await ctx.pwaAssetsGenerator;
+		if (assetsGenerator) {
+			const htmlAssets = assetsGenerator.resolveHtmlAssets();
+			if (htmlAssets.themeColor) head.push(["meta", {
+				name: "theme-color",
+				content: htmlAssets.themeColor.content
+			}]);
+			for (const link of htmlAssets.links) head.push(["link", { ...link }]);
+		}
+		const webManifestData = ctx.webManifestData();
+		if (webManifestData) {
+			const href = webManifestData.href;
+			if (webManifestData.useCredentials) head.push(["link", {
+				rel: "manifest",
+				href,
+				crossorigin: "use-credentials"
+			}]);
+			else head.push(["link", {
+				rel: "manifest",
+				href
+			}]);
+		}
+		const registerSWData = await ctx.registerSWData();
+		if (registerSWData && registerSWData.shouldRegisterSW) {
+			if (registerSWData.mode === "inline") {
+				const content = await generateRegisterSW(ctx);
+				if (registerSWData.module) head.push([
+					"script",
+					{
+						id: "vite-pwa:vitepress:inline-sw",
+						type: "module"
+					},
+					content
+				]);
+				else head.push([
+					"script",
+					{ id: "vite-pwa:vitepress:inline-sw" },
+					content
+				]);
+			} else if (registerSWData.mode === "script-defer") head.push(["script", {
+				id: "vite-pwa:vitepress:register-sw",
+				defer: "defer",
+				src: registerSWData.registerPath
+			}]);
+			else head.push(["script", {
+				id: "vite-pwa:vitepress:register-sw",
+				src: registerSWData.registerPath
+			}]);
+		}
+		return head;
+	};
+	const consumerBuildEnd = config.buildEnd;
+	config.buildEnd = async (siteConfig) => {
+		await consumerBuildEnd?.(siteConfig);
+		if (!ctx.resolvedOptions.disable) {
+			if (ctx.strategy === "generate-sw" && ctx.vitepress.experimental.includeAllowlist) {
+				const generateSW = ctx.resolvedOptions.generateSW ?? {};
+				const allowlist = generateSW.navigateFallbackAllowlist ??= [];
+				const base = siteConfig.site.base ?? "/";
+				for (const page of siteConfig.pages) {
+					const regex = page === "index.md" ? escapeStringRegexp(base) : escapeStringRegexp(`${base}${page.replace(/\.md$/, "")}`);
+					allowlist.push(new RegExp(`^${regex}(\\.html)?$`));
+				}
+			}
+			await ctx.runBuild();
+		}
+	};
+	return ctx;
 }
-
+// src/integration.ts
 function withUserConfig(config) {
-  let viteConf = config.vite;
-  if (!viteConf) {
-    viteConf = {};
-    config.vite = viteConf;
-  }
-  let vitePlugins = viteConf.plugins;
-  if (typeof vitePlugins === "undefined") {
-    vitePlugins = [];
-    viteConf.plugins = vitePlugins;
-  }
-  if (vitePlugins && vitePlugins.length > 0) {
-    const pwaPlugin = vitePlugins.find((i) => i && typeof i === "object" && "name" in i && i.name === "vite-plugin-pwa");
-    if (pwaPlugin)
-      throw new Error("Remove vite-plugin-pwa plugin from Vite Plugins entry in VitePress config file");
-  }
-  const pwa = configurePWAOptions(config);
-  let api;
-  vitePlugins.push(VitePWA({ ...pwa }));
-  vitePlugins.push({
-    name: "vite-plugin-pwa:pwa-assets:vitepress",
-    apply: "serve",
-    enforce: "pre",
-    configResolved(resolvedViteConfig) {
-      if (!resolvedViteConfig.build.ssr)
-        api = resolvedViteConfig.plugins.find((p) => p.name === "vite-plugin-pwa")?.api;
-    },
-    async handleHotUpdate({ file, server }) {
-      const pwaAssetsGenerator = await api?.pwaAssetsGenerator();
-      if (await pwaAssetsGenerator?.checkHotUpdate(file))
-        await server.restart();
-    }
-  });
-  vitePlugins.push({
-    name: "vite-plugin-pwa:vitepress",
-    apply: "build",
-    enforce: "post",
-    configResolved(resolvedViteConfig) {
-      if (!resolvedViteConfig.build.ssr)
-        api = resolvedViteConfig.plugins.find((p) => p.name === "vite-plugin-pwa")?.api;
-    }
-  });
-  const vitePressConfig = config;
-  const userTransformHead = vitePressConfig.transformHead;
-  const userBuildEnd = vitePressConfig.buildEnd;
-  vitePressConfig.transformHead = async (ctx) => {
-    const head = await userTransformHead?.(ctx) ?? [];
-    const assetsGenerator = await api?.pwaAssetsGenerator();
-    if (assetsGenerator) {
-      const htmlAssets = assetsGenerator.resolveHtmlAssets();
-      if (htmlAssets.themeColor)
-        head.push(["meta", { name: "theme-color", content: htmlAssets.themeColor.content }]);
-      for (const link of htmlAssets.links)
-        head.push(["link", { ...link }]);
-    }
-    const webManifestData = api?.webManifestData();
-    if (webManifestData) {
-      const href = webManifestData.href;
-      if (webManifestData.useCredentials)
-        head.push(["link", { rel: "manifest", href, crossorigin: "use-credentials" }]);
-      else
-        head.push(["link", { rel: "manifest", href }]);
-    }
-    const registerSWData = api?.registerSWData();
-    if (registerSWData && registerSWData.shouldRegisterSW) {
-      if (registerSWData.mode === "inline") {
-        head.push([
-          "script",
-          { id: "vite-plugin-pwa:inline-sw" },
-          `if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('${registerSWData.inlinePath}', { scope: '${registerSWData.scope}' })})}`
-        ]);
-      } else {
-        if (registerSWData.mode === "script-defer") {
-          head.push([
-            "script",
-            {
-              id: "vite-plugin-pwa:register-sw",
-              defer: "defer",
-              src: registerSWData.registerPath
-            }
-          ]);
-        } else {
-          head.push([
-            "script",
-            {
-              id: "vite-plugin-pwa:register-sw",
-              src: registerSWData.registerPath
-            }
-          ]);
-        }
-      }
-    }
-    return head;
-  };
-  let allowlist;
-  if (pwa.strategies !== "injectManifest" && pwa.experimental?.includeAllowlist === true) {
-    pwa.workbox = pwa.workbox ?? {};
-    allowlist = pwa.workbox.navigateFallbackAllowlist = pwa.workbox.navigateFallbackAllowlist ?? [];
-    pwa.workbox.runtimeCaching = pwa.workbox.runtimeCaching ?? [];
-    pwa.workbox.runtimeCaching.push({
-      urlPattern: ({ request, sameOrigin }) => {
-        return sameOrigin && request.mode === "navigate";
-      },
-      handler: "NetworkOnly",
-      options: {
-        plugins: [{
-          /* this callback will be called when the fetch call fails */
-          handlerDidError: async () => Response.redirect("404", 302),
-          /* this callback will prevent caching the response */
-          cacheWillUpdate: async () => null
-        }]
-      }
-    });
-  }
-  vitePressConfig.buildEnd = async (siteConfig) => {
-    await userBuildEnd?.(siteConfig);
-    if (api && !api.disabled) {
-      if (typeof allowlist !== "undefined") {
-        const base = siteConfig.site.base ?? "/";
-        for (const page of siteConfig.pages) {
-          const regex = page === "index.md" ? escapeStringRegexp(base) : escapeStringRegexp(`${base}${page.replace(/\.md$/, "")}`);
-          allowlist.push(new RegExp(`^${regex}(\\.html)?$`));
-        }
-      }
-      await api.generateSW();
-    }
-  };
-  return vitePressConfig;
+	const ctx = createVitePressPWAContext(config);
+	const viteConf = config.vite ??= {};
+	(viteConf.plugins ??= []).push([
+		MainPlugin(ctx),
+		VirtualModulesPlugin(ctx),
+		InfoPlugin(ctx),
+		DevPlugin(ctx),
+		DevMiddlewarePlugin(ctx),
+		DevAssetsMiddlewarePlugin(ctx),
+		AssetsPlugin(ctx),
+		BuildRegisterSWPlugin(ctx),
+		BuildPwaAssetsPlugin(ctx),
+		DevtoolsPlugin(ctx),
+		InspectorPlugin(ctx)
+	]);
+	return config;
 }
-
+// src/index.ts
 async function withPwa(config) {
-  if (typeof config === "function") {
-    return async (ctx) => {
-      const userConfig = await config(ctx);
-      return withUserConfig(userConfig);
-    };
-  }
-  return withUserConfig(await config);
+	if (typeof config === "function") return async (ctx) => {
+		return withUserConfig(await config(ctx));
+	};
+	return withUserConfig(await config);
 }
-
 export { withPwa };

package/dist/types.d.mts

@@ -0,0 +1,15 @@
+import { VitePWAOptions, VitePWAStrategy } from "@unplugin-pwa/core";
+import { SWType } from "@vite-pwa/workbox-build/types";
+export interface VitePressExperimentalOptions {
+  /**
+   * When using `generateSW` strategy, include the logic to handle the `workbox.navigateFallbackAllowlist` option.
+   *
+   * @see https://github.com/vite-pwa/vitepress/issues/22
+   *
+   * @default false
+   */
+  includeAllowlist?: boolean;
+}
+export type PwaOptions<UserStrategy extends VitePWAStrategy, T extends SWType> = VitePWAOptions<UserStrategy, T> & {
+  experimental?: VitePressExperimentalOptions;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vite-pwa/vitepress",
   "type": "module",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "description": "Zero-config PWA for VitePress",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -17,51 +17,75 @@
     "workbox",
     "pwa",
     "vite",
-    "vite-plugin"
+    "unplugin-pwa"
   ],
+  "sideEffects": false,
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+    ".": "./dist/index.mjs",
+    "./types": {
+      "types": "./dist/index.d.mts"
     },
-    "./package.json": "./package.json",
-    "./dist/*": "./dist/*"
+    "./package.json": "./package.json"
   },
-  "main": "dist/index.mjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.d.mts",
   "files": [
-    "*.d.ts",
     "dist"
   ],
+  "engines": {
+    "node": ">=22.14.0"
+  },
   "peerDependencies": {
-    "@vite-pwa/assets-generator": "^1.0.0",
-    "vite-plugin-pwa": "^1.2.0"
+    "@vite-pwa/assets-generator": "^1.0.0 || ^2.0.0",
+    "magicast": "^0.5.0",
+    "rolldown": "^1.0.0-0",
+    "vitepress": "^1.0.0 || ^2.0.0-0"
   },
   "peerDependenciesMeta": {
     "@vite-pwa/assets-generator": {
       "optional": true
+    },
+    "magicast": {
+      "optional": true
+    },
+    "rolldown": {
+      "optional": true
     }
   },
+  "dependencies": {
+    "@unplugin-pwa/core": "^0.0.2",
+    "@unplugin-pwa/inspector": "^0.0.2",
+    "@unplugin-pwa/vite": "^0.0.2",
+    "@vite-pwa/workbox-build": "^8.0.13",
+    "@vite-pwa/workbox-swkit": "^8.0.13",
+    "@vite-pwa/workbox-window": "^8.0.13"
+  },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.11.0",
-    "@antfu/ni": "^0.21.9",
-    "@types/debug": "^4.1.12",
-    "@types/node": "^20.8.7",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "bumpp": "^9.2.0",
-    "eslint": "^9.23.0",
-    "https-localhost": "^4.7.1",
-    "typescript": "^5.4.5",
-    "unbuild": "^2.0.0",
-    "vite": "^5.2.10",
-    "vite-plugin-pwa": "^1.2.0",
-    "vitepress": "^1.1.4"
+    "@antfu/eslint-config": "^9.5.1",
+    "@antfu/ni": "^25.0.0",
+    "@arethetypeswrong/core": "^0.18.5",
+    "@types/debug": "^4.1.13",
+    "@types/node": "24.19.2",
+    "@vite-pwa/assets-generator": "^2.0.0",
+    "@vitejs/devtools": "^0.7.6",
+    "eslint": "^10.13.0",
+    "eslint-plugin-antfu": "^3.2.3",
+    "https-localhost": "4.7.2",
+    "publint": "^0.3.25",
+    "taze": "21.1.0",
+    "tsdown": "^0.23.1",
+    "typescript": "~6.0.3",
+    "vite": "^8.3.5",
+    "vitepress": "^2.0.0-alpha.21"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   },
   "scripts": {
-    "build": "unbuild",
     "lint": "eslint .",
-    "lint:fix": "nr lint --fix",
-    "release": "bumpp"
+    "lint:fix": "pnpm lint --fix",
+    "update:deps": "taze -I",
+    "build": "tsdown",
+    "test:typecheck": "tsc --noEmit"
   }
 }

package/dist/index.cjs

@@ -1,178 +0,0 @@
-'use strict';
-
-const vitePluginPwa = require('vite-plugin-pwa');
-const node_path = require('node:path');
-
-function escapeStringRegexp(value) {
-  return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-}
-
-function configurePWAOptions(config) {
-  const pwa = config.pwa ?? {};
-  const assetsDir = config.assetsDir ? config.assetsDir.replace(/\\/g, "/").replace(/^\.?\/|\/$/g, "") : "assets";
-  const dontCacheBustURLsMatching = new RegExp(`^${escapeStringRegexp(assetsDir)}/`);
-  if (!pwa.outDir)
-    pwa.outDir = ".vitepress/dist";
-  if (pwa.pwaAssets) {
-    const publicDir = typeof config.vite?.publicDir === "string" ? node_path.resolve(config.vite.publicDir) : node_path.resolve("public");
-    pwa.pwaAssets.integration = {
-      baseUrl: config.base ?? config.vite?.base ?? "/",
-      publicDir,
-      outDir: node_path.resolve(pwa.outDir)
-    };
-  }
-  if (pwa.strategies === "injectManifest") {
-    pwa.injectManifest = pwa.injectManifest ?? {};
-    pwa.injectManifest.dontCacheBustURLsMatching = dontCacheBustURLsMatching;
-  } else {
-    pwa.workbox = pwa.workbox ?? {};
-    pwa.workbox.dontCacheBustURLsMatching = dontCacheBustURLsMatching;
-    if (pwa.registerType === "autoUpdate" && (pwa.injectRegister === "script" || pwa.injectRegister === "script-defer" || pwa.injectRegister === "inline")) {
-      pwa.workbox.clientsClaim = true;
-      pwa.workbox.skipWaiting = true;
-    }
-  }
-  return pwa;
-}
-
-function withUserConfig(config) {
-  let viteConf = config.vite;
-  if (!viteConf) {
-    viteConf = {};
-    config.vite = viteConf;
-  }
-  let vitePlugins = viteConf.plugins;
-  if (typeof vitePlugins === "undefined") {
-    vitePlugins = [];
-    viteConf.plugins = vitePlugins;
-  }
-  if (vitePlugins && vitePlugins.length > 0) {
-    const pwaPlugin = vitePlugins.find((i) => i && typeof i === "object" && "name" in i && i.name === "vite-plugin-pwa");
-    if (pwaPlugin)
-      throw new Error("Remove vite-plugin-pwa plugin from Vite Plugins entry in VitePress config file");
-  }
-  const pwa = configurePWAOptions(config);
-  let api;
-  vitePlugins.push(vitePluginPwa.VitePWA({ ...pwa }));
-  vitePlugins.push({
-    name: "vite-plugin-pwa:pwa-assets:vitepress",
-    apply: "serve",
-    enforce: "pre",
-    configResolved(resolvedViteConfig) {
-      if (!resolvedViteConfig.build.ssr)
-        api = resolvedViteConfig.plugins.find((p) => p.name === "vite-plugin-pwa")?.api;
-    },
-    async handleHotUpdate({ file, server }) {
-      const pwaAssetsGenerator = await api?.pwaAssetsGenerator();
-      if (await pwaAssetsGenerator?.checkHotUpdate(file))
-        await server.restart();
-    }
-  });
-  vitePlugins.push({
-    name: "vite-plugin-pwa:vitepress",
-    apply: "build",
-    enforce: "post",
-    configResolved(resolvedViteConfig) {
-      if (!resolvedViteConfig.build.ssr)
-        api = resolvedViteConfig.plugins.find((p) => p.name === "vite-plugin-pwa")?.api;
-    }
-  });
-  const vitePressConfig = config;
-  const userTransformHead = vitePressConfig.transformHead;
-  const userBuildEnd = vitePressConfig.buildEnd;
-  vitePressConfig.transformHead = async (ctx) => {
-    const head = await userTransformHead?.(ctx) ?? [];
-    const assetsGenerator = await api?.pwaAssetsGenerator();
-    if (assetsGenerator) {
-      const htmlAssets = assetsGenerator.resolveHtmlAssets();
-      if (htmlAssets.themeColor)
-        head.push(["meta", { name: "theme-color", content: htmlAssets.themeColor.content }]);
-      for (const link of htmlAssets.links)
-        head.push(["link", { ...link }]);
-    }
-    const webManifestData = api?.webManifestData();
-    if (webManifestData) {
-      const href = webManifestData.href;
-      if (webManifestData.useCredentials)
-        head.push(["link", { rel: "manifest", href, crossorigin: "use-credentials" }]);
-      else
-        head.push(["link", { rel: "manifest", href }]);
-    }
-    const registerSWData = api?.registerSWData();
-    if (registerSWData && registerSWData.shouldRegisterSW) {
-      if (registerSWData.mode === "inline") {
-        head.push([
-          "script",
-          { id: "vite-plugin-pwa:inline-sw" },
-          `if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('${registerSWData.inlinePath}', { scope: '${registerSWData.scope}' })})}`
-        ]);
-      } else {
-        if (registerSWData.mode === "script-defer") {
-          head.push([
-            "script",
-            {
-              id: "vite-plugin-pwa:register-sw",
-              defer: "defer",
-              src: registerSWData.registerPath
-            }
-          ]);
-        } else {
-          head.push([
-            "script",
-            {
-              id: "vite-plugin-pwa:register-sw",
-              src: registerSWData.registerPath
-            }
-          ]);
-        }
-      }
-    }
-    return head;
-  };
-  let allowlist;
-  if (pwa.strategies !== "injectManifest" && pwa.experimental?.includeAllowlist === true) {
-    pwa.workbox = pwa.workbox ?? {};
-    allowlist = pwa.workbox.navigateFallbackAllowlist = pwa.workbox.navigateFallbackAllowlist ?? [];
-    pwa.workbox.runtimeCaching = pwa.workbox.runtimeCaching ?? [];
-    pwa.workbox.runtimeCaching.push({
-      urlPattern: ({ request, sameOrigin }) => {
-        return sameOrigin && request.mode === "navigate";
-      },
-      handler: "NetworkOnly",
-      options: {
-        plugins: [{
-          /* this callback will be called when the fetch call fails */
-          handlerDidError: async () => Response.redirect("404", 302),
-          /* this callback will prevent caching the response */
-          cacheWillUpdate: async () => null
-        }]
-      }
-    });
-  }
-  vitePressConfig.buildEnd = async (siteConfig) => {
-    await userBuildEnd?.(siteConfig);
-    if (api && !api.disabled) {
-      if (typeof allowlist !== "undefined") {
-        const base = siteConfig.site.base ?? "/";
-        for (const page of siteConfig.pages) {
-          const regex = page === "index.md" ? escapeStringRegexp(base) : escapeStringRegexp(`${base}${page.replace(/\.md$/, "")}`);
-          allowlist.push(new RegExp(`^${regex}(\\.html)?$`));
-        }
-      }
-      await api.generateSW();
-    }
-  };
-  return vitePressConfig;
-}
-
-async function withPwa(config) {
-  if (typeof config === "function") {
-    return async (ctx) => {
-      const userConfig = await config(ctx);
-      return withUserConfig(userConfig);
-    };
-  }
-  return withUserConfig(await config);
-}
-
-exports.withPwa = withPwa;

package/dist/index.d.cts

@@ -1,24 +0,0 @@
-import { DefaultTheme, UserConfigExport } from 'vitepress';
-import { VitePWAOptions } from 'vite-plugin-pwa';
-
-interface PwaOptions extends Partial<VitePWAOptions> {
-    experimental?: {
-        /**
-         * When using `generateSW` strategy, include the logic to handle the `workbox.navigateFallbackAllowlist` option.
-         *
-         * @see https://github.com/vite-pwa/vitepress/issues/22
-         *
-         * @default false
-         */
-        includeAllowlist?: boolean;
-    };
-}
-declare module 'vitepress' {
-    interface UserConfig {
-        pwa?: PwaOptions;
-    }
-}
-
-declare function withPwa<T = DefaultTheme.Config>(config: UserConfigExport<T>): Promise<UserConfigExport<T>>;
-
-export { type PwaOptions, withPwa };

package/dist/index.d.ts

@@ -1,24 +0,0 @@
-import { DefaultTheme, UserConfigExport } from 'vitepress';
-import { VitePWAOptions } from 'vite-plugin-pwa';
-
-interface PwaOptions extends Partial<VitePWAOptions> {
-    experimental?: {
-        /**
-         * When using `generateSW` strategy, include the logic to handle the `workbox.navigateFallbackAllowlist` option.
-         *
-         * @see https://github.com/vite-pwa/vitepress/issues/22
-         *
-         * @default false
-         */
-        includeAllowlist?: boolean;
-    };
-}
-declare module 'vitepress' {
-    interface UserConfig {
-        pwa?: PwaOptions;
-    }
-}
-
-declare function withPwa<T = DefaultTheme.Config>(config: UserConfigExport<T>): Promise<UserConfigExport<T>>;
-
-export { type PwaOptions, withPwa };

package/index.d.ts

@@ -1 +0,0 @@
-export * from './dist'