wxt 0.15.1 → 0.15.3

package/dist/{chunk-T57ALCJ4.js → chunk-6OOILYIE.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.15.1";
+var version = "0.15.3";
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -102,10 +102,10 @@ function findEffectedSteps(changedFile, currentOutput) {
   const changes = [];
   const changedPath = normalizePath(changedFile);
   const isChunkEffected = (chunk) => (
-    // If it's an HTML file with the same path, is is effected because HTML files need to be pre-rendered
-    // fileName is normalized, relative bundle path
-    chunk.type === "asset" && changedPath.endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
-    // moduleIds are absolute, normalized paths
+    // If it's an HTML file with the same path, is is effected because HTML files need to be re-rendered
+    // - fileName is normalized, relative bundle path, "<entrypoint-name>.html"
+    chunk.type === "asset" && changedPath.replace("/index.html", ".html").endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
+    // - moduleIds are absolute, normalized paths
     chunk.type === "chunk" && chunk.moduleIds.includes(changedPath)
   );
   for (const step of currentOutput.steps) {
@@ -533,7 +533,7 @@ import consola, { LogLevels } from "consola";
 
 // src/core/builders/vite/plugins/devHtmlPrerender.ts
 import { parseHTML } from "linkedom";
-import { dirname as dirname3, isAbsolute, relative as relative3, resolve as resolve5 } from "node:path";
+import { dirname as dirname3, relative as relative3, resolve as resolve5 } from "node:path";
 var reactRefreshPreamble = "";
 function devHtmlPrerender(config) {
   const htmlReloadId = "@wxt/reload-html";
@@ -563,22 +563,9 @@ function devHtmlPrerender(config) {
         if (config.command !== "serve" || server == null || !id.endsWith(".html"))
           return;
         const { document } = parseHTML(code);
-        const pointToDevServer = (querySelector, attr) => {
-          document.querySelectorAll(querySelector).forEach((element) => {
-            const src = element.getAttribute(attr);
-            if (!src)
-              return;
-            if (isAbsolute(src)) {
-              element.setAttribute(attr, server.origin + src);
-            } else if (src.startsWith(".")) {
-              const abs = resolve5(dirname3(id), src);
-              const pathname = relative3(config.root, abs);
-              element.setAttribute(attr, `${server.origin}/${pathname}`);
-            }
-          });
-        };
-        pointToDevServer("script[type=module]", "src");
-        pointToDevServer("link[rel=stylesheet]", "href");
+        const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
+        _pointToDevServer("script[type=module]", "src");
+        _pointToDevServer("link[rel=stylesheet]", "href");
         const reloader = document.createElement("script");
         reloader.src = htmlReloadId;
         reloader.type = "module";
@@ -644,6 +631,48 @@ function devHtmlPrerender(config) {
     }
   ];
 }
+function pointToDevServer(config, server, id, document, querySelector, attr) {
+  document.querySelectorAll(querySelector).forEach((element) => {
+    const src = element.getAttribute(attr);
+    if (!src || isUrl(src))
+      return;
+    let resolvedAbsolutePath;
+    const matchingAlias = Object.entries(config.alias).find(
+      ([key]) => src.startsWith(key)
+    );
+    if (matchingAlias) {
+      const [alias, replacement] = matchingAlias;
+      resolvedAbsolutePath = resolve5(
+        config.root,
+        src.replace(alias, replacement)
+      );
+    } else {
+      resolvedAbsolutePath = resolve5(dirname3(id), src);
+    }
+    if (resolvedAbsolutePath) {
+      const relativePath = normalizePath(
+        relative3(config.root, resolvedAbsolutePath)
+      );
+      if (relativePath.startsWith(".")) {
+        let path6 = normalizePath(resolvedAbsolutePath);
+        if (!path6.startsWith("/"))
+          path6 = "/" + path6;
+        element.setAttribute(attr, `${server.origin}/@fs${path6}`);
+      } else {
+        const url = new URL(relativePath, server.origin);
+        element.setAttribute(attr, url.href);
+      }
+    }
+  });
+}
+function isUrl(str) {
+  try {
+    new URL(str);
+    return true;
+  } catch {
+    return false;
+  }
+}
 
 // src/core/builders/vite/plugins/devServerGlobals.ts
 function devServerGlobals(config) {
@@ -2251,8 +2280,7 @@ async function rebuild(config, allEntrypoints, entrypointGroups, existingOutput
 }
 
 // src/core/utils/building/internal-build.ts
-import managePath from "manage-path";
-import { resolve as resolve12, relative as relative5 } from "node:path";
+import { relative as relative5 } from "node:path";
 
 // src/core/utils/validation.ts
 function validateEntrypoints(entrypoints) {
@@ -2315,6 +2343,19 @@ var ValidationError = class extends Error {
 
 // src/core/utils/building/internal-build.ts
 import consola3 from "consola";
+
+// src/core/utils/exec.ts
+import managePath from "manage-path";
+import { resolve as resolve12 } from "node:path";
+var managedPath = managePath(process.env);
+var exec = async (config, file, args, options) => {
+  managedPath.restore();
+  managedPath.push(resolve12(config.root, "node_modules/wxt/node_modules/.bin"));
+  const { execa } = await import("./execa-4F7CCWCA.js");
+  return await execa(file, args, options);
+};
+
+// src/core/utils/building/internal-build.ts
 async function internalBuild(config) {
   const verb = config.command === "serve" ? "Pre-rendering" : "Building";
   const target = `${config.browser}-mv${config.manifestVersion}`;
@@ -2363,16 +2404,15 @@ async function internalBuild(config) {
   return output;
 }
 async function combineAnalysisStats(config) {
-  const { execaCommand } = await import("./execa-4F7CCWCA.js");
   const unixFiles = await glob2(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
   const absolutePaths = unixFiles.map(unnormalizePath);
-  const alterPath = managePath(process.env);
-  alterPath.push(resolve12(config.root, "node_modules/wxt/node_modules/.bin"));
-  await execaCommand(
-    `rollup-plugin-visualizer ${absolutePaths.join(" ")} --template ${config.analysis.template}`,
+  await exec(
+    config,
+    "rollup-plugin-visualizer",
+    [...absolutePaths, "--template", config.analysis.template],
     { cwd: config.root, stdio: "inherit" }
   );
 }

package/dist/cli.js

@@ -1,12 +1,9 @@
 import { createRequire } from 'module';const require = createRequire(import.meta.url);
 import "./chunk-73I7FAJU.js";
 
-// src/cli.ts
+// src/cli/commands.ts
 import cac from "cac";
 
-// package.json
-var version = "0.15.1";
-
 // src/core/utils/fs.ts
 import fs from "fs-extra";
 import glob from "fast-glob";
@@ -164,10 +161,10 @@ function findEffectedSteps(changedFile, currentOutput) {
   const changes = [];
   const changedPath = normalizePath(changedFile);
   const isChunkEffected = (chunk) => (
-    // If it's an HTML file with the same path, is is effected because HTML files need to be pre-rendered
-    // fileName is normalized, relative bundle path
-    chunk.type === "asset" && changedPath.endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
-    // moduleIds are absolute, normalized paths
+    // If it's an HTML file with the same path, is is effected because HTML files need to be re-rendered
+    // - fileName is normalized, relative bundle path, "<entrypoint-name>.html"
+    chunk.type === "asset" && changedPath.replace("/index.html", ".html").endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
+    // - moduleIds are absolute, normalized paths
     chunk.type === "chunk" && chunk.moduleIds.includes(changedPath)
   );
   for (const step of currentOutput.steps) {
@@ -878,7 +875,7 @@ import consola, { LogLevels } from "consola";
 
 // src/core/builders/vite/plugins/devHtmlPrerender.ts
 import { parseHTML as parseHTML2 } from "linkedom";
-import { dirname as dirname3, isAbsolute, relative as relative4, resolve as resolve6 } from "node:path";
+import { dirname as dirname3, relative as relative4, resolve as resolve6 } from "node:path";
 var reactRefreshPreamble = "";
 function devHtmlPrerender(config) {
   const htmlReloadId = "@wxt/reload-html";
@@ -908,22 +905,9 @@ function devHtmlPrerender(config) {
         if (config.command !== "serve" || server == null || !id.endsWith(".html"))
           return;
         const { document } = parseHTML2(code);
-        const pointToDevServer = (querySelector, attr) => {
-          document.querySelectorAll(querySelector).forEach((element) => {
-            const src = element.getAttribute(attr);
-            if (!src)
-              return;
-            if (isAbsolute(src)) {
-              element.setAttribute(attr, server.origin + src);
-            } else if (src.startsWith(".")) {
-              const abs = resolve6(dirname3(id), src);
-              const pathname = relative4(config.root, abs);
-              element.setAttribute(attr, `${server.origin}/${pathname}`);
-            }
-          });
-        };
-        pointToDevServer("script[type=module]", "src");
-        pointToDevServer("link[rel=stylesheet]", "href");
+        const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
+        _pointToDevServer("script[type=module]", "src");
+        _pointToDevServer("link[rel=stylesheet]", "href");
         const reloader = document.createElement("script");
         reloader.src = htmlReloadId;
         reloader.type = "module";
@@ -989,6 +973,48 @@ function devHtmlPrerender(config) {
     }
   ];
 }
+function pointToDevServer(config, server, id, document, querySelector, attr) {
+  document.querySelectorAll(querySelector).forEach((element) => {
+    const src = element.getAttribute(attr);
+    if (!src || isUrl(src))
+      return;
+    let resolvedAbsolutePath;
+    const matchingAlias = Object.entries(config.alias).find(
+      ([key]) => src.startsWith(key)
+    );
+    if (matchingAlias) {
+      const [alias, replacement] = matchingAlias;
+      resolvedAbsolutePath = resolve6(
+        config.root,
+        src.replace(alias, replacement)
+      );
+    } else {
+      resolvedAbsolutePath = resolve6(dirname3(id), src);
+    }
+    if (resolvedAbsolutePath) {
+      const relativePath = normalizePath(
+        relative4(config.root, resolvedAbsolutePath)
+      );
+      if (relativePath.startsWith(".")) {
+        let path7 = normalizePath(resolvedAbsolutePath);
+        if (!path7.startsWith("/"))
+          path7 = "/" + path7;
+        element.setAttribute(attr, `${server.origin}/@fs${path7}`);
+      } else {
+        const url = new URL(relativePath, server.origin);
+        element.setAttribute(attr, url.href);
+      }
+    }
+  });
+}
+function isUrl(str) {
+  try {
+    new URL(str);
+    return true;
+  } catch {
+    return false;
+  }
+}
 
 // src/core/builders/vite/plugins/devServerGlobals.ts
 function devServerGlobals(config) {
@@ -1988,6 +2014,11 @@ function getChunkSortWeight(filename) {
 
 // src/core/utils/log/printHeader.ts
 import pc4 from "picocolors";
+
+// package.json
+var version = "0.15.3";
+
+// src/core/utils/log/printHeader.ts
 import { consola as consola2 } from "consola";
 function printHeader() {
   console.log();
@@ -2572,8 +2603,7 @@ async function rebuild(config, allEntrypoints, entrypointGroups, existingOutput
 }
 
 // src/core/utils/building/internal-build.ts
-import managePath from "manage-path";
-import { resolve as resolve13, relative as relative6 } from "node:path";
+import { relative as relative6 } from "node:path";
 
 // src/core/utils/validation.ts
 function validateEntrypoints(entrypoints) {
@@ -2636,6 +2666,19 @@ var ValidationError = class extends Error {
 
 // src/core/utils/building/internal-build.ts
 import consola3 from "consola";
+
+// src/core/utils/exec.ts
+import managePath from "manage-path";
+import { resolve as resolve13 } from "node:path";
+var managedPath = managePath(process.env);
+var exec = async (config, file, args, options) => {
+  managedPath.restore();
+  managedPath.push(resolve13(config.root, "node_modules/wxt/node_modules/.bin"));
+  const { execa } = await import("./execa-Y2EWTC4S.js");
+  return await execa(file, args, options);
+};
+
+// src/core/utils/building/internal-build.ts
 async function internalBuild(config) {
   const verb = config.command === "serve" ? "Pre-rendering" : "Building";
   const target = `${config.browser}-mv${config.manifestVersion}`;
@@ -2684,16 +2727,15 @@ async function internalBuild(config) {
   return output;
 }
 async function combineAnalysisStats(config) {
-  const { execaCommand } = await import("./execa-Y2EWTC4S.js");
   const unixFiles = await glob3(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
   const absolutePaths = unixFiles.map(unnormalizePath);
-  const alterPath = managePath(process.env);
-  alterPath.push(resolve13(config.root, "node_modules/wxt/node_modules/.bin"));
-  await execaCommand(
-    `rollup-plugin-visualizer ${absolutePaths.join(" ")} --template ${config.analysis.template}`,
+  await exec(
+    config,
+    "rollup-plugin-visualizer",
+    [...absolutePaths, "--template", config.analysis.template],
     { cwd: config.root, stdio: "inherit" }
   );
 }
@@ -3288,12 +3330,62 @@ async function zip(config) {
   return zipFiles;
 }
 
-// src/cli.ts
+// src/cli/cli-utils.ts
 import consola7, { LogLevels as LogLevels2 } from "consola";
-process.env.VITE_CJS_IGNORE_WARNING = "true";
+function wrapAction(cb, options) {
+  return async (...args) => {
+    const isDebug = !!args.find((arg) => arg?.debug);
+    if (isDebug) {
+      consola7.level = LogLevels2.debug;
+    }
+    const startTime = Date.now();
+    try {
+      printHeader();
+      const status = await cb(...args);
+      if (!status?.isOngoing && !options?.disableFinishedLog)
+        consola7.success(
+          `Finished in ${formatDuration(Date.now() - startTime)}`
+        );
+    } catch (err) {
+      consola7.fail(
+        `Command failed after ${formatDuration(Date.now() - startTime)}`
+      );
+      if (err instanceof ValidationError) {
+      } else {
+        consola7.error(err);
+      }
+      process.exit(1);
+    }
+  };
+}
+function getArrayFromFlags(flags, name) {
+  const array = [flags[name]].flat();
+  const result = array.filter((item) => item != null);
+  return result.length ? result : void 0;
+}
+var aliasCommandNames = /* @__PURE__ */ new Set();
+function createAliasedCommand(base, name, alias, docsUrl) {
+  const aliasedCommand = base.command(name, `Alias for ${alias} (${docsUrl})`).allowUnknownOptions().action(async () => {
+    try {
+      const config = await getInternalConfig({}, "build");
+      const args = process.argv.slice(
+        process.argv.indexOf(aliasedCommand.name) + 1
+      );
+      await exec(config, alias, args, {
+        stdio: "inherit"
+      });
+    } catch {
+      process.exit(1);
+    }
+  });
+  aliasCommandNames.add(aliasedCommand.name);
+}
+function isAliasedCommand(command) {
+  return !!command && aliasCommandNames.has(command.name);
+}
+
+// src/cli/commands.ts
 var cli = cac("wxt");
-cli.help();
-cli.version(version);
 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(
   "-e, --filter-entrypoint <entrypoint>",
@@ -3374,35 +3466,20 @@ cli.command("init [directory]", "initialize a new project").option("-t, --templa
     { disableFinishedLog: true }
   )
 );
-cli.parse(process.argv);
-function wrapAction(cb, options) {
-  return async (...args) => {
-    const isDebug = !!args.find((arg) => arg?.debug);
-    if (isDebug) {
-      consola7.level = LogLevels2.debug;
-    }
-    const startTime = Date.now();
-    try {
-      printHeader();
-      const status = await cb(...args);
-      if (!status?.isOngoing && !options?.disableFinishedLog)
-        consola7.success(
-          `Finished in ${formatDuration(Date.now() - startTime)}`
-        );
-    } catch (err) {
-      consola7.fail(
-        `Command failed after ${formatDuration(Date.now() - startTime)}`
-      );
-      if (err instanceof ValidationError) {
-      } else {
-        consola7.error(err);
-      }
-      process.exit(1);
-    }
-  };
-}
-function getArrayFromFlags(flags, name) {
-  const array = [flags[name]].flat();
-  const result = array.filter((item) => item != null);
-  return result.length ? result : void 0;
+createAliasedCommand(
+  cli,
+  "submit",
+  "publish-extension",
+  "https://www.npmjs.com/publish-browser-extension"
+);
+var commands_default = cli;
+
+// src/cli/index.ts
+process.env.VITE_CJS_IGNORE_WARNING = "true";
+commands_default.parse(process.argv, { run: false });
+if (!isAliasedCommand(commands_default.matchedCommand)) {
+  commands_default.help();
+  commands_default.version(version);
+  commands_default.parse(process.argv, { run: false });
 }
+await commands_default.runMatchedCommand();

package/dist/index.cjs

@@ -2584,10 +2584,10 @@ function findEffectedSteps(changedFile, currentOutput) {
   const changes = [];
   const changedPath = normalizePath(changedFile);
   const isChunkEffected = (chunk) => (
-    // If it's an HTML file with the same path, is is effected because HTML files need to be pre-rendered
-    // fileName is normalized, relative bundle path
-    chunk.type === "asset" && changedPath.endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
-    // moduleIds are absolute, normalized paths
+    // If it's an HTML file with the same path, is is effected because HTML files need to be re-rendered
+    // - fileName is normalized, relative bundle path, "<entrypoint-name>.html"
+    chunk.type === "asset" && changedPath.replace("/index.html", ".html").endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
+    // - moduleIds are absolute, normalized paths
     chunk.type === "chunk" && chunk.moduleIds.includes(changedPath)
   );
   for (const step of currentOutput.steps) {
@@ -3328,22 +3328,9 @@ function devHtmlPrerender(config) {
         if (config.command !== "serve" || server == null || !id.endsWith(".html"))
           return;
         const { document } = (0, import_linkedom2.parseHTML)(code);
-        const pointToDevServer = (querySelector, attr) => {
-          document.querySelectorAll(querySelector).forEach((element) => {
-            const src = element.getAttribute(attr);
-            if (!src)
-              return;
-            if ((0, import_node_path4.isAbsolute)(src)) {
-              element.setAttribute(attr, server.origin + src);
-            } else if (src.startsWith(".")) {
-              const abs = (0, import_node_path4.resolve)((0, import_node_path4.dirname)(id), src);
-              const pathname = (0, import_node_path4.relative)(config.root, abs);
-              element.setAttribute(attr, `${server.origin}/${pathname}`);
-            }
-          });
-        };
-        pointToDevServer("script[type=module]", "src");
-        pointToDevServer("link[rel=stylesheet]", "href");
+        const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
+        _pointToDevServer("script[type=module]", "src");
+        _pointToDevServer("link[rel=stylesheet]", "href");
         const reloader = document.createElement("script");
         reloader.src = htmlReloadId;
         reloader.type = "module";
@@ -3409,6 +3396,48 @@ function devHtmlPrerender(config) {
     }
   ];
 }
+function pointToDevServer(config, server, id, document, querySelector, attr) {
+  document.querySelectorAll(querySelector).forEach((element) => {
+    const src = element.getAttribute(attr);
+    if (!src || isUrl(src))
+      return;
+    let resolvedAbsolutePath;
+    const matchingAlias = Object.entries(config.alias).find(
+      ([key]) => src.startsWith(key)
+    );
+    if (matchingAlias) {
+      const [alias, replacement] = matchingAlias;
+      resolvedAbsolutePath = (0, import_node_path4.resolve)(
+        config.root,
+        src.replace(alias, replacement)
+      );
+    } else {
+      resolvedAbsolutePath = (0, import_node_path4.resolve)((0, import_node_path4.dirname)(id), src);
+    }
+    if (resolvedAbsolutePath) {
+      const relativePath = normalizePath(
+        (0, import_node_path4.relative)(config.root, resolvedAbsolutePath)
+      );
+      if (relativePath.startsWith(".")) {
+        let path10 = normalizePath(resolvedAbsolutePath);
+        if (!path10.startsWith("/"))
+          path10 = "/" + path10;
+        element.setAttribute(attr, `${server.origin}/@fs${path10}`);
+      } else {
+        const url2 = new URL(relativePath, server.origin);
+        element.setAttribute(attr, url2.href);
+      }
+    }
+  });
+}
+function isUrl(str) {
+  try {
+    new URL(str);
+    return true;
+  } catch {
+    return false;
+  }
+}
 
 // src/core/builders/vite/plugins/devServerGlobals.ts
 function devServerGlobals(config) {
@@ -4414,7 +4443,7 @@ function getChunkSortWeight(filename) {
 var import_picocolors4 = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "0.15.1";
+var version = "0.15.3";
 
 // src/core/utils/log/printHeader.ts
 var import_consola2 = require("consola");
@@ -4997,8 +5026,7 @@ async function rebuild(config, allEntrypoints, entrypointGroups, existingOutput
 }
 
 // src/core/utils/building/internal-build.ts
-var import_manage_path = __toESM(require("manage-path"), 1);
-var import_node_path13 = require("path");
+var import_node_path14 = require("path");
 
 // src/core/utils/validation.ts
 function validateEntrypoints(entrypoints) {
@@ -5061,6 +5089,19 @@ var ValidationError = class extends Error {
 
 // src/core/utils/building/internal-build.ts
 var import_consola3 = __toESM(require("consola"), 1);
+
+// src/core/utils/exec.ts
+var import_manage_path = __toESM(require("manage-path"), 1);
+var import_node_path13 = require("path");
+var managedPath = (0, import_manage_path.default)(process.env);
+var exec = async (config, file, args, options) => {
+  managedPath.restore();
+  managedPath.push((0, import_node_path13.resolve)(config.root, "node_modules/wxt/node_modules/.bin"));
+  const { execa: execa2 } = await Promise.resolve().then(() => (init_execa(), execa_exports));
+  return await execa2(file, args, options);
+};
+
+// src/core/utils/building/internal-build.ts
 async function internalBuild(config) {
   const verb = config.command === "serve" ? "Pre-rendering" : "Building";
   const target = `${config.browser}-mv${config.manifestVersion}`;
@@ -5109,16 +5150,15 @@ async function internalBuild(config) {
   return output;
 }
 async function combineAnalysisStats(config) {
-  const { execaCommand: execaCommand2 } = await Promise.resolve().then(() => (init_execa(), execa_exports));
   const unixFiles = await (0, import_fast_glob3.default)(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
   const absolutePaths = unixFiles.map(unnormalizePath);
-  const alterPath = (0, import_manage_path.default)(process.env);
-  alterPath.push((0, import_node_path13.resolve)(config.root, "node_modules/wxt/node_modules/.bin"));
-  await execaCommand2(
-    `rollup-plugin-visualizer ${absolutePaths.join(" ")} --template ${config.analysis.template}`,
+  await exec(
+    config,
+    "rollup-plugin-visualizer",
+    [...absolutePaths, "--template", config.analysis.template],
     { cwd: config.root, stdio: "inherit" }
   );
 }
@@ -5134,7 +5174,7 @@ function printValidationResults(config, { errorCount, errors, warningCount }) {
     return map;
   }, /* @__PURE__ */ new Map());
   Array.from(entrypointErrors.entries()).forEach(([entrypoint, errors2]) => {
-    import_consola3.default.log((0, import_node_path13.relative)(cwd, entrypoint.inputPath));
+    import_consola3.default.log((0, import_node_path14.relative)(cwd, entrypoint.inputPath));
     console.log();
     errors2.forEach((err) => {
       const type = err.type === "error" ? import_picocolors5.default.red("ERROR") : import_picocolors5.default.yellow("WARN");
@@ -5152,7 +5192,7 @@ async function build(config) {
 }
 
 // src/core/clean.ts
-var import_node_path14 = __toESM(require("path"), 1);
+var import_node_path15 = __toESM(require("path"), 1);
 var import_fast_glob4 = __toESM(require("fast-glob"), 1);
 var import_fs_extra13 = __toESM(require("fs-extra"), 1);
 var import_consola4 = require("consola");
@@ -5167,7 +5207,7 @@ async function clean(root = process.cwd()) {
   ];
   import_consola4.consola.debug("Looking for:", tempDirs.map(import_picocolors6.default.cyan).join(", "));
   const directories = await (0, import_fast_glob4.default)(tempDirs, {
-    cwd: import_node_path14.default.resolve(root),
+    cwd: import_node_path15.default.resolve(root),
     absolute: true,
     onlyDirectories: true,
     deep: 2
@@ -5178,11 +5218,11 @@ async function clean(root = process.cwd()) {
   }
   import_consola4.consola.debug(
     "Found:",
-    directories.map((dir) => import_picocolors6.default.cyan(import_node_path14.default.relative(root, dir))).join(", ")
+    directories.map((dir) => import_picocolors6.default.cyan(import_node_path15.default.relative(root, dir))).join(", ")
   );
   for (const directory of directories) {
     await import_fs_extra13.default.rm(directory, { force: true, recursive: true });
-    import_consola4.consola.debug("Deleted " + import_picocolors6.default.cyan(import_node_path14.default.relative(root, directory)));
+    import_consola4.consola.debug("Deleted " + import_picocolors6.default.cyan(import_node_path15.default.relative(root, directory)));
   }
 }
 
@@ -5197,12 +5237,12 @@ function defineRunnerConfig(config) {
 }
 
 // src/core/runners/wsl.ts
-var import_node_path15 = require("path");
+var import_node_path16 = require("path");
 function createWslRunner() {
   return {
     async openBrowser(config) {
       config.logger.warn(
-        `Cannot open browser when using WSL. Load "${(0, import_node_path15.relative)(
+        `Cannot open browser when using WSL. Load "${(0, import_node_path16.relative)(
           process.cwd(),
           config.outDir
         )}" as an unpacked extension manually`
@@ -5290,12 +5330,12 @@ var DEFAULT_CHROMIUM_PREFS = {
 };
 
 // src/core/runners/safari.ts
-var import_node_path16 = require("path");
+var import_node_path17 = require("path");
 function createSafariRunner() {
   return {
     async openBrowser(config) {
       config.logger.warn(
-        `Cannot Safari using web-ext. Load "${(0, import_node_path16.relative)(
+        `Cannot Safari using web-ext. Load "${(0, import_node_path17.relative)(
           process.cwd(),
           config.outDir
         )}" as an unpacked extension manually`
@@ -5307,12 +5347,12 @@ function createSafariRunner() {
 }
 
 // src/core/runners/manual.ts
-var import_node_path17 = require("path");
+var import_node_path18 = require("path");
 function createManualRunner() {
   return {
     async openBrowser(config) {
       config.logger.info(
-        `Load "${(0, import_node_path17.relative)(
+        `Load "${(0, import_node_path18.relative)(
           process.cwd(),
           config.outDir
         )}" as an unpacked extension manually`
@@ -5344,7 +5384,7 @@ async function createExtensionRunner(config) {
 var import_consola5 = require("consola");
 var import_async_mutex = require("async-mutex");
 var import_picocolors7 = __toESM(require("picocolors"), 1);
-var import_node_path18 = require("path");
+var import_node_path19 = require("path");
 async function createServer(inlineConfig) {
   const port = await getPort();
   const hostname = "localhost";
@@ -5461,11 +5501,11 @@ function createFileReloader(options) {
         return;
       }
       config.logger.info(
-        `Changed: ${Array.from(new Set(fileChanges)).map((file) => import_picocolors7.default.dim((0, import_node_path18.relative)(config.root, file))).join(", ")}`
+        `Changed: ${Array.from(new Set(fileChanges)).map((file) => import_picocolors7.default.dim((0, import_node_path19.relative)(config.root, file))).join(", ")}`
       );
       const rebuiltNames = changes.rebuildGroups.flat().map((entry) => {
         return import_picocolors7.default.cyan(
-          (0, import_node_path18.relative)(config.outDir, getEntrypointOutputFile(entry, ""))
+          (0, import_node_path19.relative)(config.outDir, getEntrypointOutputFile(entry, ""))
         );
       }).join(import_picocolors7.default.dim(", "));
       const allEntrypoints = await findEntrypoints(config);
@@ -5536,7 +5576,7 @@ var import_prompts = __toESM(require("prompts"), 1);
 var import_consola6 = require("consola");
 var import_giget = require("giget");
 var import_fs_extra14 = __toESM(require("fs-extra"), 1);
-var import_node_path19 = __toESM(require("path"), 1);
+var import_node_path20 = __toESM(require("path"), 1);
 var import_picocolors8 = __toESM(require("picocolors"), 1);
 async function initialize(options) {
   import_consola6.consola.info("Initalizing new project");
@@ -5584,7 +5624,7 @@ async function initialize(options) {
   input.template ??= defaultTemplate;
   input.packageManager ??= options.packageManager;
   await cloneProject(input);
-  const cdPath = import_node_path19.default.relative(process.cwd(), import_node_path19.default.resolve(input.directory));
+  const cdPath = import_node_path20.default.relative(process.cwd(), import_node_path20.default.resolve(input.directory));
   console.log();
   import_consola6.consola.log(
     `\u2728 WXT project created with the ${TEMPLATE_COLORS[input.template.name]?.(input.template.name) ?? input.template.name} template.`
@@ -5636,8 +5676,8 @@ async function cloneProject({
       force: true
     });
     await import_fs_extra14.default.move(
-      import_node_path19.default.join(directory, "_gitignore"),
-      import_node_path19.default.join(directory, ".gitignore")
+      import_node_path20.default.join(directory, "_gitignore"),
+      import_node_path20.default.join(directory, ".gitignore")
     ).catch(
       (err) => import_consola6.consola.warn("Failed to move _gitignore to .gitignore:", err)
     );
@@ -5670,7 +5710,7 @@ async function prepare(config) {
 
 // src/core/zip.ts
 var import_zip_dir = __toESM(require("zip-dir"), 1);
-var import_node_path20 = require("path");
+var import_node_path21 = require("path");
 var import_fs_extra15 = __toESM(require("fs-extra"), 1);
 var import_minimatch2 = require("minimatch");
 async function zip(config) {
@@ -5680,7 +5720,7 @@ async function zip(config) {
   internalConfig.logger.info("Zipping extension...");
   const zipFiles = [];
   const projectName = internalConfig.zip.name ?? kebabCaseAlphanumeric(
-    (await getPackageJson(internalConfig))?.name || (0, import_node_path20.dirname)(process.cwd())
+    (await getPackageJson(internalConfig))?.name || (0, import_node_path21.dirname)(process.cwd())
   );
   const applyTemplate = (template) => template.replaceAll("{{name}}", projectName).replaceAll("{{browser}}", internalConfig.browser).replaceAll(
     "{{version}}",
@@ -5688,7 +5728,7 @@ async function zip(config) {
   ).replaceAll("{{manifestVersion}}", `mv${internalConfig.manifestVersion}`);
   await import_fs_extra15.default.ensureDir(internalConfig.outBaseDir);
   const outZipFilename = applyTemplate(internalConfig.zip.artifactTemplate);
-  const outZipPath = (0, import_node_path20.resolve)(internalConfig.outBaseDir, outZipFilename);
+  const outZipPath = (0, import_node_path21.resolve)(internalConfig.outBaseDir, outZipFilename);
   await (0, import_zip_dir.default)(internalConfig.outDir, {
     saveTo: outZipPath
   });
@@ -5697,14 +5737,14 @@ async function zip(config) {
     const sourcesZipFilename = applyTemplate(
       internalConfig.zip.sourcesTemplate
     );
-    const sourcesZipPath = (0, import_node_path20.resolve)(
+    const sourcesZipPath = (0, import_node_path21.resolve)(
       internalConfig.outBaseDir,
       sourcesZipFilename
     );
     await (0, import_zip_dir.default)(internalConfig.zip.sourcesRoot, {
       saveTo: sourcesZipPath,
       filter(path10) {
-        const relativePath = (0, import_node_path20.relative)(internalConfig.zip.sourcesRoot, path10);
+        const relativePath = (0, import_node_path21.relative)(internalConfig.zip.sourcesRoot, path10);
         return internalConfig.zip.includeSources.some(
           (pattern) => (0, import_minimatch2.minimatch)(relativePath, pattern)
         ) || !internalConfig.zip.excludeSources.some(

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.15.1";
+var version = "0.15.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.15.1";
+var version = "0.15.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-T57ALCJ4.js";
+} from "./chunk-6OOILYIE.js";
 import "./chunk-VBXJIVYU.js";
 
 // src/core/build.ts

package/dist/testing.cjs

@@ -97,22 +97,9 @@ function devHtmlPrerender(config) {
         if (config.command !== "serve" || server == null || !id.endsWith(".html"))
           return;
         const { document } = (0, import_linkedom.parseHTML)(code);
-        const pointToDevServer = (querySelector, attr) => {
-          document.querySelectorAll(querySelector).forEach((element) => {
-            const src = element.getAttribute(attr);
-            if (!src)
-              return;
-            if ((0, import_node_path3.isAbsolute)(src)) {
-              element.setAttribute(attr, server.origin + src);
-            } else if (src.startsWith(".")) {
-              const abs = (0, import_node_path3.resolve)((0, import_node_path3.dirname)(id), src);
-              const pathname = (0, import_node_path3.relative)(config.root, abs);
-              element.setAttribute(attr, `${server.origin}/${pathname}`);
-            }
-          });
-        };
-        pointToDevServer("script[type=module]", "src");
-        pointToDevServer("link[rel=stylesheet]", "href");
+        const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
+        _pointToDevServer("script[type=module]", "src");
+        _pointToDevServer("link[rel=stylesheet]", "href");
         const reloader = document.createElement("script");
         reloader.src = htmlReloadId;
         reloader.type = "module";
@@ -178,6 +165,48 @@ function devHtmlPrerender(config) {
     }
   ];
 }
+function pointToDevServer(config, server, id, document, querySelector, attr) {
+  document.querySelectorAll(querySelector).forEach((element) => {
+    const src = element.getAttribute(attr);
+    if (!src || isUrl(src))
+      return;
+    let resolvedAbsolutePath;
+    const matchingAlias = Object.entries(config.alias).find(
+      ([key]) => src.startsWith(key)
+    );
+    if (matchingAlias) {
+      const [alias, replacement] = matchingAlias;
+      resolvedAbsolutePath = (0, import_node_path3.resolve)(
+        config.root,
+        src.replace(alias, replacement)
+      );
+    } else {
+      resolvedAbsolutePath = (0, import_node_path3.resolve)((0, import_node_path3.dirname)(id), src);
+    }
+    if (resolvedAbsolutePath) {
+      const relativePath = normalizePath(
+        (0, import_node_path3.relative)(config.root, resolvedAbsolutePath)
+      );
+      if (relativePath.startsWith(".")) {
+        let path6 = normalizePath(resolvedAbsolutePath);
+        if (!path6.startsWith("/"))
+          path6 = "/" + path6;
+        element.setAttribute(attr, `${server.origin}/@fs${path6}`);
+      } else {
+        const url = new URL(relativePath, server.origin);
+        element.setAttribute(attr, url.href);
+      }
+    }
+  });
+}
+function isUrl(str) {
+  try {
+    new URL(str);
+    return true;
+  } catch {
+    return false;
+  }
+}
 
 // src/core/builders/vite/plugins/devServerGlobals.ts
 function devServerGlobals(config) {
@@ -1170,9 +1199,13 @@ var import_immer = require("immer");
 var import_defu3 = __toESM(require("defu"), 1);
 
 // src/core/utils/building/internal-build.ts
+var import_node_path12 = require("path");
+var import_consola3 = __toESM(require("consola"), 1);
+
+// src/core/utils/exec.ts
 var import_manage_path = __toESM(require("manage-path"), 1);
 var import_node_path11 = require("path");
-var import_consola3 = __toESM(require("consola"), 1);
+var managedPath = (0, import_manage_path.default)(process.env);
 
 // src/testing/wxt-vitest-plugin.ts
 function WxtVitest(inlineConfig) {

package/dist/testing.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "Next gen framework for developing web extensions",
   "engines": {
     "node": ">=18",
@@ -111,6 +111,7 @@
     "ora": "^7.0.1",
     "picocolors": "^1.0.0",
     "prompts": "^2.4.2",
+    "publish-browser-extension": "^2.0.0",
     "rollup-plugin-visualizer": "^5.9.2",
     "unimport": "^3.4.0",
     "vite": "^5.0.12",
@@ -160,7 +161,7 @@
     ]
   },
   "scripts": {
-    "wxt": "tsx src/cli.ts",
+    "wxt": "tsx src/cli/index.ts",
     "build": "tsx scripts/build.ts",
     "format": "prettier --write .",
     "format:check": "prettier --check .",