wxt 0.21.1 → 0.21.3

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/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

@@ -3,71 +3,57 @@ 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() {

package/dist/core/resolve-config.mjs

@@ -12,7 +12,6 @@ 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";
@@ -150,7 +149,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: {
@@ -366,7 +365,7 @@ 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) {
@@ -393,7 +392,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,

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/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/zip.mjs

@@ -9,11 +9,10 @@ import "./utils/log/index.mjs";
 import { getPackageJson } from "./utils/package.mjs";
 import { internalBuild } from "./utils/building/internal-build.mjs";
 import "./utils/building/index.mjs";
-import { mkdir, readFile } from "node:fs/promises";
+import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { glob } from "tinyglobby";
 import path from "node:path";
-import { createWriteStream } from "node:fs";
-import JSZip from "jszip";
+import { createZip } from "@aklinker1/zero-zip";
 //#region src/core/zip.ts
 /**
 * Build and zip the extension for distribution.
@@ -67,7 +66,7 @@ async function zip(config) {
 	return zipFiles;
 }
 async function zipDir(directory, outputPath, options) {
-	const archive = new JSZip();
+	const archive = createZip({ level: wxt.config.zip.compressionLevel });
 	const filesToZip = [...await glob(options?.include ?? ["**/*"], {
 		cwd: directory,
 		ignore: options?.exclude ?? [],
@@ -78,20 +77,14 @@ async function zipDir(directory, outputPath, options) {
 		const absolutePath = path.resolve(directory, file);
 		if (file.endsWith(".json")) {
 			const content = await readFile(absolutePath, "utf-8");
-			archive.file(file, await options?.transform?.(absolutePath, file, content) || content);
+			archive.addFile(file, await options?.transform?.(absolutePath, file, content) || content);
 		} else {
 			const content = await readFile(absolutePath);
-			archive.file(file, content);
+			archive.addFile(file, content);
 		}
 	}
 	await options?.additionalWork?.(archive);
-	await new Promise((resolve, reject) => archive.generateNodeStream({
-		type: "nodebuffer",
-		...wxt.config.zip.compressionLevel === 0 ? { compression: "STORE" } : {
-			compression: "DEFLATE",
-			compressionOptions: { level: wxt.config.zip.compressionLevel }
-		}
-	}).pipe(createWriteStream(outputPath)).on("error", reject).on("close", resolve));
+	await writeFile(outputPath, await archive.toBuffer());
 	return filesToZip;
 }
 async function downloadPrivatePackages() {

package/dist/types.d.mts

@@ -441,7 +441,23 @@ interface InlineConfig {
    */
   alias?: Record<string, string>;
   /** Experimental settings - use with caution. */
-  experimental?: {};
+  experimental?: {
+    /**
+     * Some libraries include unicode characters Chrome does not allow in
+     * extensions. If you receive "Could not load content script... it is not
+     * UTF-8 encoded", enable this setting.
+     *
+     * It is not enabled by default because it will slow down your build, and
+     * because it's very rare to have the problematic characters in JS. So not
+     * every extension needs this flag enabled.
+     *
+     * For more details, see:
+     *
+     * - https://github.com/wxt-dev/wxt/issues/353
+     * - https://github.com/wxt-dev/wxt/issues/2535
+     */
+    escapeUnicode?: boolean;
+  };
   /** Config effecting dev mode only. */
   dev?: {
     server?: {
@@ -1449,7 +1465,9 @@ interface ResolvedConfig$1 {
   userConfigMetadata: Omit<ResolvedConfig<UserConfig>, 'config'>;
   /** Import aliases to absolute paths. */
   alias: Record<string, string>;
-  experimental: {};
+  experimental: {
+    escapeUnicode: boolean;
+  };
   /** List of warning identifiers to suppress during the build process. */
   suppressWarnings: {
     firefoxDataCollection?: boolean;

package/dist/version.mjs

@@ -1,4 +1,4 @@
 //#region src/version.ts
-const version = "0.21.1";
+const version = "0.21.3";
 //#endregion
 export { version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.21.1",
+  "version": "0.21.3",
   "description": "⚡ Next-gen Web Extension Framework",
   "license": "MIT",
   "scripts": {
@@ -17,16 +17,16 @@
   "dependencies": {
     "@1natsu/wait-element": "^4.1.2",
     "@aklinker1/rollup-plugin-visualizer": "5.12.0",
+    "@aklinker1/zero-zip": "^1.0.1",
+    "@topcli/prompts": "^4.0.0",
     "@webext-core/fake-browser": "^2.0.1",
     "@webext-core/isolated-element": "^1.1.3 || ^2 || ^3",
     "@webext-core/match-patterns": "^2.0.0",
     "@wxt-dev/browser": "^0.2.2",
     "@wxt-dev/storage": "^1.0.0",
-    "async-mutex": "^0.5.0",
     "c12": "^3.3.4",
     "cac": "^6.7.14 || ^7.0.0",
     "chokidar": "^5.0.0",
-    "ci-info": "^4.4.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
     "dotenv-expand": "^13.0.0",
@@ -34,10 +34,8 @@
     "get-port-please": "^3.2.0",
     "giget": "^1.2.3 || ^2.0.0 || ^3.0.0",
     "hookable": "^6.1.0",
-    "import-meta-resolve": "^4.2.0",
     "is-wsl": "^3.1.1",
     "json5": "^2.2.3",
-    "jszip": "^3.10.1",
     "linkedom": "^0.18.12",
     "magicast": "^0.5.2",
     "nano-spawn": "^2.0.0",
@@ -45,14 +43,13 @@
     "normalize-path": "^3.0.0",
     "nypm": "^0.6.5",
     "ohash": "^2.0.11",
-    "open": "^11.0.0",
     "picomatch": "^4.0.3",
-    "prompts": "^2.4.2",
-    "publish-browser-extension": "^5.1.0",
+    "publish-browser-extension": "^5.1.0 || ^6.0.0",
     "scule": "^1.3.0",
+    "superlock": "^1.3.2",
+    "tiny-open": "^1.3.0",
     "tinyglobby": "^0.2.16",
-    "unimport": "^3.13.1 || ^4.0.0 || ^5.0.0 || ^6.0.0",
-    "web-ext-run": "^0.2.4"
+    "unimport": "^3.13.1 || ^4.0.0 || ^5.0.0 || ^6.0.0"
   },
   "peerDependencies": {
     "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
@@ -88,9 +85,9 @@
     "publint": "^0.3.18",
     "tsdown": "^0.21.0",
     "typescript": "^6.0.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.1.5",
-    "vitest-plugin-random-seed": "^1.1.2",
+    "vite": "^8.2.0",
+    "vitest": "^4.1.10",
+    "vitest-plugin-random-seed": "^2.0.2",
     "web-ext": "^10.5.0"
   },
   "repository": {