wxt 0.10.4 → 0.11.1

package/dist/testing.d.cts

@@ -1,10 +1,11 @@
 export { FakeBrowser, fakeBrowser } from '@webext-core/fake-browser';
 import * as vite from 'vite';
-import { I as InlineConfig } from './external-32209cff.js';
+import { I as InlineConfig } from './external-irU6kFSB.cjs';
 import 'webextension-polyfill';
 import 'unimport';
 import 'consola';
 import 'rollup-plugin-visualizer';
+import 'chokidar';
 
 /**
  * Vite plugin that configures Vitest with everything required to test a WXT extension, based on the `<root>/wxt.config.ts`

package/dist/testing.d.ts

@@ -1,10 +1,11 @@
 export { FakeBrowser, fakeBrowser } from '@webext-core/fake-browser';
 import * as vite from 'vite';
-import { I as InlineConfig } from './external-32209cff.js';
+import { I as InlineConfig } from './external-irU6kFSB.js';
 import 'webextension-polyfill';
 import 'unimport';
 import 'consola';
 import 'rollup-plugin-visualizer';
+import 'chokidar';
 
 /**
  * Vite plugin that configures Vitest with everything required to test a WXT extension, based on the `<root>/wxt.config.ts`

package/dist/testing.js

@@ -6,8 +6,8 @@ import {
   unimport,
   webextensionPolyfillAlias,
   webextensionPolyfillInlineDeps
-} from "./chunk-RSHXTUF4.js";
-import "./chunk-YUG22S6W.js";
+} from "./chunk-65FJ5ESC.js";
+import "./chunk-VBXJIVYU.js";
 
 // src/testing/fake-browser.ts
 import { fakeBrowser } from "@webext-core/fake-browser";

package/dist/virtual/content-script-entrypoint.js

@@ -23,6 +23,44 @@ var logger = {
 import originalBrowser from "webextension-polyfill";
 var browser = originalBrowser;
 
+// src/client/content-scripts/custom-events.ts
+var WxtLocationChangeEvent = class _WxtLocationChangeEvent extends Event {
+  constructor(newUrl, oldUrl) {
+    super(_WxtLocationChangeEvent.EVENT_NAME, {});
+    this.newUrl = newUrl;
+    this.oldUrl = oldUrl;
+  }
+  static EVENT_NAME = getUniqueEventName("wxt:locationchange");
+};
+function getUniqueEventName(eventName) {
+  const entrypointName = typeof __ENTRYPOINT__ === "undefined" ? "build" : __ENTRYPOINT__;
+  return `${browser.runtime.id}:${entrypointName}:${eventName}`;
+}
+
+// src/client/content-scripts/location-watcher.ts
+function createLocationWatcher(ctx) {
+  let interval;
+  let oldUrl;
+  return {
+    /**
+     * Ensure the location watcher is actively looking for URL changes. If it's already watching,
+     * this is a noop.
+     */
+    run() {
+      if (interval != null)
+        return;
+      oldUrl = new URL(location.href);
+      interval = ctx.setInterval(() => {
+        let newUrl = new URL(location.href);
+        if (newUrl.href !== oldUrl.href) {
+          window.dispatchEvent(new WxtLocationChangeEvent(newUrl, oldUrl));
+          oldUrl = newUrl;
+        }
+      }, 1e3);
+    }
+  };
+}
+
 // src/client/content-scripts/content-script-context.ts
 var ContentScriptContext = class _ContentScriptContext {
   constructor(contentScriptName, options) {
@@ -39,6 +77,7 @@ var ContentScriptContext = class _ContentScriptContext {
   static SCRIPT_STARTED_MESSAGE_TYPE = "wxt:content-script-started";
   #isTopFrame = window.self === window.top;
   #abortController;
+  #locationWatcher = createLocationWatcher(this);
   get signal() {
     return this.#abortController.signal;
   }
@@ -135,18 +174,33 @@ var ContentScriptContext = class _ContentScriptContext {
   /**
    * Call `target.addEventListener` and remove the event listener when the context is invalidated.
    *
+   * Includes additional events useful for content scripts:
+   *
+   * - `"wxt:locationchange"` - Triggered when HTML5 history mode is used to change URL. Content
+   *   scripts are not reloaded when navigating this way, so this can be used to reset the content
+   *   script state on URL change, or run custom code.
+   *
    * @example
-   * ctx.addEventListener(window, "mousemove", () => {
+   * ctx.addEventListener(document, "visibilitychange", () => {
    *   // ...
    * });
-   * ctx.addEventListener(document, "visibilitychange", () => {
+   * ctx.addEventListener(document, "wxt:locationchange", () => {
    *   // ...
    * });
    */
   addEventListener(target, type, handler, options) {
-    target.addEventListener?.(type, handler, options);
-    this.onInvalidated(
-      () => target.removeEventListener?.(type, handler, options)
+    if (type === "wxt:locationchange") {
+      if (this.isValid)
+        this.#locationWatcher.run();
+    }
+    target.addEventListener?.(
+      type.startsWith("wxt:") ? getUniqueEventName(type) : type,
+      // @ts-expect-error: Event don't match, but that's OK, EventTarget doesn't allow custom types in the callback
+      handler,
+      {
+        ...options,
+        signal: this.signal
+      }
     );
   }
   /**

package/dist/virtual/mock-browser.js

@@ -6,30 +6,27 @@ import normalize from "normalize-path";
 var CSS_EXTENSIONS = ["css", "scss", "sass", "less", "styl", "stylus"];
 var CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
 
-// src/core/vite-plugins/devHtmlPrerender.ts
+// src/core/builders/vite/plugins/devHtmlPrerender.ts
 import { parseHTML } from "linkedom";
 
-// src/core/vite-plugins/multipageMove.ts
+// src/core/builders/vite/plugins/multipageMove.ts
 import fs, { ensureDir } from "fs-extra";
 
-// src/core/vite-plugins/unimport.ts
+// src/core/builders/vite/plugins/unimport.ts
 import { createUnimport } from "unimport";
 
 // src/core/utils/unimport.ts
-import { mergeConfig } from "vite";
+import { defu } from "defu";
 
-// src/core/vite-plugins/virtualEntrypoint.ts
+// src/core/builders/vite/plugins/virtualEntrypoint.ts
 import fs2 from "fs-extra";
 
-// src/core/vite-plugins/noopBackground.ts
+// src/core/utils/constants.ts
 var VIRTUAL_NOOP_BACKGROUND_MODULE_ID = "virtual:user-background";
 
-// src/core/vite-plugins/bundleAnalysis.ts
+// src/core/builders/vite/plugins/bundleAnalysis.ts
 import { visualizer } from "rollup-plugin-visualizer";
 
-// src/core/utils/building/build-entrypoints.ts
-import * as vite from "vite";
-
 // src/core/utils/fs.ts
 import fs3 from "fs-extra";
 import glob from "fast-glob";
@@ -92,14 +89,13 @@ import fs6 from "fs-extra";
 
 // src/core/utils/building/get-internal-config.ts
 import { loadConfig } from "c12";
-import * as vite2 from "vite";
 
 // src/core/utils/cache.ts
 import fs7, { ensureDir as ensureDir2 } from "fs-extra";
 
 // src/core/utils/building/get-internal-config.ts
 import consola, { LogLevels } from "consola";
-import defu from "defu";
+import defu2 from "defu";
 
 // src/core/utils/building/import-entrypoint.ts
 import createJITI from "jiti";
@@ -109,7 +105,6 @@ import { transformSync } from "esbuild";
 
 // src/core/utils/building/internal-build.ts
 import pc4 from "picocolors";
-import * as vite3 from "vite";
 import fs12 from "fs-extra";
 
 // src/core/utils/log/printFileList.ts
@@ -144,7 +139,7 @@ import fs10 from "fs-extra";
 
 // src/core/utils/manifest.ts
 import { produce } from "immer";
-import defu2 from "defu";
+import defu3 from "defu";
 
 // src/virtual/mock-browser.ts
 var mock_browser_default = fakeBrowser;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.10.4",
+  "version": "0.11.1",
   "description": "Next gen framework for developing web extensions",
   "engines": {
     "node": ">=18",
@@ -71,6 +71,7 @@
     "async-mutex": "^0.4.0",
     "c12": "^1.5.1",
     "cac": "^6.7.14",
+    "chokidar": "^3.5.3",
     "consola": "^3.2.3",
     "defu": "^6.1.3",
     "esbuild": "^0.19.5",
@@ -92,37 +93,37 @@
     "rollup-plugin-visualizer": "^5.9.2",
     "unimport": "^3.4.0",
     "unstorage": "^1.9.0",
-    "vite": "^4.0.0 || ^5.0.0-0",
+    "vite": "^5.0.0",
     "web-ext-run": "^0.1.0",
     "webextension-polyfill": "^0.10.0",
     "zip-dir": "^2.0.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^8.2.0",
-    "@types/fs-extra": "^11.0.3",
-    "@types/lodash.merge": "^4.6.8",
-    "@types/node": "^20.8.10",
+    "@faker-js/faker": "^8.3.1",
+    "@types/fs-extra": "^11.0.4",
+    "@types/lodash.merge": "^4.6.9",
+    "@types/node": "^20.10.3",
     "@types/normalize-path": "^3.0.2",
-    "@types/prompts": "^2.4.7",
-    "@vitest/coverage-v8": "^0.34.6",
+    "@types/prompts": "^2.4.9",
+    "@vitest/coverage-v8": "^1.0.1",
     "execa": "^8.0.1",
-    "happy-dom": "^12.4.0",
-    "lint-staged": "^15.0.2",
+    "happy-dom": "^12.10.3",
+    "lint-staged": "^15.2.0",
     "lodash.merge": "^4.6.2",
     "npm-run-all": "^4.1.5",
-    "p-map": "^6.0.0",
-    "prettier": "^3.0.1",
+    "p-map": "^7.0.0",
+    "prettier": "^3.1.0",
     "simple-git-hooks": "^2.9.0",
-    "tsup": "^7.2.0",
-    "tsx": "^4.6.1",
+    "tsup": "^8.0.1",
+    "tsx": "^4.6.2",
     "typedoc": "^0.25.4",
     "typedoc-plugin-markdown": "4.0.0-next.23",
     "typedoc-vitepress-theme": "1.0.0-next.3",
     "typescript": "^5.3.2",
-    "vitepress": "1.0.0-rc.24",
-    "vitest": "^0.34.6",
+    "vitepress": "1.0.0-rc.31",
+    "vitest": "^1.0.0",
     "vitest-mock-extended": "^1.3.1",
-    "vue": "^3.3.7"
+    "vue": "^3.3.10"
   },
   "packageManager": "pnpm@8.6.3",
   "simple-git-hooks": {