wxt 0.21.0 → 0.21.1

package/dist/core/utils/environments/browser-environment.mjs

@@ -1,5 +1,4 @@
 import { parseHTML } from "linkedom";
-
 //#region src/core/utils/environments/browser-environment.ts
 function getBrowserEnvironmentGlobals() {
 	const { window, document, global } = parseHTML(`
@@ -15,6 +14,5 @@ function getBrowserEnvironmentGlobals() {
 		self: global
 	};
 }
-
 //#endregion
-export { getBrowserEnvironmentGlobals };
+export { getBrowserEnvironmentGlobals };

package/dist/core/utils/environments/environment.mjs

@@ -34,6 +34,5 @@ function applyGlobals(globals) {
 		} catch {}
 	});
 }
-
 //#endregion
-export { createEnvironment };
+export { createEnvironment };

package/dist/core/utils/environments/extension-environment.mjs

@@ -1,7 +1,6 @@
 import { createEnvironment } from "./environment.mjs";
 import { getBrowserEnvironmentGlobals } from "./browser-environment.mjs";
 import { fakeBrowser } from "@webext-core/fake-browser";
-
 //#region src/core/utils/environments/extension-environment.ts
 function createExtensionEnvironment() {
 	return createEnvironment(getExtensionEnvironmentGlobals);
@@ -13,6 +12,5 @@ function getExtensionEnvironmentGlobals() {
 		browser: fakeBrowser
 	};
 }
-
 //#endregion
-export { createExtensionEnvironment, getExtensionEnvironmentGlobals };
+export { createExtensionEnvironment, getExtensionEnvironmentGlobals };

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

@@ -1,4 +1,3 @@
-import { getBrowserEnvironmentGlobals } from "./browser-environment.mjs";
-import { createExtensionEnvironment, getExtensionEnvironmentGlobals } from "./extension-environment.mjs";
-
-export {  };
+import "./browser-environment.mjs";
+import "./extension-environment.mjs";
+export {};

package/dist/core/utils/eslint.mjs

@@ -7,6 +7,5 @@ async function getEslintVersion() {
 		return [];
 	}
 }
-
 //#endregion
-export { getEslintVersion };
+export { getEslintVersion };

package/dist/core/utils/fs.mjs

@@ -1,27 +1,36 @@
 import { unnormalizePath } from "./paths.mjs";
 import { wxt } from "../wxt.mjs";
-import fs from "fs-extra";
-import glob from "fast-glob";
-
+import { access, readFile, writeFile } from "node:fs/promises";
+import { glob } from "tinyglobby";
 //#region src/core/utils/fs.ts
+async function pathExists(path) {
+	try {
+		await access(path);
+		return true;
+	} catch {
+		return false;
+	}
+}
+async function readJson(path) {
+	return JSON.parse(await readFile(path, "utf-8"));
+}
 /**
-* Only write the contents to a file if it results in a change. This prevents unnecessary file
-* watchers from being triggered, like WXT's dev server or the TS language server in editors.
+* Only write the contents to a file if it results in a change. This prevents
+* unnecessary file watchers from being triggered, like WXT's dev server or the
+* TS language server in editors.
 *
 * @param file The file to write to.
 * @param newContents The new text content to write.
 */
 async function writeFileIfDifferent(file, newContents) {
-	if (await fs.readFile(file, "utf-8").catch(() => void 0) !== newContents) await fs.writeFile(file, newContents);
+	if (await readFile(file, "utf-8").catch(() => void 0) !== newContents) await writeFile(file, newContents);
 }
-/**
-* Get all the files in the project's public directory. Returned paths are relative to the
-* `config.publicDir`.
-*/
 async function getPublicFiles() {
-	if (!await fs.pathExists(wxt.config.publicDir)) return [];
-	return (await glob("**/*", { cwd: wxt.config.publicDir })).map(unnormalizePath);
+	if (!await pathExists(wxt.config.publicDir)) return [];
+	return (await glob("**/*", {
+		cwd: wxt.config.publicDir,
+		expandDirectories: false
+	})).map(unnormalizePath);
 }
-
 //#endregion
-export { getPublicFiles, writeFileIfDifferent };
+export { getPublicFiles, pathExists, readJson, writeFileIfDifferent };

package/dist/core/utils/globals.mjs

@@ -50,6 +50,5 @@ function getEntrypointGlobals(entrypointName) {
 		type: `string`
 	}];
 }
-
 //#endregion
-export { getEntrypointGlobals, getGlobals };
+export { getEntrypointGlobals, getGlobals };

package/dist/core/utils/i18n.mjs

@@ -2,7 +2,7 @@
 const predefinedMessages = {
 	"@@extension_id": {
 		message: "<browser.runtime.id>",
-		description: "The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.\nNote: You can't use this message in a manifest file."
+		description: "The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even non-localized extensions can use this message.\nNote: You can't use this message in a manifest file."
 	},
 	"@@ui_locale": {
 		message: "<browser.i18n.getUiLocale()>",
@@ -39,6 +39,5 @@ function parseI18nMessages(messagesJson) {
 		...details
 	}));
 }
-
 //#endregion
-export { parseI18nMessages };
+export { parseI18nMessages };

package/dist/core/utils/index.d.mts

@@ -0,0 +1,2 @@
+import { normalizePath } from "./paths.mjs";
+import { getEntrypointBundlePath } from "./entrypoints.mjs";

package/dist/core/utils/index.mjs

@@ -1,3 +1,3 @@
-import { normalizePath } from "./paths.mjs";
-
-export {  };
+import "./paths.mjs";
+import "./entrypoints.mjs";
+export {};

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

@@ -1,6 +1,5 @@
-import { printTable } from "./printTable.mjs";
-import { printFileList } from "./printFileList.mjs";
-import { printBuildSummary } from "./printBuildSummary.mjs";
-import { printHeader } from "./printHeader.mjs";
-
-export {  };
+import "./printTable.mjs";
+import "./printFileList.mjs";
+import "./printBuildSummary.mjs";
+import "./printHeader.mjs";
+export {};

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

@@ -1,7 +1,6 @@
 import { wxt } from "../../wxt.mjs";
 import { printFileList } from "./printFileList.mjs";
 import { resolve } from "path";
-
 //#region src/core/utils/log/printBuildSummary.ts
 async function printBuildSummary(log, header, output) {
 	const files = [...output.steps.flatMap((step) => step.chunks), ...output.publicAssets].sort((l, r) => {
@@ -22,6 +21,5 @@ const CHUNK_SORT_WEIGHTS = {
 function getChunkSortWeight(filename) {
 	return Object.entries(CHUNK_SORT_WEIGHTS).find(([key]) => filename.endsWith(key))?.[1] ?? DEFAULT_SORT_WEIGHT;
 }
-
 //#endregion
-export { printBuildSummary };
+export { printBuildSummary };

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

@@ -1,39 +1,43 @@
+import { wxt } from "../../wxt.mjs";
 import { printTable } from "./printTable.mjs";
-import fs from "fs-extra";
+import { lstat } from "node:fs/promises";
 import path from "node:path";
-import pc from "picocolors";
+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;
 	const fileRows = await Promise.all(files.map(async (file, i) => {
 		const parts = [path.relative(process.cwd(), baseDir) + path.sep, path.relative(baseDir, file)];
 		const prefix = i === files.length - 1 ? "  └─" : "  ├─";
-		const color = getChunkColor(file);
-		const stats = await fs.lstat(file);
-		totalSize += stats.size;
-		const size = String(filesize(stats.size));
-		return [`${pc.gray(prefix)} ${pc.dim(parts[0])}${color(parts[1])}`, pc.dim(size)];
+		const chunkColor = getChunkColor(file);
+		let size = "";
+		try {
+			const stats = await lstat(file);
+			totalSize += stats.size;
+			size = String(filesize(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([`${pc.cyan("Σ Total size:")} ${String(filesize(totalSize))}`]);
+	fileRows.push([`${styleText("cyan", "Σ Total size:")} ${String(filesize(totalSize))}`]);
 	printTable(log, header, fileRows);
 }
-const DEFAULT_COLOR = pc.blue;
+const DEFAULT_COLOR = "blue";
 const CHUNK_COLORS = {
-	".js.map": pc.gray,
-	".cjs.map": pc.gray,
-	".mjs.map": pc.gray,
-	".html": pc.green,
-	".css": pc.magenta,
-	".js": pc.cyan,
-	".cjs": pc.cyan,
-	".mjs": pc.cyan,
-	".zip": pc.yellow
+	".js.map": "gray",
+	".cjs.map": "gray",
+	".mjs.map": "gray",
+	".html": "green",
+	".css": "magenta",
+	".js": "cyan",
+	".cjs": "cyan",
+	".mjs": "cyan",
+	".zip": "yellow"
 };
 function getChunkColor(filename) {
 	return Object.entries(CHUNK_COLORS).find(([key]) => filename.endsWith(key))?.[1] ?? DEFAULT_COLOR;
 }
-
 //#endregion
-export { printFileList };
+export { printFileList };

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

@@ -1,11 +1,9 @@
 import { version } from "../../../version.mjs";
 import { consola as consola$1 } from "consola";
-import pc from "picocolors";
-
+import { styleText } from "node:util";
 //#region src/core/utils/log/printHeader.ts
 function printHeader() {
-	consola$1.log(`\n${pc.gray("WXT")} ${pc.gray(pc.bold(version))}`);
+	consola$1.log(`\n${styleText("gray", "WXT")} ${styleText(["bold", "gray"], version)}`);
 }
-
 //#endregion
-export { printHeader };
+export { printHeader };

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

@@ -15,6 +15,5 @@ function printTable(log, header, rows, gap = 2) {
 	});
 	log(`${header}\n${str}`);
 }
-
 //#endregion
-export { printTable };
+export { printTable };

package/dist/core/utils/manifest.mjs

@@ -5,26 +5,22 @@ import { writeFileIfDifferent } from "./fs.mjs";
 import { ContentSecurityPolicy } from "./content-security-policy.mjs";
 import { hashContentScriptOptions, mapWxtOptionsToContentScript } from "./content-scripts.mjs";
 import { getPackageJson } from "./package.mjs";
-import fs from "fs-extra";
+import { addDiscoveredThemeIcons } from "./theme-icons.mjs";
+import { mkdir } from "node:fs/promises";
 import { resolve } from "path";
 import defu from "defu";
-
 //#region src/core/utils/manifest.ts
-/**
-* Writes the manifest to the output directory and the build output.
-*/
+/** Writes the manifest to the output directory and the build output. */
 async function writeManifest(manifest, output) {
 	const str = wxt.config.mode === "production" ? JSON.stringify(manifest) : JSON.stringify(manifest, null, 2);
-	await fs.ensureDir(wxt.config.outDir);
+	await mkdir(wxt.config.outDir, { recursive: true });
 	await writeFileIfDifferent(resolve(wxt.config.outDir, "manifest.json"), str);
 	output.publicAssets.unshift({
 		type: "asset",
 		fileName: "manifest.json"
 	});
 }
-/**
-* Generates the manifest based on the config and entrypoints.
-*/
+/** Generates the manifest based on the config and entrypoints. */
 async function generateManifest(allEntrypoints, buildOutput) {
 	const entrypoints = allEntrypoints.filter((entry) => !entry.skipped);
 	const warnings = [];
@@ -59,7 +55,10 @@ async function generateManifest(allEntrypoints, buildOutput) {
 	}
 	manifest.version = version;
 	manifest.version_name = wxt.config.browser === "firefox" || versionName === version ? void 0 : versionName;
+	if (wxt.config.browser === "firefox" && !userManifest.browser_specific_settings?.gecko?.data_collection_permissions && !wxt.config.suppressWarnings?.firefoxDataCollection) wxt.logger.warn("Firefox requires `data_collection_permissions` for new extensions from November 3, 2025. Existing extensions are exempt for now.\nFor more details, see: https://extensionworkshop.com/documentation/develop/firefox-builtin-data-consent/\nTo suppress this warning, set `suppressWarnings.firefoxDataCollection` to `true` in your wxt config.\n");
+	if (wxt.config.browser === "firefox" && !manifest.browser_specific_settings?.gecko?.id && !wxt.config.suppressWarnings?.firefoxId) wxt.logger.warn("Firefox requires extension ID for MV3 and recommends it for MV2.\nFor more details, see: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings#id");
 	addEntrypoints(manifest, entrypoints, buildOutput);
+	if (wxt.config.browser === "firefox") addDiscoveredThemeIcons(manifest, buildOutput);
 	if (wxt.config.command === "serve") addDevModeCsp(manifest);
 	if (wxt.config.command === "serve") addDevModePermissions(manifest);
 	await wxt.hooks.callHook("build:manifestGenerated", wxt, manifest);
@@ -79,8 +78,9 @@ async function generateManifest(allEntrypoints, buildOutput) {
 	};
 }
 /**
-* Removes suffixes from the version, like X.Y.Z-alpha1 (which browsers don't allow), so it's a
-* simple version number, like X or X.Y or X.Y.Z, which browsers allow.
+* Removes suffixes from the version, like X.Y.Z-alpha1 (which browsers don't
+* allow), so it's a simple version number, like X or X.Y or X.Y.Z, which
+* browsers allow.
 */
 function simplifyVersion(versionName) {
 	const version = /^((0|[1-9][0-9]{0,8})([.](0|[1-9][0-9]{0,8})){0,3}).*$/.exec(versionName)?.[1];
@@ -137,28 +137,22 @@ function addEntrypoints(manifest, entrypoints, buildOutput) {
 		const options = {};
 		if (popup.options.defaultIcon) options.default_icon = popup.options.defaultIcon;
 		if (popup.options.defaultTitle) options.default_title = popup.options.defaultTitle;
+		if (popup.options.defaultState && wxt.config.manifestVersion === 3) options.default_state = popup.options.defaultState;
 		if (popup.options.browserStyle) options.browser_style = popup.options.browserStyle;
 		if (popup.options.defaultArea) options.default_area = popup.options.defaultArea;
 		if (popup.options.themeIcons) options.theme_icons = popup.options.themeIcons;
-		if (manifest.manifest_version === 3) manifest.action = {
-			...manifest.action,
+		const actionKey = wxt.config.manifestVersion === 2 ? popup.options.actionType ?? "browser_action" : wxt.config.browser === "firefox" && popup.options.actionType === "page_action" ? "page_action" : "action";
+		manifest[actionKey] = {
+			...manifest[actionKey],
 			...options,
 			default_popup
 		};
-		else {
-			const key = popup.options.mv2Key ?? "browser_action";
-			manifest[key] = {
-				...manifest[key],
-				...options,
-				default_popup
-			};
-		}
 	}
 	if (devtools) manifest.devtools_page = getEntrypointBundlePath(devtools, wxt.config.outDir, ".html");
 	if (options) {
 		const page = getEntrypointBundlePath(options, wxt.config.outDir, ".html");
 		manifest.options_ui = {
-			open_in_tab: options.options.openInTab,
+			...wxt.config.browser !== "safari" && { open_in_tab: options.options.openInTab ?? false },
 			browser_style: wxt.config.browser === "firefox" ? options.options.browserStyle : void 0,
 			chrome_style: wxt.config.browser !== "firefox" ? options.options.chromeStyle : void 0,
 			page
@@ -247,9 +241,9 @@ function addDevModeCsp(manifest) {
 	}
 	const permission = `${permissionUrl}*`;
 	const allowedCsp = wxt.server?.origin ?? "http://localhost:*";
-	if (manifest.manifest_version === 3) addHostPermission(manifest, permission);
+	if (wxt.config.manifestVersion === 3) addHostPermission(manifest, permission);
 	else addPermission(manifest, permission);
-	const extensionPagesCsp = new ContentSecurityPolicy(manifest.content_security_policy?.extension_pages ?? (manifest.manifest_version === 3 ? DEFAULT_MV3_EXTENSION_PAGES_CSP : DEFAULT_MV2_CSP));
+	const extensionPagesCsp = new ContentSecurityPolicy(manifest.content_security_policy?.extension_pages ?? (wxt.config.manifestVersion === 3 ? DEFAULT_MV3_EXTENSION_PAGES_CSP : DEFAULT_MV2_CSP));
 	const sandboxCsp = new ContentSecurityPolicy(manifest.content_security_policy?.sandbox ?? DEFAULT_MV3_SANDBOX_CSP);
 	if (wxt.config.command === "serve") {
 		extensionPagesCsp.add("script-src", allowedCsp);
@@ -264,8 +258,8 @@ function addDevModePermissions(manifest) {
 	if (wxt.config.manifestVersion === 3) addPermission(manifest, "scripting");
 }
 /**
-* Returns the bundle paths to CSS files associated with a list of content scripts, or undefined if
-* there is no associated CSS.
+* Returns the bundle paths to CSS files associated with a list of content
+* scripts, or undefined if there is no associated CSS.
 */
 function getContentScriptCssFiles(contentScripts, contentScriptCssMap) {
 	const css = [];
@@ -278,9 +272,9 @@ function getContentScriptCssFiles(contentScripts, contentScriptCssMap) {
 	if (css.length > 0) return css;
 }
 /**
-* Content scripts configured with `cssInjectionMode: "ui"` need to add their CSS files to web
-* accessible resources so they can be fetched as text and added to shadow roots that the UI is
-* added to.
+* Content scripts configured with `cssInjectionMode: "ui"` need to add their
+* CSS files to web accessible resources so they can be fetched as text and
+* added to shadow roots that the UI is added to.
 */
 function getContentScriptCssWebAccessibleResources(contentScripts, contentScriptCssMap) {
 	const resources = [];
@@ -297,8 +291,8 @@ function getContentScriptCssWebAccessibleResources(contentScripts, contentScript
 	return resources;
 }
 /**
-* Based on the build output, return a Record of each content script's name to it CSS file if the
-* script includes one.
+* Based on the build output, return a Record of each content script's name to
+* it CSS file if the script includes one.
 */
 function getContentScriptsCssMap(buildOutput, scripts) {
 	const map = {};
@@ -320,8 +314,8 @@ function addHostPermission(manifest, hostPermission) {
 	manifest.host_permissions.push(hostPermission);
 }
 /**
-* - "<all_urls>" &rarr; "<all_urls>"
-* - "*://play.google.com/books/*" &rarr; "*://play.google.com/*"
+* - "<all_urls>" → "<all_urls>"
+* - "_://play.google.com/books/_" → "_://play.google.com/_"
 */
 function stripPathFromMatchPattern(pattern) {
 	const protocolSepIndex = pattern.indexOf("://");
@@ -330,9 +324,10 @@ function stripPathFromMatchPattern(pattern) {
 	return pattern.substring(0, startOfPath) + "/*";
 }
 /**
-* Converts all MV3 web accessible resources to their MV2 forms. MV3 web accessible resources are
-* generated in this file, and may be defined by the user in their manifest. In both cases, when
-* targeting MV2, automatically convert their definitions down to the basic MV2 array.
+* Converts all MV3 web accessible resources to their MV2 forms. MV3 web
+* accessible resources are generated in this file, and may be defined by the
+* user in their manifest. In both cases, when targeting MV2, automatically
+* convert their definitions down to the basic MV2 array.
 */
 function convertWebAccessibleResourcesToMv2(manifest) {
 	if (manifest.web_accessible_resources == null) return;
@@ -354,29 +349,27 @@ function convertCspToMv2(manifest) {
 	if (typeof manifest.content_security_policy === "string" || manifest.content_security_policy?.extension_pages == null) return;
 	manifest.content_security_policy = manifest.content_security_policy.extension_pages;
 }
-/**
-* Make sure all resources are in MV3 format. If not, add a warning.
-*/
+/** Make sure all resources are in MV3 format. If not, add a warning. */
 function validateMv3WebAccessibleResources(manifest) {
 	if (manifest.web_accessible_resources == null) return;
 	const stringResources = manifest.web_accessible_resources.filter((item) => typeof item === "string");
 	if (stringResources.length > 0) throw Error(`Non-MV3 web_accessible_resources detected: ${JSON.stringify(stringResources)}. When manually defining web_accessible_resources, define them as MV3 objects ({ matches: [...], resources: [...] }), and WXT will automatically convert them to MV2 when necessary.`);
 }
-/**
-* Remove keys from the manifest based on the build target.
-*/
+/** Remove keys from the manifest based on the build target. */
 function stripKeys(manifest) {
 	let keysToRemove = [];
 	if (wxt.config.manifestVersion === 2) {
 		keysToRemove.push(...mv3OnlyKeys);
 		if (wxt.config.browser === "firefox") keysToRemove.push(...firefoxMv3OnlyKeys);
-	} else keysToRemove.push(...mv2OnlyKeys);
+	} else {
+		keysToRemove.push(...mv2OnlyKeys);
+		if (wxt.config.browser !== "firefox") keysToRemove.push(...chromeMv2OnlyKeys);
+	}
 	keysToRemove.forEach((key) => {
 		delete manifest[key];
 	});
 }
 const mv2OnlyKeys = [
-	"page_action",
 	"browser_action",
 	"automation",
 	"content_capabilities",
@@ -400,10 +393,10 @@ const mv3OnlyKeys = [
 	"optional_host_permissions",
 	"side_panel"
 ];
+const chromeMv2OnlyKeys = ["page_action"];
 const firefoxMv3OnlyKeys = ["host_permissions"];
 const DEFAULT_MV3_EXTENSION_PAGES_CSP = "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';";
 const DEFAULT_MV3_SANDBOX_CSP = "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-inline' 'unsafe-eval'; child-src 'self';";
 const DEFAULT_MV2_CSP = "script-src 'self'; object-src 'self';";
-
 //#endregion
-export { generateManifest, getContentScriptCssFiles, getContentScriptsCssMap, writeManifest };
+export { generateManifest, getContentScriptCssFiles, getContentScriptsCssMap, writeManifest };

package/dist/core/utils/number.mjs

@@ -3,6 +3,5 @@ function safeStringToNumber(str) {
 	const num = Number(str);
 	return isNaN(num) ? null : num;
 }
-
 //#endregion
-export { safeStringToNumber };
+export { safeStringToNumber };

package/dist/core/utils/package.mjs

@@ -1,7 +1,6 @@
 import { wxt } from "../wxt.mjs";
-import fs from "fs-extra";
+import { readJson } from "./fs.mjs";
 import { resolve } from "node:path";
-
 //#region src/core/utils/package.ts
 /**
 * Read the project's package.json.
@@ -11,12 +10,11 @@ import { resolve } from "node:path";
 async function getPackageJson() {
 	const file = resolve(wxt.config.root, "package.json");
 	try {
-		return await fs.readJson(file);
+		return await readJson(file);
 	} catch (err) {
 		wxt.logger.debug(`Failed to read package.json at: ${file}. Returning undefined.`, err);
 		return {};
 	}
 }
-
 //#endregion
-export { getPackageJson };
+export { getPackageJson };

package/dist/core/utils/paths.d.mts

@@ -1,7 +1,7 @@
 //#region src/core/utils/paths.d.ts
 /**
- * Converts system paths to normalized bundler path.
- * On Windows, this returns paths with `/` instead of `\`.
+ * Converts system paths to normalized bundler path. On Windows, this returns
+ * paths with `/` instead of `\`.
  */
 declare function normalizePath(path: string): string;
 //#endregion

package/dist/core/utils/paths.mjs

@@ -1,29 +1,27 @@
 import path from "node:path";
 import normalize from "normalize-path";
-
 //#region src/core/utils/paths.ts
 /**
-* Converts system paths to normalized bundler path.
-* On Windows, this returns paths with `/` instead of `\`.
+* Converts system paths to normalized bundler path. On Windows, this returns
+* paths with `/` instead of `\`.
 */
 function normalizePath(path) {
 	return normalize(path);
 }
 /**
-* Given a normalized path, convert it to the system path style. On Windows, switch to \, otherwise use /.
+* Given a normalized path, convert it to the system path style. On Windows,
+* switch to , otherwise use /.
 */
 function unnormalizePath(path$1) {
 	return path.normalize(path$1);
 }
-const CSS_EXTENSIONS = [
+const CSS_EXTENSIONS_PATTERN = `+(${[
 	"css",
 	"scss",
 	"sass",
 	"less",
 	"styl",
 	"stylus"
-];
-const CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
-
+].join("|")})`;
 //#endregion
-export { CSS_EXTENSIONS_PATTERN, normalizePath, unnormalizePath };
+export { CSS_EXTENSIONS_PATTERN, normalizePath, unnormalizePath };

package/dist/core/utils/strings.mjs

@@ -1,23 +1,20 @@
 import { camelCase } from "scule";
-
 //#region src/core/utils/strings.ts
 function kebabCaseAlphanumeric(str) {
 	return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").replace(/\s+/g, "-");
 }
-/**
-* Return a safe variable name for a given string.
-*/
+/** Return a safe variable name for a given string. */
 function safeVarName(str) {
 	const name = camelCase(kebabCaseAlphanumeric(str));
 	if (name.match(/^[a-z]/)) return name;
 	return "_" + name;
 }
 /**
-* Converts a string to a valid filename (NOT path), stripping out invalid characters.
+* Converts a string to a valid filename (NOT path), stripping out invalid
+* characters.
 */
 function safeFilename(str) {
 	return kebabCaseAlphanumeric(str);
 }
-
 //#endregion
-export { safeFilename, safeVarName };
+export { safeFilename, safeVarName };

package/dist/core/utils/syntax-errors.mjs

@@ -1,7 +1,6 @@
 import { wxt } from "../wxt.mjs";
 import { relative } from "node:path";
-import pc from "picocolors";
-
+import { styleText } from "node:util";
 //#region src/core/utils/syntax-errors.ts
 function isBabelSyntaxError(error) {
 	return error instanceof SyntaxError && error.code === "BABEL_PARSER_SYNTAX_ERROR";
@@ -10,9 +9,8 @@ function logBabelSyntaxError(error) {
 	let filename = relative(wxt.config.root, error.id);
 	if (filename.startsWith("..")) filename = error.id;
 	let message = error.message.replace(/\(\d+:\d+\)$/, `(${filename}:${error.loc.line}:${error.loc.column + 1})`);
-	if (error.frame) message += "\n\n" + pc.red(error.frame);
+	if (error.frame) message += "\n\n" + styleText("red", error.frame);
 	wxt.logger.error(message);
 }
-
 //#endregion
-export { isBabelSyntaxError, logBabelSyntaxError };
+export { isBabelSyntaxError, logBabelSyntaxError };