wxt 0.20.7 → 0.20.9

package/dist/core/zip.mjs

@@ -2,7 +2,6 @@ import path from "node:path";
 import fs from "fs-extra";
 import { safeFilename } from "./utils/strings.mjs";
 import { getPackageJson } from "./utils/package.mjs";
-import { minimatch } from "minimatch";
 import { formatDuration } from "./utils/time.mjs";
 import { printFileList } from "./utils/log/printFileList.mjs";
 import { findEntrypoints, internalBuild } from "./utils/building/index.mjs";
@@ -10,6 +9,7 @@ import { registerWxt, wxt } from "./wxt.mjs";
 import JSZip from "jszip";
 import glob from "fast-glob";
 import { normalizePath } from "./utils/paths.mjs";
+import { minimatchMultiple } from "./utils/minimatch-multiple.mjs";
 export async function zip(config) {
   await registerWxt("build", config);
   const output = await internalBuild();
@@ -78,7 +78,7 @@ async function zipDir(directory, outputPath, options) {
     ignore: ["**/node_modules"],
     onlyFiles: true
   })).filter((relativePath) => {
-    return options?.include?.some((pattern) => minimatch(relativePath, pattern)) || !options?.exclude?.some((pattern) => minimatch(relativePath, pattern));
+    return minimatchMultiple(relativePath, options?.include) || !minimatchMultiple(relativePath, options?.exclude);
   });
   const filesToZip = [
     ...files,

package/dist/utils/app-config.d.ts

@@ -1,2 +1,2 @@
-import type { WxtAppConfig } from '../utils/define-app-config';
+import type { WxtAppConfig } from './define-app-config';
 export declare function useAppConfig(): WxtAppConfig;

package/dist/utils/content-script-context.d.ts

@@ -72,25 +72,35 @@ export declare class ContentScriptContext implements AbortController {
     block<T>(): Promise<T>;
     /**
      * Wrapper around `window.setInterval` that automatically clears the interval when invalidated.
+     *
+     * Intervals can be cleared by calling the normal `clearInterval` function.
      */
     setInterval(handler: () => void, timeout?: number): number;
     /**
      * Wrapper around `window.setTimeout` that automatically clears the interval when invalidated.
+     *
+     * Timeouts can be cleared by calling the normal `setTimeout` function.
      */
     setTimeout(handler: () => void, timeout?: number): number;
     /**
      * Wrapper around `window.requestAnimationFrame` that automatically cancels the request when
      * invalidated.
+     *
+     * Callbacks can be canceled by calling the normal `cancelAnimationFrame` function.
      */
     requestAnimationFrame(callback: FrameRequestCallback): number;
     /**
      * Wrapper around `window.requestIdleCallback` that automatically cancels the request when
      * invalidated.
+     *
+     * Callbacks can be canceled by calling the normal `cancelIdleCallback` function.
      */
     requestIdleCallback(callback: IdleRequestCallback, options?: IdleRequestOptions): number;
     /**
      * Call `target.addEventListener` and remove the event listener when the context is invalidated.
      *
+     * Listeners can be canceled by calling the normal `removeEventListener` function.
+     *
      * Includes additional events useful for content scripts:
      *
      * - `"wxt:locationchange"` - Triggered when HTML5 history mode is used to change URL. Content
@@ -106,7 +116,7 @@ export declare class ContentScriptContext implements AbortController {
      * });
      */
     addEventListener<TType extends keyof WxtWindowEventMap>(target: Window, type: TType, handler: (event: WxtWindowEventMap[TType]) => void, options?: AddEventListenerOptions): void;
-    addEventListener<TType extends keyof DocumentEventMap>(target: Document, type: keyof DocumentEventMap, handler: (event: DocumentEventMap[TType]) => void, options?: AddEventListenerOptions): void;
+    addEventListener<TType extends keyof DocumentEventMap>(target: Document, type: TType, handler: (event: DocumentEventMap[TType]) => void, options?: AddEventListenerOptions): void;
     addEventListener<TTarget extends EventTarget>(target: TTarget, ...params: Parameters<TTarget['addEventListener']>): void;
     /**
      * @internal

package/dist/utils/content-script-context.mjs

@@ -72,6 +72,8 @@ export class ContentScriptContext {
   }
   /**
    * Wrapper around `window.setInterval` that automatically clears the interval when invalidated.
+   *
+   * Intervals can be cleared by calling the normal `clearInterval` function.
    */
   setInterval(handler, timeout) {
     const id = setInterval(() => {
@@ -82,6 +84,8 @@ export class ContentScriptContext {
   }
   /**
    * Wrapper around `window.setTimeout` that automatically clears the interval when invalidated.
+   *
+   * Timeouts can be cleared by calling the normal `setTimeout` function.
    */
   setTimeout(handler, timeout) {
     const id = setTimeout(() => {
@@ -93,6 +97,8 @@ export class ContentScriptContext {
   /**
    * Wrapper around `window.requestAnimationFrame` that automatically cancels the request when
    * invalidated.
+   *
+   * Callbacks can be canceled by calling the normal `cancelAnimationFrame` function.
    */
   requestAnimationFrame(callback) {
     const id = requestAnimationFrame((...args) => {
@@ -104,6 +110,8 @@ export class ContentScriptContext {
   /**
    * Wrapper around `window.requestIdleCallback` that automatically cancels the request when
    * invalidated.
+   *
+   * Callbacks can be canceled by calling the normal `cancelIdleCallback` function.
    */
   requestIdleCallback(callback, options) {
     const id = requestIdleCallback((...args) => {

package/dist/utils/split-shadow-root-css.d.ts

@@ -1,3 +1,4 @@
+/** @module wxt/utils/split-shadow-root-css */
 /**
  * Given a CSS string that will be loaded into a shadow root, split it into two parts:
  * - `documentCss`: CSS that needs to be applied to the document (like `@property`)

package/dist/version.mjs

@@ -1 +1 @@
-export const version = "0.20.7";
+export const version = "0.20.9";

package/dist/virtual/background-entrypoint.mjs

@@ -88,10 +88,22 @@ async function reloadManifestContentScriptMv3(contentScript) {
   const existing = registered.find((cs) => cs.id === id);
   if (existing) {
     logger.debug("Updating content script", existing);
-    await browser.scripting.updateContentScripts([{ ...contentScript, id }]);
+    await browser.scripting.updateContentScripts([
+      {
+        ...contentScript,
+        id,
+        css: contentScript.css ?? []
+      }
+    ]);
   } else {
     logger.debug("Registering new content script...");
-    await browser.scripting.registerContentScripts([{ ...contentScript, id }]);
+    await browser.scripting.registerContentScripts([
+      {
+        ...contentScript,
+        id,
+        css: contentScript.css ?? []
+      }
+    ]);
   }
   await reloadTabsForContentScript(contentScript);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.20.7",
+  "version": "0.20.9",
   "description": "⚡ Next-gen Web Extension Framework",
   "license": "MIT",
   "dependencies": {
@@ -18,12 +18,12 @@
     "ci-info": "^4.2.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "dotenv": "^16.5.0",
+    "dotenv": "^17.2.2",
     "dotenv-expand": "^12.0.2",
     "esbuild": "^0.25.0",
     "fast-glob": "^3.3.3",
     "filesize": "^10.1.6",
-    "fs-extra": "^11.3.0",
+    "fs-extra": "^11.3.1",
     "get-port-please": "^3.1.2",
     "giget": "^1.2.3 || ^2.0.0",
     "hookable": "^5.5.3",
@@ -34,7 +34,7 @@
     "linkedom": "^0.18.10",
     "magicast": "^0.3.5",
     "minimatch": "^10.0.1",
-    "nano-spawn": "^0.2.0",
+    "nano-spawn": "^1.0.2",
     "normalize-path": "^3.0.0",
     "nypm": "^0.6.0",
     "ohash": "^2.0.11",
@@ -46,27 +46,27 @@
     "publish-browser-extension": "^2.3.0 || ^3.0.0",
     "scule": "^1.3.0",
     "unimport": "^3.13.1 || ^4.0.0 || ^5.0.0",
-    "vite": "^5.4.19 || ^6.3.4",
+    "vite": "^5.4.19 || ^6.3.4 || ^7.0.0",
     "vite-node": "^2.1.4 || ^3.1.2",
     "web-ext-run": "^0.2.3",
-    "@wxt-dev/browser": "^0.0.326"
+    "@wxt-dev/browser": "^0.1.4"
   },
   "devDependencies": {
-    "@aklinker1/check": "2.0.0",
-    "@faker-js/faker": "^9.7.0",
+    "@aklinker1/check": "^2.1.0",
+    "@faker-js/faker": "^10.0.0",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash.merge": "^4.6.9",
     "@types/node": "^20.17.6",
     "@types/normalize-path": "^3.0.2",
     "@types/prompts": "^2.4.9",
     "extract-zip": "^2.0.1",
-    "happy-dom": "^17.4.6",
+    "happy-dom": "^18.0.1",
     "lodash.merge": "^4.6.2",
-    "oxlint": "^0.16.8",
+    "oxlint": "^1.14.0",
     "publint": "^0.3.12",
-    "typescript": "^5.8.3",
-    "unbuild": "^3.5.0",
-    "vitest": "^3.1.2",
+    "typescript": "^5.9.2",
+    "unbuild": "^3.6.1",
+    "vitest": "^3.2.4",
     "vitest-plugin-random-seed": "^1.1.1"
   },
   "peerDependenciesMeta": {},
@@ -187,7 +187,7 @@
     "check:default": "check",
     "check:tsc-virtual": "tsc --noEmit -p src/virtual",
     "test": "buildc --deps-only -- vitest",
-    "test:coverage": "pnpm test -- run --coverage",
+    "test:coverage": "pnpm test run --coverage",
     "sync-releases": "pnpx changelogen@latest gh release"
   }
 }

package/dist/core/builders/vite/plugins/multipageMove.d.ts

@@ -1,20 +0,0 @@
-import type * as vite from 'vite';
-import { Entrypoint, ResolvedConfig } from '../../../../types';
-/**
- * Ensures the HTML files output by a multipage build are in the correct location. This does two
- * things:
- *
- * 1. Moves the HMTL files to their final location at `<outDir>/<entrypoint.name>.html`.
- * 2. Updates the bundle so it summarizes the files correctly in the returned build output.
- *
- * Assets (JS and CSS) are output to the `<outDir>/assets` directory, and don't need to be modified.
- * HTML files access them via absolute URLs, so we don't need to update any import paths in the HTML
- * files either.
- *
- * THIS PLUGIN SHOULD ONLY BE APPLIED TO MULTIPAGE BUILDS. It should not be added to every build.
- */
-export declare function multipageMove(entrypoints: Entrypoint[], config: ResolvedConfig): vite.Plugin;
-/**
- * Recursively remove all directories that are empty/
- */
-export declare function removeEmptyDirs(dir: string): Promise<void>;

package/dist/core/builders/vite/plugins/multipageMove.mjs

@@ -1,59 +0,0 @@
-import { dirname, extname, resolve, join } from "node:path";
-import { getEntrypointBundlePath } from "../../../utils/entrypoints.mjs";
-import fs, { ensureDir } from "fs-extra";
-import { normalizePath } from "../../../utils/paths.mjs";
-export function multipageMove(entrypoints, config) {
-  return {
-    name: "wxt:multipage-move",
-    async writeBundle(_, bundle) {
-      for (const oldBundlePath in bundle) {
-        const entrypoint = entrypoints.find(
-          (entry) => !!normalizePath(entry.inputPath).endsWith(oldBundlePath)
-        );
-        if (entrypoint == null) {
-          config.logger.debug(
-            `No entrypoint found for ${oldBundlePath}, leaving in chunks directory`
-          );
-          continue;
-        }
-        const newBundlePath = getEntrypointBundlePath(
-          entrypoint,
-          config.outDir,
-          extname(oldBundlePath)
-        );
-        if (newBundlePath === oldBundlePath) {
-          config.logger.debug(
-            "HTML file is already in the correct location",
-            oldBundlePath
-          );
-          continue;
-        }
-        const oldAbsPath = resolve(config.outDir, oldBundlePath);
-        const newAbsPath = resolve(config.outDir, newBundlePath);
-        await ensureDir(dirname(newAbsPath));
-        await fs.move(oldAbsPath, newAbsPath, { overwrite: true });
-        const renamedChunk = {
-          ...bundle[oldBundlePath],
-          fileName: newBundlePath
-        };
-        delete bundle[oldBundlePath];
-        bundle[newBundlePath] = renamedChunk;
-      }
-      removeEmptyDirs(config.outDir);
-    }
-  };
-}
-export async function removeEmptyDirs(dir) {
-  const files = await fs.readdir(dir);
-  for (const file of files) {
-    const filePath = join(dir, file);
-    const stats = await fs.stat(filePath);
-    if (stats.isDirectory()) {
-      await removeEmptyDirs(filePath);
-    }
-  }
-  try {
-    await fs.rmdir(dir);
-  } catch {
-  }
-}