wxt 0.20.0 → 0.20.2

package/dist/builtin-modules/unimport.mjs

@@ -88,6 +88,7 @@ export default {
   name: "wxt/auto-imports",
   languageOptions: {
     globals,
+    /** @type {import('eslint').Linter.SourceType} */
     sourceType: "module",
   },
 };

package/dist/cli/commands.mjs

@@ -7,7 +7,7 @@ import {
 } from "./cli-utils.mjs";
 const cli = cac("wxt");
 cli.option("--debug", "enable debug mode");
-cli.command("[root]", "start dev server").option("-c, --config <file>", "use specified config file").option("-m, --mode <mode>", "set env mode").option("-b, --browser <browser>", "specify a browser").option("-p, --port <port>", "specify a port for the dev server").option(
+cli.command("[root]", "start dev server").option("-c, --config <file>", "use specified config file").option("-m, --mode <mode>", "set env mode").option("-b, --browser <browser>", "specify a browser").option("--host <host>", "specify a host for the dev server to bind to").option("-p, --port <port>", "specify a port for the dev server to bind to").option(
   "-e, --filter-entrypoint <entrypoint>",
   "only build specific entrypoints",
   {
@@ -15,6 +15,9 @@ cli.command("[root]", "start dev server").option("-c, --config <file>", "use spe
   }
 ).option("--mv3", "target manifest v3").option("--mv2", "target manifest v2").action(
   wrapAction(async (root, flags) => {
+    const serverOptions = {};
+    if (flags.host) serverOptions.host = flags.host;
+    if (flags.port) serverOptions.port = parseInt(flags.port);
     const server = await createServer({
       root,
       mode: flags.mode,
@@ -23,11 +26,7 @@ cli.command("[root]", "start dev server").option("-c, --config <file>", "use spe
       configFile: flags.config,
       debug: flags.debug,
       filterEntrypoints: getArrayFromFlags(flags, "filterEntrypoint"),
-      dev: flags.port == null ? void 0 : {
-        server: {
-          port: parseInt(flags.port)
-        }
-      }
+      dev: Object.keys(serverOptions).length === 0 ? void 0 : { server: serverOptions }
     });
     await server.start();
     return { isOngoing: true };

package/dist/core/builders/vite/index.mjs

@@ -256,9 +256,9 @@ export async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
     async createServer(info) {
       const serverConfig = {
         server: {
+          host: info.host,
           port: info.port,
           strictPort: true,
-          host: info.hostname,
           origin: info.origin
         }
       };

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

@@ -2,7 +2,7 @@ import { getEntrypointName } from "../../../utils/entrypoints.mjs";
 import { parseHTML } from "linkedom";
 import { dirname, relative, resolve } from "node:path";
 import { normalizePath } from "../../../utils/paths.mjs";
-import { murmurHash } from "ohash";
+import { hash } from "ohash";
 const inlineScriptContents = {};
 export function devHtmlPrerender(config, server) {
   const htmlReloadId = "@wxt/reload-html";
@@ -55,11 +55,11 @@ export function devHtmlPrerender(config, server) {
         const inlineScripts = document.querySelectorAll("script:not([src])");
         inlineScripts.forEach((script) => {
           const textContent = script.textContent ?? "";
-          const hash = murmurHash(textContent);
-          inlineScriptContents[hash] = textContent;
+          const textHash = hash(textContent);
+          inlineScriptContents[textHash] = textContent;
           const virtualScript = document.createElement("script");
           virtualScript.type = "module";
-          virtualScript.src = `${server.origin}/@id/${virtualInlineScript}?${hash}`;
+          virtualScript.src = `${server.origin}/@id/${virtualInlineScript}?${textHash}`;
           script.replaceWith(virtualScript);
         });
         const viteClientScript = document.querySelector(
@@ -88,8 +88,8 @@ export function devHtmlPrerender(config, server) {
       },
       load(id) {
         if (id.startsWith(resolvedVirtualInlineScript)) {
-          const hash = Number(id.substring(id.indexOf("?") + 1));
-          return inlineScriptContents[hash];
+          const newHash = hash(id.substring(id.indexOf("?")));
+          return inlineScriptContents[newHash];
         }
         if (id === "\0noop") {
           return "";

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

@@ -5,9 +5,9 @@ export function devServerGlobals(config, server) {
       if (server == null || config.command == "build") return;
       return {
         define: {
-          __DEV_SERVER_PROTOCOL__: JSON.stringify("ws:"),
-          __DEV_SERVER_HOSTNAME__: JSON.stringify(server.hostname),
-          __DEV_SERVER_PORT__: JSON.stringify(server.port)
+          __DEV_SERVER_ORIGIN__: JSON.stringify(
+            server.origin.replace(/^http(s):/, "ws$1:")
+          )
         }
       };
     }

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

@@ -37,7 +37,7 @@ try {
       // Use "pre" so the new script is added before vite bundles all the scripts
       order: "pre",
       handler(html, _ctx) {
-        const src = config.command === "serve" ? `http://${config.dev.server?.hostname}:${config.dev.server?.port}/@id/${virtualHtmlModuleId}` : virtualHtmlModuleId;
+        const src = config.command === "serve" ? `${config.dev.server?.origin}/@id/${virtualHtmlModuleId}` : virtualHtmlModuleId;
         const { document } = parseHTML(html);
         const existing = document.querySelector(`script[src='${src}']`);
         if (existing) return;

package/dist/core/create-server.mjs

@@ -31,12 +31,8 @@ export async function createServer(inlineConfig) {
 }
 async function createServerInternal() {
   const getServerInfo = () => {
-    const { port, hostname } = wxt.config.dev.server;
-    return {
-      port,
-      hostname,
-      origin: `http://${hostname}:${port}`
-    };
+    const { host, port, origin } = wxt.config.dev.server;
+    return { host, port, origin };
   };
   let [runner, builderServer] = await Promise.all([
     createExtensionRunner(),
@@ -44,8 +40,8 @@ async function createServerInternal() {
   ]);
   let wasStopped = false;
   const server = {
-    get hostname() {
-      return getServerInfo().hostname;
+    get host() {
+      return getServerInfo().host;
     },
     get port() {
       return getServerInfo().port;
@@ -68,7 +64,8 @@ async function createServerInternal() {
         await initWxtModules();
       }
       await builderServer.listen();
-      wxt.logger.success(`Started dev server @ ${server.origin}`);
+      const hostInfo = server.host === "localhost" ? "" : ` (listening on ${server.host})`;
+      wxt.logger.success(`Started dev server @ ${server.origin}${hostInfo}`);
       await wxt.hooks.callHook("server:started", wxt, server);
       server.ws.on("wxt:background-initialized", () => {
         if (server.currentOutput == null) return;

package/dist/core/package-managers/deno.d.ts

@@ -0,0 +1,2 @@
+import { WxtPackageManagerImpl } from './types';
+export declare const deno: WxtPackageManagerImpl;

package/dist/core/package-managers/deno.mjs

@@ -0,0 +1,9 @@
+export const deno = {
+  overridesKey: "na",
+  downloadDependency() {
+    throw Error("Deno not supported");
+  },
+  listDependencies() {
+    throw Error("Deno not supported");
+  }
+};

package/dist/core/package-managers/index.mjs

@@ -10,6 +10,7 @@ import { bun } from "./bun.mjs";
 import { yarn } from "./yarn.mjs";
 import { pnpm } from "./pnpm.mjs";
 import { npm } from "./npm.mjs";
+import { deno } from "./deno.mjs";
 export async function createWxtPackageManager(root) {
   const pm = await detectPackageManager(root, {
     includeParentDirs: true
@@ -61,5 +62,6 @@ const packageManagers = {
   npm,
   pnpm,
   bun,
-  yarn
+  yarn,
+  deno
 };

package/dist/core/resolve-config.mjs

@@ -34,6 +34,12 @@ export async function resolveConfig(inlineConfig, command) {
   const logger = mergedConfig.logger ?? consola;
   if (debug) logger.level = LogLevels.debug;
   const browser = mergedConfig.browser ?? "chrome";
+  const targetBrowsers = mergedConfig.targetBrowsers ?? [];
+  if (targetBrowsers.length > 0 && !targetBrowsers.includes(browser)) {
+    throw new Error(
+      `Current target browser \`${browser}\` is not in your \`targetBrowsers\` list!`
+    );
+  }
   const manifestVersion = mergedConfig.manifestVersion ?? (browser === "firefox" || browser === "safari" ? 2 : 3);
   const mode = mergedConfig.mode ?? COMMAND_MODES[command];
   const env = { browser, command, manifestVersion, mode };
@@ -88,19 +94,30 @@ export async function resolveConfig(inlineConfig, command) {
   );
   let devServerConfig;
   if (command === "serve") {
-    const hostname = mergedConfig.dev?.server?.hostname ?? "localhost";
+    if (mergedConfig.dev?.server?.hostname)
+      logger.warn(
+        `The 'hostname' option is deprecated, please use 'host' or 'origin' depending on your circumstances.`
+      );
+    const host = mergedConfig.dev?.server?.host ?? mergedConfig.dev?.server?.hostname ?? "localhost";
     let port = mergedConfig.dev?.server?.port;
+    const origin = mergedConfig.dev?.server?.origin ?? mergedConfig.dev?.server?.hostname ?? "localhost";
     if (port == null || !isFinite(port)) {
       port = await getPort({
-        port: 3e3,
-        portRange: [3001, 3010],
         // Passing host required for Mac, unsure of Windows/Linux
-        host: hostname
+        host,
+        port: 3e3,
+        portRange: [3001, 3010]
       });
     }
+    const originWithProtocolAndPort = [
+      origin.match(/^https?:\/\//) ? "" : "http://",
+      origin,
+      origin.match(/:[0-9]+$/) ? "" : `:${port}`
+    ].join("");
     devServerConfig = {
+      host,
       port,
-      hostname,
+      origin: originWithProtocolAndPort,
       watchDebounce: safeStringToNumber(process.env.WXT_WATCH_DEBOUNCE) ?? 800
     };
   }
@@ -121,6 +138,7 @@ export async function resolveConfig(inlineConfig, command) {
   );
   return {
     browser,
+    targetBrowsers,
     command,
     debug,
     entrypointsDir,

package/dist/core/utils/globals.mjs

@@ -8,7 +8,7 @@ export function getGlobals(config) {
     {
       name: "BROWSER",
       value: config.browser,
-      type: `string`
+      type: config.targetBrowsers.length === 0 ? "string" : config.targetBrowsers.map((browser) => `"${browser}"`).join(" | ")
     },
     {
       name: "CHROME",

package/dist/core/utils/manifest.mjs

@@ -349,7 +349,7 @@ function discoverIcons(buildOutput) {
   return icons.length > 0 ? Object.fromEntries(icons) : void 0;
 }
 function addDevModeCsp(manifest) {
-  const permission = `http://${wxt.server?.hostname ?? ""}/*`;
+  const permission = `${wxt.server?.origin ?? ""}/*`;
   const allowedCsp = wxt.server?.origin ?? "http://localhost:*";
   if (manifest.manifest_version === 3) {
     addHostPermission(manifest, permission);