wxt 0.21.2 → 0.21.4

package/dist/builtin-modules/escape-unicode.mjs

@@ -0,0 +1,34 @@
+import { addViteConfig, defineWxtModule } from "../modules.mjs";
+//#region src/builtin-modules/escape-unicode.ts
+var escape_unicode_default = defineWxtModule({
+	name: "wxt:built-in:escape-unicode",
+	setup(wxt) {
+		if (!wxt.config.experimental.escapeUnicode) return;
+		addViteConfig(wxt, () => ({ plugins: [escapeUnicodePlugin(wxt)] }));
+	}
+});
+function escapeUnicodePlugin(wxt) {
+	return {
+		name: "wxt:escape-unicode",
+		generateBundle: (_, bundle) => {
+			const start = Date.now();
+			for (const key of Object.keys(bundle)) {
+				const chunk = bundle[key];
+				if (chunk.type === "chunk") chunk.code = escapeNonCharacterUnicode(chunk.code);
+			}
+			const end = Date.now();
+			wxt.logger.info("Escaped UTF8 non-characters in " + (end - start) + "ms");
+		}
+	};
+}
+/**
+* See:
+*
+* - https://github.com/rolldown/rolldown/issues/8805#issuecomment-4103480096
+* - https://github.com/rolldown/rolldown/issues/8805#issuecomment-5134001768
+*/
+function escapeNonCharacterUnicode(text) {
+	return text.replace(/[\uFDD0-\uFDEF\uFFFE\uFFFF]|[\u{1FFFE}\u{1FFFF}\u{2FFFE}\u{2FFFF}\u{3FFFE}\u{3FFFF}\u{4FFFE}\u{4FFFF}\u{5FFFE}\u{5FFFF}\u{6FFFE}\u{6FFFF}\u{7FFFE}\u{7FFFF}\u{8FFFE}\u{8FFFF}\u{9FFFE}\u{9FFFF}\u{AFFFE}\u{AFFFF}\u{BFFFE}\u{BFFFF}\u{CFFFE}\u{CFFFF}\u{DFFFE}\u{DFFFF}\u{EFFFE}\u{EFFFF}\u{FFFFE}\u{FFFFF}\u{10FFFE}\u{10FFFF}]/gu, (m) => "\\u" + m.codePointAt(0).toString(16));
+}
+//#endregion
+export { escape_unicode_default as default };

package/dist/builtin-modules/index.mjs

@@ -1,6 +1,11 @@
 import favicon_permission_default from "./favicon-permission.mjs";
 import unimport_default from "./unimport.mjs";
+import escape_unicode_default from "./escape-unicode.mjs";
 //#region src/builtin-modules/index.ts
-const builtinModules = [unimport_default, favicon_permission_default];
+const builtinModules = [
+	unimport_default,
+	favicon_permission_default,
+	escape_unicode_default
+];
 //#endregion
 export { builtinModules };

package/dist/builtin-modules/unimport.mjs

@@ -55,13 +55,13 @@ async function getImportsModuleEntry(wxt, unimport) {
 		tsReference: true
 	};
 }
-async function getEslintConfigEntry(unimport, version, options) {
+async function getEslintConfigEntry(unimport, configVersion, options) {
 	const globals = (await unimport.getImports()).map((i) => i.as ?? i.name).filter(Boolean).sort().reduce((globals, name) => {
 		globals[name] = options.eslintrc.globalsPropValue;
 		return globals;
 	}, {});
-	if (version <= 8) return getEslint8ConfigEntry(options, globals);
-	else return getEslint9ConfigEntry(options, globals);
+	if (configVersion === 8) return getEslint8ConfigEntry(options, globals);
+	return getEslint9ConfigEntry(options, globals);
 }
 function getEslint8ConfigEntry(options, globals) {
 	return {

package/dist/cli/cli-utils.mjs

@@ -4,7 +4,7 @@ import { formatDuration } from "../core/utils/time.mjs";
 import { printHeader } from "../core/utils/log/printHeader.mjs";
 import "../core/utils/log/index.mjs";
 import { ValidationError } from "../core/utils/validation.mjs";
-import spawn from "nano-spawn";
+import { x } from "tinyexec";
 import consola, { LogLevels } from "consola";
 //#region src/cli/cli-utils.ts
 /**
@@ -47,7 +47,10 @@ function createAliasedCommand(base, name, alias, bin, docsUrl) {
 	const aliasedCommand = base.command(`${name} [...args]`, `Alias for ${alias} (${docsUrl})`).allowUnknownOptions().action(async () => {
 		try {
 			await registerWxt("build");
-			await spawn(bin, process.argv.slice(process.argv.indexOf(aliasedCommand.name) + 1), { stdio: "inherit" });
+			await x(bin, process.argv.slice(process.argv.indexOf(aliasedCommand.name) + 1), {
+				throwOnError: true,
+				nodeOptions: { stdio: "inherit" }
+			});
 		} catch {
 			process.exit(1);
 		}

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

@@ -347,7 +347,14 @@ async function removeEmptyDirs(dir) {
 	const files = await readdir(dir);
 	for (const file of files) {
 		const filePath = join(dir, file);
-		if ((await stat(filePath)).isDirectory()) await removeEmptyDirs(filePath);
+		let stats;
+		try {
+			stats = await stat(filePath);
+		} catch (err) {
+			if (err?.code === "ENOENT") continue;
+			throw err;
+		}
+		if (stats.isDirectory()) await removeEmptyDirs(filePath);
 	}
 	try {
 		await rmdir(dir);

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

@@ -1,9 +1,9 @@
 import { normalizePath } from "../../../utils/paths.mjs";
 import { getEntrypointName } from "../../../utils/entrypoints.mjs";
 import "../../../utils/index.mjs";
+import { c } from "../../../../inline/ohash/index.mjs";
 import { dirname, relative, resolve } from "node:path";
 import { parseHTML } from "linkedom";
-import { hash } from "ohash";
 //#region src/core/builders/vite/plugins/devHtmlPrerender.ts
 const inlineScriptContents = {};
 /**
@@ -48,7 +48,7 @@ function devHtmlPrerender(config, server) {
 			const { document } = parseHTML(await server.transformHtml(url, html, originalUrl));
 			document.querySelectorAll("script:not([src])").forEach((script) => {
 				const textContent = script.textContent ?? "";
-				const key = hash(textContent);
+				const key = c(textContent);
 				inlineScriptContents[key] = textContent;
 				const virtualScript = document.createElement("script");
 				virtualScript.type = "module";

package/dist/core/initialize.d.mts

@@ -1,8 +1,8 @@
 //#region src/core/initialize.d.ts
 declare function initialize(options: {
-  directory: string;
-  template: string;
-  packageManager: string;
+  directory?: string;
+  template?: string;
+  packageManager?: string;
 }): Promise<void>;
 //#endregion
 export { initialize };

package/dist/core/initialize.mjs

@@ -1,73 +1,60 @@
 import { pathExists } from "./utils/fs.mjs";
+import { createSpinner } from "./utils/spinner.mjs";
 import { readdir, rename } from "node:fs/promises";
 import path from "node:path";
 import { consola as consola$1 } from "consola";
 import { styleText } from "node:util";
-import prompts from "prompts";
+import { question, select } from "@topcli/prompts";
 import { downloadTemplate } from "giget";
 //#region src/core/initialize.ts
 async function initialize(options) {
 	consola$1.info("Initializing new project");
 	const templates = await listTemplates();
-	const defaultTemplate = templates.find((template) => template.name === options.template?.toLowerCase().trim());
-	const input = await prompts([
+	const inputTemplateName = options.template ? templates.find((template) => template.name === options.template.toLowerCase().trim())?.name : void 0;
+	const directory = options.directory ?? await question("Project Directory", { defaultValue: "." });
+	if (!directory) throw Error("Directory is required");
+	const templateName = inputTemplateName ?? await select("Choose a template", { choices: templates.map((template) => ({
+		label: TEMPLATE_COLORS[template.name] ? styleText(TEMPLATE_COLORS[template.name], template.name) : template.name,
+		value: template.name
+	})) });
+	const template = templates.find((t) => t.name === templateName);
+	if (!template) throw Error("Unknown template: " + templateName);
+	const packageManager = options.packageManager ?? await select("Package Manager", { choices: [
 		{
-			name: "directory",
-			type: () => options.directory == null ? "text" : void 0,
-			message: "Project Directory",
-			initial: options.directory
+			label: styleText("magenta", "bun"),
+			value: "bun"
 		},
 		{
-			name: "template",
-			type: () => defaultTemplate == null ? "select" : void 0,
-			message: "Choose a template",
-			choices: templates.map((template) => ({
-				title: TEMPLATE_COLORS[template.name] ? styleText(TEMPLATE_COLORS[template.name], template.name) : template.name,
-				value: template
-			}))
+			label: styleText("red", "npm"),
+			value: "npm"
 		},
 		{
-			name: "packageManager",
-			type: () => options.packageManager == null ? "select" : void 0,
-			message: "Package Manager",
-			choices: [
-				{
-					title: styleText("magenta", "bun"),
-					value: "bun"
-				},
-				{
-					title: styleText("red", "npm"),
-					value: "npm"
-				},
-				{
-					title: styleText("yellow", "pnpm"),
-					value: "pnpm"
-				},
-				{
-					title: styleText("cyan", "yarn"),
-					value: "yarn"
-				}
-			]
+			label: styleText("yellow", "pnpm"),
+			value: "pnpm"
+		},
+		{
+			label: styleText("cyan", "yarn"),
+			value: "yarn"
 		}
-	], { onCancel: () => process.exit(1) });
-	input.directory ||= options.directory || ".";
-	input.template ??= defaultTemplate;
-	input.packageManager ??= options.packageManager;
-	if (await pathExists(input.directory)) {
-		if (!((await readdir(input.directory)).filter((dir) => dir !== ".git").length === 0)) {
-			consola$1.error(`The directory ${path.resolve(input.directory)} is not empty. Aborted.`);
+	] });
+	if (await pathExists(directory)) {
+		if (!((await readdir(directory)).filter((dir) => dir !== ".git").length === 0)) {
+			consola$1.error(`The directory ${path.resolve(directory)} is not empty. Aborted.`);
 			process.exit(1);
 		}
 	}
-	await cloneProject(input);
-	const cdPath = path.relative(process.cwd(), path.resolve(input.directory));
+	await cloneProject({
+		directory,
+		template
+	});
+	const cdPath = path.relative(process.cwd(), path.resolve(directory));
 	console.log();
-	consola$1.log(`✨ WXT project created with the ${TEMPLATE_COLORS[input.template.name] ? styleText(TEMPLATE_COLORS[input.template.name], input.template.name) : input.template.name} template.`);
+	consola$1.log(`✨ WXT project created with the ${TEMPLATE_COLORS[template.name] ? styleText(TEMPLATE_COLORS[template.name], template.name) : template.name} template.`);
 	console.log();
 	consola$1.log("Next steps:");
 	let step = 0;
 	if (cdPath !== "") consola$1.log(`  ${++step}.`, styleText("cyan", `cd ${cdPath}`));
-	consola$1.log(`  ${++step}.`, styleText("cyan", `${input.packageManager} install`));
+	consola$1.log(`  ${++step}.`, styleText("cyan", `${packageManager} install`));
 	console.log();
 }
 async function listTemplates() {
@@ -94,7 +81,6 @@ async function listTemplatesGithub() {
 	return await res.json();
 }
 async function cloneProject({ directory, template }) {
-	const { createSpinner } = await import("nanospinner");
 	const spinner = createSpinner("Downloading template").start();
 	try {
 		await downloadTemplate(`gh:${REPO}/${template.path}`, {

package/dist/core/keyboard-shortcuts.mjs

@@ -11,6 +11,7 @@ function createKeyboardShortcuts(server) {
 	return {
 		start() {
 			this.stop();
+			if (!process.stdin.isTTY) return;
 			rl ??= readline.createInterface({
 				input: process.stdin,
 				terminal: false

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

@@ -1,5 +1,5 @@
 import { dedupeDependencies, npm } from "./npm.mjs";
-import spawn from "nano-spawn";
+import { x } from "tinyexec";
 //#region src/core/package-managers/bun.ts
 const bun = {
 	overridesKey: "overrides",
@@ -9,7 +9,10 @@ const bun = {
 	async listDependencies(options) {
 		const args = ["pm", "ls"];
 		if (options?.all) args.push("--all");
-		return dedupeDependencies((await spawn("bun", args, { cwd: options?.cwd })).stdout.split("\n").slice(1).map((line) => line.trim()).map((line) => /.* (@?\S+)@(\S+)$/.exec(line)).filter((match) => !!match).map(([_, name, version]) => ({
+		return dedupeDependencies((await x("bun", args, {
+			throwOnError: true,
+			nodeOptions: { cwd: options?.cwd }
+		})).stdout.split("\n").slice(1).map((line) => line.trim()).map((line) => /.* (@?\S+)@(\S+)$/.exec(line)).filter((match) => !!match).map(([_, name, version]) => ({
 			name,
 			version
 		})));

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

@@ -1,23 +1,29 @@
 import { mkdir } from "node:fs/promises";
 import path from "node:path";
-import spawn from "nano-spawn";
+import { x } from "tinyexec";
 //#region src/core/package-managers/npm.ts
 const npm = {
 	overridesKey: "overrides",
 	async downloadDependency(id, downloadDir) {
 		await mkdir(downloadDir, { recursive: true });
-		const res = await spawn("npm", [
+		const res = await x("npm", [
 			"pack",
 			id,
 			"--json"
-		], { cwd: downloadDir });
+		], {
+			throwOnError: true,
+			nodeOptions: { cwd: downloadDir }
+		});
 		const packed = JSON.parse(res.stdout);
 		return path.resolve(downloadDir, packed[0].filename);
 	},
 	async listDependencies(options) {
 		const args = ["ls", "--json"];
 		if (options?.all) args.push("--depth", "Infinity");
-		const res = await spawn("npm", args, { cwd: options?.cwd });
+		const res = await x("npm", args, {
+			throwOnError: true,
+			nodeOptions: { cwd: options?.cwd }
+		});
 		return flattenNpmListOutput([JSON.parse(res.stdout)]);
 	}
 };

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

@@ -1,5 +1,5 @@
 import { flattenNpmListOutput, npm } from "./npm.mjs";
-import spawn from "nano-spawn";
+import { x } from "tinyexec";
 //#region src/core/package-managers/pnpm.ts
 const pnpm = {
 	overridesKey: "resolutions",
@@ -14,7 +14,10 @@ const pnpm = {
 		];
 		if (options?.all) args.push("--depth", "Infinity");
 		if (typeof process !== "undefined" && process.env.WXT_PNPM_IGNORE_WORKSPACE === "true") args.push("--ignore-workspace");
-		const res = await spawn("pnpm", args, { cwd: options?.cwd });
+		const res = await x("pnpm", args, {
+			throwOnError: true,
+			nodeOptions: { cwd: options?.cwd }
+		});
 		return flattenNpmListOutput(JSON.parse(res.stdout));
 	}
 };

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

@@ -1,5 +1,5 @@
 import { dedupeDependencies, npm } from "./npm.mjs";
-import spawn from "nano-spawn";
+import { x } from "tinyexec";
 //#region src/core/package-managers/yarn.ts
 const yarn = {
 	overridesKey: "resolutions",
@@ -9,7 +9,10 @@ const yarn = {
 	async listDependencies(options) {
 		const args = ["list", "--json"];
 		if (options?.all) args.push("--depth", "Infinity");
-		const tree = (await spawn("yarn", args, { cwd: options?.cwd })).stdout.split("\n").map((line) => JSON.parse(line)).find((line) => line.type === "tree")?.data;
+		const tree = (await x("yarn", args, {
+			throwOnError: true,
+			nodeOptions: { cwd: options?.cwd }
+		})).stdout.trimEnd().split("\n").map((line) => JSON.parse(line)).find((line) => line.type === "tree")?.data;
 		if (tree == null) throw Error("'yarn list --json' did not output a tree");
 		const queue = [...tree.trees];
 		const dependencies = [];

package/dist/core/resolve-config.mjs

@@ -5,19 +5,19 @@ import { createFsCache } from "./utils/cache.mjs";
 import { getEslintVersion } from "./utils/eslint.mjs";
 import { safeStringToNumber } from "./utils/number.mjs";
 import { loadEnv } from "./utils/env.mjs";
+import { v } from "../inline/get-port-please/index.mjs";
 import { createSafariRunner } from "./runners/safari.mjs";
+import { d } from "../inline/is-wsl/index.mjs";
 import { createWslRunner } from "./runners/wsl.mjs";
 import { createManualRunner } from "./runners/manual.mjs";
+import { createWxtLogger } from "./utils/log/wxtLogger.mjs";
 import { pathExists } from "./utils/fs.mjs";
 import { glob } from "tinyglobby";
 import path from "node:path";
 import { loadConfig } from "c12";
-import { resolve as resolve$1 } from "import-meta-resolve";
 import consola, { LogLevels } from "consola";
 import defu from "defu";
-import { getPort } from "get-port-please";
 import { fileURLToPath, pathToFileURL } from "node:url";
-import isWsl from "is-wsl";
 //#region src/core/resolve-config.ts
 /**
 * Given an inline config, discover the config file if necessary, merge the
@@ -41,7 +41,7 @@ async function resolveConfig(inlineConfig, command) {
 	}
 	const mergedConfig = await mergeInlineConfig(inlineConfig, userConfig);
 	const debug = mergedConfig.debug ?? false;
-	const logger = mergedConfig.logger ?? consola;
+	const logger = createWxtLogger(mergedConfig.logger ?? consola);
 	if (debug) logger.level = LogLevels.debug;
 	const browser = mergedConfig.browser ?? "chrome";
 	const targetBrowsers = mergedConfig.targetBrowsers ?? [];
@@ -94,12 +94,12 @@ async function resolveConfig(inlineConfig, command) {
 		let port = mergedConfig.dev?.server?.port;
 		const origin = mergedConfig.dev?.server?.origin ?? "localhost";
 		const strictPort = mergedConfig.dev?.server?.strictPort ?? false;
-		if (port == null || !isFinite(port)) port = await getPort({
+		if (port == null || !isFinite(port)) port = await v({
 			host,
 			port: 3e3,
 			portRange: [3001, 3010]
 		});
-		else if (!strictPort) port = await getPort({
+		else if (!strictPort) port = await v({
 			host,
 			port
 		});
@@ -142,7 +142,7 @@ async function resolveConfig(inlineConfig, command) {
 		wxtModuleDir,
 		root,
 		webExt,
-		runner: command === "serve" ? await resolveRunner(browser, logger, mergedConfig) : createManualRunner(),
+		runner: command === "serve" ? await resolveRunner(browser, logger, webExt.config) : createManualRunner(),
 		srcDir,
 		typesDir,
 		wxtDir,
@@ -150,7 +150,7 @@ async function resolveConfig(inlineConfig, command) {
 		analysis: resolveAnalysisConfig(root, mergedConfig),
 		userConfigMetadata: userConfigMetadata ?? {},
 		alias,
-		experimental: defu(mergedConfig.experimental, {}),
+		experimental: defu(mergedConfig.experimental, { escapeUnicode: false }),
 		suppressWarnings: mergedConfig.suppressWarnings ?? {},
 		watchOptions: mergedConfig.watchOptions ?? {},
 		dev: {
@@ -342,17 +342,14 @@ async function getUnimportOptions(wxtDir, srcDir, logger, config) {
 	return defu(config.imports ?? {}, defaultOptions);
 }
 async function getUnimportEslintOptions(logger, wxtDir, options) {
-	const inlineEnabled = options === false ? false : options?.eslintrc?.enabled ?? "auto";
+	const inlineEnabled = options === false ? false : options?.eslintrc?.enabled ?? true;
 	const version = await getEslintVersion();
 	const major = parseInt(version[0]);
 	let enabled;
 	switch (inlineEnabled) {
-		case "auto":
+		case "auto": logger.warn(`\`imports.eslintrc.enabled: "auto"\` is deprecated. Use \`true\` instead.`);
 		case true:
-			if (isNaN(major)) {
-				if (inlineEnabled === true) logger.warn("Could not determine installed ESLint version, `eslint-auto-imports.mjs` not generated");
-				enabled = false;
-			} else if (major <= 8) enabled = 8;
+			if (major <= 8) enabled = 8;
 			else if (major >= 9) enabled = 9;
 			else enabled = false;
 			break;
@@ -366,14 +363,14 @@ async function getUnimportEslintOptions(logger, wxtDir, options) {
 }
 /** Returns the path to `node_modules/wxt`. */
 function resolveWxtModuleDir() {
-	const url = resolve$1("wxt", import.meta.url);
+	const url = import.meta.resolve("wxt", import.meta.url);
 	return path.resolve(fileURLToPath(url), "../..");
 }
 async function isDirMissing(dir) {
 	return !await pathExists(dir);
 }
 function logMissingDir(logger, name, expected) {
-	logger.warn(`${name} directory not found: ./${normalizePath(path.relative(process.cwd(), expected))}`);
+	logger.warnOnce(`${name} directory not found: ./${normalizePath(path.relative(process.cwd(), expected))}`);
 }
 /** Map of `ConfigEnv` commands to their default modes. */
 const COMMAND_MODES = {
@@ -393,7 +390,7 @@ async function mergeBuilderConfig(logger, inlineConfig, userConfig) {
 async function resolveWxtUserModules(root, modulesDir, modules = []) {
 	const importer = pathToFileURL(path.join(root, "index.js")).href;
 	const npmModules = await Promise.all(modules.map(async (moduleId) => {
-		const mod = await import(resolve$1(moduleId, importer));
+		const mod = await import(import.meta.resolve(moduleId, importer));
 		if (mod.default == null) throw Error("Module missing default export: " + moduleId);
 		return {
 			...mod.default,
@@ -427,12 +424,12 @@ async function resolveWxtUserModules(root, modulesDir, modules = []) {
 	}));
 	return [...npmModules, ...localModules];
 }
-async function resolveRunner(browser, logger, mergedConfig) {
+async function resolveRunner(browser, logger, webExt) {
 	if (browser === "safari") return createSafariRunner();
-	if (isWsl) return createWslRunner();
+	if (d) return createWslRunner();
 	try {
 		const { createWebExtRunner } = await import("./runners/web-ext.mjs");
-		return mergedConfig.webExt?.disabled ? createManualRunner() : createWebExtRunner();
+		return webExt.disabled ? createManualRunner() : createWebExtRunner();
 	} catch (err) {
 		if (err?.code !== "ERR_MODULE_NOT_FOUND") throw err;
 		logger.debug("Error loading the web-ext runner", err);

package/dist/core/utils/building/find-entrypoints.mjs

@@ -1,12 +1,12 @@
 import { CSS_EXTENSIONS_PATTERN } from "../paths.mjs";
 import { getEntrypointName, isHtmlEntrypoint, isJsEntrypoint, resolvePerBrowserOptions } from "../entrypoints.mjs";
+import { s } from "../../../inline/scule/index.mjs";
 import { VIRTUAL_NOOP_BACKGROUND_MODULE_ID } from "../constants.mjs";
 import { wxt } from "../../wxt.mjs";
 import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { glob } from "tinyglobby";
 import { relative, resolve } from "path";
 import { parseHTML } from "linkedom";
-import { camelCase } from "scule";
 import { styleText } from "node:util";
 import picomatch from "picomatch";
 import JSON5 from "json5";
@@ -118,8 +118,8 @@ async function importHtmlEntrypoint(info) {
 	metaTags.forEach((tag) => {
 		const name = tag.name;
 		let key;
-		if (name.startsWith("manifest.")) key = camelCase(name.slice(9));
-		else if (name.startsWith("wxt.")) key = camelCase(name.slice(4));
+		if (name.startsWith("manifest.")) key = s(name.slice(9));
+		else if (name.startsWith("wxt.")) key = s(name.slice(4));
 		else return;
 		try {
 			res[key] = JSON5.parse(tag.content);

package/dist/core/utils/building/internal-build.mjs

@@ -1,4 +1,5 @@
 import { unnormalizePath } from "../paths.mjs";
+import { isCI } from "../env.mjs";
 import { wxt } from "../../wxt.mjs";
 import { findEntrypoints } from "./find-entrypoints.mjs";
 import { groupEntrypoints } from "./group-entrypoints.mjs";
@@ -12,7 +13,7 @@ import { glob } from "tinyglobby";
 import { relative } from "node:path";
 import { mergeJsonOutputs } from "@aklinker1/rollup-plugin-visualizer";
 import { styleText } from "node:util";
-import { isCI } from "ci-info";
+import open from "tiny-open";
 //#region src/core/utils/building/internal-build.ts
 /**
 * Builds the extension based on an internal config. No more config discovery is
@@ -51,10 +52,9 @@ async function internalBuild() {
 		await combineAnalysisStats();
 		const statsPath = relative(wxt.config.root, wxt.config.analysis.outputFile);
 		wxt.logger.info(`Analysis complete:\n  ${styleText("gray", "└─")} ${styleText("yellow", statsPath)}`);
-		if (wxt.config.analysis.open) if (isCI) wxt.logger.debug(`Skipped opening ${styleText("yellow", statsPath)} in CI`);
+		if (wxt.config.analysis.open) if (isCI()) wxt.logger.debug(`Skipped opening ${styleText("yellow", statsPath)} in CI`);
 		else {
 			wxt.logger.info(`Opening ${styleText("yellow", statsPath)} in browser...`);
-			const { default: open } = await import("open");
 			await open(wxt.config.analysis.outputFile);
 		}
 	}

package/dist/core/utils/building/rebuild.mjs

@@ -1,8 +1,8 @@
 import { wxt } from "../../wxt.mjs";
 import { buildEntrypoints } from "./build-entrypoints.mjs";
+import { createSpinner } from "../spinner.mjs";
 import { generateWxtDir } from "../../generate-wxt-dir.mjs";
 import { generateManifest, writeManifest } from "../manifest.mjs";
-import { createSpinner } from "nanospinner";
 //#region src/core/utils/building/rebuild.ts
 /**
 * Given a configuration, list of entrypoints, and an existing, partial output,

package/dist/core/utils/create-file-reloader.mjs

@@ -12,18 +12,18 @@ import "./building/index.mjs";
 import { isBabelSyntaxError, logBabelSyntaxError } from "./syntax-errors.mjs";
 import { relative } from "node:path";
 import { styleText } from "node:util";
-import { Mutex } from "async-mutex";
+import { withLock } from "superlock";
 //#region src/core/utils/create-file-reloader.ts
 /**
 * Returns a function responsible for reloading different parts of the extension
 * when a file changes.
 */
 function createFileReloader(server) {
-	const fileChangedMutex = new Mutex();
+	const fileChangedLock = withLock();
 	const changeQueue = [];
 	let processLoop;
 	const processQueue = async () => {
-		await fileChangedMutex.runExclusive(async () => {
+		await fileChangedLock(async () => {
 			const fileChanges = changeQueue.splice(0, changeQueue.length).map(([_, file]) => file);
 			if (fileChanges.length === 0) return;
 			if (server.currentOutput == null) return;

package/dist/core/utils/env.mjs

@@ -2,6 +2,10 @@ import { expand } from "dotenv-expand";
 import { existsSync, readFileSync } from "node:fs";
 import { parseEnv } from "node:util";
 //#region src/core/utils/env.ts
+/** Returns true when running in a CI environment. */
+function isCI() {
+	return !!process.env.CI && process.env.CI !== "false";
+}
 /** Load environment files based on the current mode and browser. */
 function loadEnv(mode, browser) {
 	const envFiles = [
@@ -27,4 +31,4 @@ function loadEnv(mode, browser) {
 	return parsed;
 }
 //#endregion
-export { loadEnv };
+export { isCI, loadEnv };

package/dist/core/utils/fs.mjs

@@ -32,5 +32,10 @@ async function getPublicFiles() {
 		expandDirectories: false
 	})).map(unnormalizePath);
 }
+function getBytesDisplay(bytes) {
+	if (bytes < 1e3) return `${bytes} B`;
+	if (bytes < 999995) return `${(bytes / 1e3).toFixed(2)} kB`;
+	return `${(bytes / 1e6).toFixed(2)} MB`;
+}
 //#endregion
-export { getPublicFiles, pathExists, readJson, writeFileIfDifferent };
+export { getBytesDisplay, getPublicFiles, pathExists, readJson, writeFileIfDifferent };

package/dist/core/utils/log/index.mjs

@@ -1,3 +1,4 @@
+import "./wxtLogger.mjs";
 import "./printTable.mjs";
 import "./printFileList.mjs";
 import "./printBuildSummary.mjs";

package/dist/core/utils/log/printFileList.mjs

@@ -1,9 +1,9 @@
 import { wxt } from "../../wxt.mjs";
+import { getBytesDisplay } from "../fs.mjs";
 import { printTable } from "./printTable.mjs";
 import { lstat } from "node:fs/promises";
 import path from "node:path";
 import { styleText } from "node:util";
-import { filesize } from "filesize";
 //#region src/core/utils/log/printFileList.ts
 async function printFileList(log, header, baseDir, files) {
 	let totalSize = 0;
@@ -15,13 +15,13 @@ async function printFileList(log, header, baseDir, files) {
 		try {
 			const stats = await lstat(file);
 			totalSize += stats.size;
-			size = String(filesize(stats.size));
+			size = getBytesDisplay(stats.size);
 		} catch (ex) {
 			wxt.logger.warn(`Could not get stats of '${file}' error: ${ex}`);
 		}
 		return [`${styleText("gray", prefix)} ${styleText("dim", parts[0])}${styleText(chunkColor, parts[1])}`, styleText("dim", size)];
 	}));
-	fileRows.push([`${styleText("cyan", "Σ Total size:")} ${String(filesize(totalSize))}`]);
+	fileRows.push([`${styleText("cyan", "Σ Total size:")} ${getBytesDisplay(totalSize)}`]);
 	printTable(log, header, fileRows);
 }
 const DEFAULT_COLOR = "blue";