wxt 0.13.1 → 0.13.3

package/README.md

@@ -9,9 +9,8 @@
   <a href="https://www.npmjs.com/package/wxt" target="_blank"><img alt="npm" src="https://img.shields.io/npm/dm/wxt?labelColor=black&color=%234fa048"></a>
   <span> </span>
   <a href="https://github.com/wxt-dev/wxt/blob/main/LICENSE" target="_blank"><img alt="NPM" src="https://img.shields.io/npm/l/wxt?labelColor=black&color=%234fa048"></a>
-  <!-- Hide code coverage while it's broken -->
-  <!-- <span> </span>
-  <a href="https://codecov.io/github/wxt-dev/wxt" target="_blank"><img alt="Codecov" src="https://img.shields.io/codecov/c/github/wxt-dev/wxt?labelColor=black&color=%234fa048"></a> -->
+  <span> </span>
+  <a href="https://codecov.io/github/wxt-dev/wxt" target="_blank"><img alt="Codecov" src="https://img.shields.io/codecov/c/github/wxt-dev/wxt?labelColor=black&color=%234fa048"></a>
 </p>
 
 <p align="center">

package/dist/{chunk-7UUH3573.js → chunk-EWVNLDDM.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.13.1";
+var version = "0.13.3";
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -1751,27 +1751,42 @@ async function writeManifest(manifest, output, config) {
     fileName: "manifest.json"
   });
 }
-async function generateMainfest(entrypoints, buildOutput, config) {
+async function generateManifest(entrypoints, buildOutput, config) {
   const pkg = await getPackageJson(config);
-  const versionName = config.manifest.version_name ?? pkg?.version;
-  const version2 = config.manifest.version ?? simplifyVersion(pkg?.version);
+  let versionName = config.manifest.version_name ?? config.manifest.version ?? pkg?.version;
+  if (versionName == null) {
+    versionName = "0.0.0";
+    config.logger.warn(
+      'Extension version not found, defaulting to "0.0.0". Add a version to your `package.json` or `wxt.config.ts` file. For more details, see: https://wxt.dev/guide/manifest.html#version-and-version-name'
+    );
+  }
+  let version2 = config.manifest.version ?? simplifyVersion(versionName);
   const baseManifest = {
     manifest_version: config.manifestVersion,
     name: pkg?.name,
     description: pkg?.description,
     version: version2,
-    version_name: (
-      // Firefox doesn't support version_name
-      config.browser === "firefox" || versionName === version2 ? void 0 : versionName
-    ),
     short_name: pkg?.shortName,
     icons: discoverIcons(buildOutput)
   };
+  if (config.command === "serve") {
+    baseManifest.commands = {
+      "wxt:reload-extension": {
+        description: "Reload the extension during development",
+        suggested_key: {
+          default: "Ctrl+E"
+        }
+      }
+    };
+  }
   const userManifest = config.manifest;
   const manifest = defu3(
     userManifest,
     baseManifest
   );
+  manifest.version = version2;
+  manifest.version_name = // Firefox doesn't support version_name
+  config.browser === "firefox" || versionName === version2 ? void 0 : versionName;
   addEntrypoints(manifest, entrypoints, buildOutput, config);
   if (config.command === "serve")
     addDevModeCsp(manifest, config);
@@ -2139,7 +2154,7 @@ async function rebuild(config, entrypointGroups, existingOutput = {
     steps: [...existingOutput.steps, ...newOutput.steps],
     publicAssets: [...existingOutput.publicAssets, ...newOutput.publicAssets]
   };
-  const newManifest = await generateMainfest(
+  const newManifest = await generateManifest(
     allEntrypoints,
     mergedOutput,
     config

package/dist/cli.js

@@ -4,7 +4,7 @@ import "./chunk-VBXJIVYU.js";
 import cac from "cac";
 
 // package.json
-var version = "0.13.1";
+var version = "0.13.3";
 
 // src/core/utils/fs.ts
 import fs from "fs-extra";
@@ -2048,27 +2048,42 @@ async function writeManifest(manifest, output, config) {
     fileName: "manifest.json"
   });
 }
-async function generateMainfest(entrypoints, buildOutput, config) {
+async function generateManifest(entrypoints, buildOutput, config) {
   const pkg = await getPackageJson(config);
-  const versionName = config.manifest.version_name ?? pkg?.version;
-  const version2 = config.manifest.version ?? simplifyVersion(pkg?.version);
+  let versionName = config.manifest.version_name ?? config.manifest.version ?? pkg?.version;
+  if (versionName == null) {
+    versionName = "0.0.0";
+    config.logger.warn(
+      'Extension version not found, defaulting to "0.0.0". Add a version to your `package.json` or `wxt.config.ts` file. For more details, see: https://wxt.dev/guide/manifest.html#version-and-version-name'
+    );
+  }
+  let version2 = config.manifest.version ?? simplifyVersion(versionName);
   const baseManifest = {
     manifest_version: config.manifestVersion,
     name: pkg?.name,
     description: pkg?.description,
     version: version2,
-    version_name: (
-      // Firefox doesn't support version_name
-      config.browser === "firefox" || versionName === version2 ? void 0 : versionName
-    ),
     short_name: pkg?.shortName,
     icons: discoverIcons(buildOutput)
   };
+  if (config.command === "serve") {
+    baseManifest.commands = {
+      "wxt:reload-extension": {
+        description: "Reload the extension during development",
+        suggested_key: {
+          default: "Ctrl+E"
+        }
+      }
+    };
+  }
   const userManifest = config.manifest;
   const manifest = defu3(
     userManifest,
     baseManifest
   );
+  manifest.version = version2;
+  manifest.version_name = // Firefox doesn't support version_name
+  config.browser === "firefox" || versionName === version2 ? void 0 : versionName;
   addEntrypoints(manifest, entrypoints, buildOutput, config);
   if (config.command === "serve")
     addDevModeCsp(manifest, config);
@@ -2436,7 +2451,7 @@ async function rebuild(config, entrypointGroups, existingOutput = {
     steps: [...existingOutput.steps, ...newOutput.steps],
     publicAssets: [...existingOutput.publicAssets, ...newOutput.publicAssets]
   };
-  const newManifest = await generateMainfest(
+  const newManifest = await generateManifest(
     allEntrypoints,
     mergedOutput,
     config

package/dist/client.d.ts

@@ -61,8 +61,8 @@ interface ContentScriptAnchoredOptions {
 }
 
 /**
- * Utility for mounting content script UI's with isolated styles. Automatically removed from the DOM
- * when the content script's context is invalidated.
+ * Utility for mounting content script UI's with isolated styles and controlled event bubbling.
+ * Automatically removed from the DOM when the content script's context is invalidated.
  *
  * See https://wxt.dev/guide/content-script-ui.html for full documentation.
  *
@@ -82,7 +82,7 @@ interface ContentScriptAnchoredOptions {
  *         const app = document.createElement("div");
  *         app.textContent = "Content Script UI";
  *         container.append(app);
- *       }
+ *       },
  *     })
  *     ui.mount();
  *   }
@@ -142,6 +142,15 @@ type ContentScriptUiOptions<TApp> = ContentScriptPositioningOptions & ContentScr
      * See https://wxt.dev/guide/content-script-ui.html for more info.
      */
     css?: string;
+    /**
+     * When enabled, `event.stopPropagation` will be called on events trying to bubble out of the
+     * shadow root.
+     *
+     * - Set to `true` to stop the propagation of a default set of events,
+     *   `["keyup", "keydown", "keypress"]`
+     * - Set to an array of event names to stop the propagation of a custom list of events
+     */
+    isolateEvents?: boolean | string[];
 };
 
 /**

package/dist/client.js

@@ -320,7 +320,8 @@ async function createContentScriptUi(ctx, options) {
     css: {
       textContent: css.join("\n").trim()
     },
-    mode: "open"
+    mode: "open",
+    isolateEvents: options.isolateEvents
   });
   let mounted;
   const mount = () => {

package/dist/index.cjs

@@ -4334,7 +4334,7 @@ function getChunkSortWeight(filename) {
 var import_picocolors3 = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "0.13.1";
+var version = "0.13.3";
 
 // src/core/utils/log/printHeader.ts
 var import_consola2 = require("consola");
@@ -4474,27 +4474,42 @@ async function writeManifest(manifest, output, config) {
     fileName: "manifest.json"
   });
 }
-async function generateMainfest(entrypoints, buildOutput, config) {
+async function generateManifest(entrypoints, buildOutput, config) {
   const pkg = await getPackageJson(config);
-  const versionName = config.manifest.version_name ?? pkg?.version;
-  const version2 = config.manifest.version ?? simplifyVersion(pkg?.version);
+  let versionName = config.manifest.version_name ?? config.manifest.version ?? pkg?.version;
+  if (versionName == null) {
+    versionName = "0.0.0";
+    config.logger.warn(
+      'Extension version not found, defaulting to "0.0.0". Add a version to your `package.json` or `wxt.config.ts` file. For more details, see: https://wxt.dev/guide/manifest.html#version-and-version-name'
+    );
+  }
+  let version2 = config.manifest.version ?? simplifyVersion(versionName);
   const baseManifest = {
     manifest_version: config.manifestVersion,
     name: pkg?.name,
     description: pkg?.description,
     version: version2,
-    version_name: (
-      // Firefox doesn't support version_name
-      config.browser === "firefox" || versionName === version2 ? void 0 : versionName
-    ),
     short_name: pkg?.shortName,
     icons: discoverIcons(buildOutput)
   };
+  if (config.command === "serve") {
+    baseManifest.commands = {
+      "wxt:reload-extension": {
+        description: "Reload the extension during development",
+        suggested_key: {
+          default: "Ctrl+E"
+        }
+      }
+    };
+  }
   const userManifest = config.manifest;
   const manifest = (0, import_defu3.default)(
     userManifest,
     baseManifest
   );
+  manifest.version = version2;
+  manifest.version_name = // Firefox doesn't support version_name
+  config.browser === "firefox" || versionName === version2 ? void 0 : versionName;
   addEntrypoints(manifest, entrypoints, buildOutput, config);
   if (config.command === "serve")
     addDevModeCsp(manifest, config);
@@ -4862,7 +4877,7 @@ async function rebuild(config, entrypointGroups, existingOutput = {
     steps: [...existingOutput.steps, ...newOutput.steps],
     publicAssets: [...existingOutput.publicAssets, ...newOutput.publicAssets]
   };
-  const newManifest = await generateMainfest(
+  const newManifest = await generateManifest(
     allEntrypoints,
     mergedOutput,
     config

package/dist/index.d.cts

@@ -62,6 +62,6 @@ declare function prepare(config: InlineConfig): Promise<void>;
  */
 declare function zip(config?: InlineConfig): Promise<string[]>;
 
-var version = "0.13.1";
+var version = "0.13.3";
 
 export { BuildOutput, ExtensionRunnerConfig, InlineConfig, UserConfig, WxtDevServer, build, clean, createServer, defineConfig, defineRunnerConfig, initialize, prepare, version, zip };

package/dist/index.d.ts

@@ -62,6 +62,6 @@ declare function prepare(config: InlineConfig): Promise<void>;
  */
 declare function zip(config?: InlineConfig): Promise<string[]>;
 
-var version = "0.13.1";
+var version = "0.13.3";
 
 export { BuildOutput, ExtensionRunnerConfig, InlineConfig, UserConfig, WxtDevServer, build, clean, createServer, defineConfig, defineRunnerConfig, initialize, prepare, version, zip };

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   rebuild,
   resolvePerBrowserOption,
   version
-} from "./chunk-7UUH3573.js";
+} from "./chunk-EWVNLDDM.js";
 import "./chunk-VBXJIVYU.js";
 
 // src/core/build.ts

package/dist/testing.js

@@ -5,7 +5,7 @@ import {
   tsconfigPaths,
   unimport,
   webextensionPolyfillMock
-} from "./chunk-7UUH3573.js";
+} from "./chunk-EWVNLDDM.js";
 import "./chunk-VBXJIVYU.js";
 
 // src/testing/fake-browser.ts

package/dist/virtual/background-entrypoint.js

@@ -116,6 +116,11 @@ if (__COMMAND__ === "serve") {
   } catch (err) {
     logger.error("Failed to setup web socket connection with dev server", err);
   }
+  browser3.commands.onCommand.addListener((command) => {
+    if (command === "wxt:reload-extension") {
+      browser3.runtime.reload();
+    }
+  });
 }
 try {
   const res = definition.main();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "description": "Next gen framework for developing web extensions",
   "engines": {
     "node": ">=18",
@@ -84,7 +84,7 @@
   "dependencies": {
     "@types/webextension-polyfill": "^0.10.5",
     "@webext-core/fake-browser": "^1.3.1",
-    "@webext-core/isolated-element": "^1.0.4",
+    "@webext-core/isolated-element": "^1.1.1",
     "@webext-core/match-patterns": "^1.0.3",
     "async-mutex": "^0.4.0",
     "c12": "^1.5.1",
@@ -139,7 +139,7 @@
     "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.31",
+    "vitepress": "1.0.0-rc.34",
     "vitest": "^1.1.0",
     "vitest-mock-extended": "^1.3.1",
     "vue": "^3.3.10"
@@ -168,7 +168,7 @@
     "compile:wxt": "tsc --noEmit",
     "compile:virtual": "tsc --noEmit -p src/virtual",
     "test": "vitest",
-    "test:coverage": "vitest run --coverage",
+    "test:coverage": "vitest run --coverage.enabled \"--coverage.include=src/**\" \"--coverage.exclude=src/core/utils/testing/**\" \"--coverage.exclude=**/*.d.ts\"",
     "prepublish": "pnpm -s build",
     "docs:gen": "typedoc --options docs/typedoc.json",
     "docs:dev": "pnpm -s docs:gen && vitepress dev docs",