wxt 0.21.0 → 0.21.1

package/dist/core/create-server.mjs

@@ -1,31 +1,21 @@
 import { unnormalizePath } from "./utils/paths.mjs";
-import { getEntrypointBundlePath, isHtmlEntrypoint } from "./utils/entrypoints.mjs";
 import { deinitWxtModules, initWxtModules, registerWxt, wxt } from "./wxt.mjs";
-import { detectDevChanges } from "./utils/building/detect-dev-changes.mjs";
-import { findEntrypoints } from "./utils/building/find-entrypoints.mjs";
-import { getContentScriptJs, mapWxtOptionsToRegisteredContentScript } from "./utils/content-scripts.mjs";
-import { getContentScriptCssFiles, getContentScriptsCssMap } from "./utils/manifest.mjs";
-import { rebuild } from "./utils/building/rebuild.mjs";
 import { internalBuild } from "./utils/building/internal-build.mjs";
 import "./utils/building/index.mjs";
-import { createExtensionRunner } from "./runners/index.mjs";
 import { createKeyboardShortcuts } from "./keyboard-shortcuts.mjs";
 import { isBabelSyntaxError, logBabelSyntaxError } from "./utils/syntax-errors.mjs";
-import { relative } from "node:path";
-import pc from "picocolors";
-import { debounce } from "perfect-debounce";
+import { createFileReloader, reloadContentScripts } from "./utils/create-file-reloader.mjs";
 import chokidar from "chokidar";
-import { Mutex } from "async-mutex";
-
 //#region src/core/create-server.ts
 /**
-* Creates a dev server and pre-builds all the files that need to exist before loading the extension.
+* Creates a dev server and pre-builds all the files that need to exist before
+* loading the extension.
 *
 * @example
-* const server = await wxt.createServer({
-*   // Enter config...
-* });
-* await server.start();
+*   const server = await wxt.createServer({
+*     // Enter config...
+*   });
+*   await server.start();
 */
 async function createServer(inlineConfig) {
 	await registerWxt("serve", inlineConfig);
@@ -42,7 +32,7 @@ async function createServerInternal() {
 			origin
 		};
 	};
-	let [runner, builderServer] = await Promise.all([createExtensionRunner(), wxt.builder.createServer(getServerInfo())]);
+	let builderServer = await wxt.builder.createServer(getServerInfo());
 	let wasStopped = false;
 	const server = {
 		get host() {
@@ -64,7 +54,6 @@ async function createServerInternal() {
 		async start() {
 			if (wasStopped) {
 				await wxt.reloadConfig();
-				runner = await createExtensionRunner();
 				builderServer = await wxt.builder.createServer(getServerInfo());
 				await initWxtModules();
 			}
@@ -80,14 +69,12 @@ async function createServerInternal() {
 			const reloadOnChange = createFileReloader(server);
 			server.watcher.on("all", async (...args) => {
 				await reloadOnChange(args[0], args[1]);
-				keyboardShortcuts.start();
 			});
-			keyboardShortcuts.printHelp({ canReopenBrowser: !wxt.config.runnerConfig.config.disabled && !!runner.canOpen?.() });
 		},
 		async stop() {
 			wasStopped = true;
 			keyboardShortcuts.stop();
-			await runner.closeBrowser?.();
+			await wxt.config.runner.closeBrowser?.();
 			await builderServer.close();
 			await wxt.hooks.callHook("server:closed", wxt, server);
 			deinitWxtModules();
@@ -110,12 +97,12 @@ async function createServerInternal() {
 			server.ws.send("wxt:reload-extension");
 		},
 		async restartBrowser() {
-			await runner.closeBrowser?.();
+			await wxt.config.runner.closeBrowser?.();
 			keyboardShortcuts.stop();
 			await wxt.reloadConfig();
-			runner = await createExtensionRunner();
-			await runner.openBrowser();
+			await wxt.config.runner.openBrowser();
 			keyboardShortcuts.start();
+			keyboardShortcuts.printHelp({ canReopenBrowser: !wxt.config.webExt.config.disabled && !!wxt.config.runner.canOpen?.() });
 		}
 	};
 	const keyboardShortcuts = createKeyboardShortcuts(server);
@@ -127,7 +114,10 @@ async function createServerInternal() {
 			logBabelSyntaxError(err);
 			wxt.logger.info("Waiting for syntax error to be fixed...");
 			await new Promise((resolve) => {
-				const watcher = chokidar.watch(err.id, { ignoreInitial: true });
+				const watcher = chokidar.watch(err.id, {
+					...wxt.config.watchOptions,
+					ignoreInitial: true
+				});
 				watcher.on("all", () => {
 					watcher.close();
 					wxt.logger.info("Syntax error resolved, rebuilding...");
@@ -141,101 +131,16 @@ async function createServerInternal() {
 		} catch (err) {
 			wxt.config.logger.warn("Failed to register additional file paths:", err);
 		}
-		await runner.openBrowser();
+		await wxt.config.runner.openBrowser();
+		keyboardShortcuts.start();
+		keyboardShortcuts.printHelp({ canReopenBrowser: !wxt.config.webExt.config.disabled && !!wxt.config.runner.canOpen?.() });
 	};
 	builderServer.on?.("close", () => keyboardShortcuts.stop());
 	return server;
 }
 /**
-* Returns a function responsible for reloading different parts of the extension when a file
-* changes.
-*/
-function createFileReloader(server) {
-	const fileChangedMutex = new Mutex();
-	const changeQueue = [];
-	const cb = async (event, path) => {
-		changeQueue.push([event, path]);
-		await fileChangedMutex.runExclusive(async () => {
-			if (server.currentOutput == null) return;
-			const fileChanges = changeQueue.splice(0, changeQueue.length).map(([_, file]) => file);
-			if (fileChanges.length === 0) return;
-			await wxt.reloadConfig();
-			const changes = detectDevChanges(fileChanges, server.currentOutput);
-			if (changes.type === "no-change") return;
-			if (changes.type === "full-restart") {
-				wxt.logger.info("Config changed, restarting server...");
-				server.restart();
-				return;
-			}
-			if (changes.type === "browser-restart") {
-				wxt.logger.info("Runner config changed, restarting browser...");
-				server.restartBrowser();
-				return;
-			}
-			wxt.logger.info(`Changed: ${Array.from(new Set(fileChanges)).map((file) => pc.dim(relative(wxt.config.root, file))).join(", ")}`);
-			const allEntrypoints = await findEntrypoints();
-			try {
-				const { output: newOutput } = await rebuild(allEntrypoints, changes.rebuildGroups, changes.cachedOutput);
-				server.currentOutput = newOutput;
-				switch (changes.type) {
-					case "extension-reload":
-						server.reloadExtension();
-						wxt.logger.success(`Reloaded extension`);
-						break;
-					case "html-reload":
-						const { reloadedNames } = reloadHtmlPages(changes.rebuildGroups, server);
-						wxt.logger.success(`Reloaded: ${getFilenameList(reloadedNames)}`);
-						break;
-					case "content-script-reload":
-						reloadContentScripts(changes.changedSteps, server);
-						const rebuiltNames = changes.rebuildGroups.flat().map((entry) => entry.name);
-						wxt.logger.success(`Reloaded: ${getFilenameList(rebuiltNames)}`);
-						break;
-				}
-			} catch {}
-		}).catch((error) => {
-			if (!isBabelSyntaxError(error)) throw error;
-			logBabelSyntaxError(error);
-		});
-	};
-	return debounce(cb, wxt.config.dev.server.watchDebounce, {
-		leading: true,
-		trailing: false
-	});
-}
-/**
-* From the server, tell the client to reload content scripts from the provided build step outputs.
-*/
-function reloadContentScripts(steps, server) {
-	if (wxt.config.manifestVersion === 3) steps.forEach((step) => {
-		if (server.currentOutput == null) return;
-		const entry = step.entrypoints;
-		if (Array.isArray(entry) || entry.type !== "content-script") return;
-		const js = getContentScriptJs(wxt.config, entry);
-		const cssMap = getContentScriptsCssMap(server.currentOutput, [entry]);
-		const css = getContentScriptCssFiles([entry], cssMap);
-		server.reloadContentScript({
-			registration: entry.options.registration,
-			contentScript: mapWxtOptionsToRegisteredContentScript(entry.options, js, css)
-		});
-	});
-	else server.reloadExtension();
-}
-function reloadHtmlPages(groups, server) {
-	const htmlEntries = groups.flat().filter(isHtmlEntrypoint);
-	htmlEntries.forEach((entry) => {
-		const path = getEntrypointBundlePath(entry, wxt.config.outDir, ".html");
-		server.reloadPage(path);
-	});
-	return { reloadedNames: htmlEntries.map((entry) => entry.name) };
-}
-function getFilenameList(names) {
-	return names.map((name) => {
-		return pc.cyan(name);
-	}).join(pc.dim(", "));
-}
-/**
 * Based on the current build output, return a list of files that are:
+*
 * 1. Not in node_modules
 * 2. Not inside project root
 */
@@ -248,6 +153,5 @@ function getExternalOutputDependencies(server) {
 		});
 	}).filter((file) => !file.includes("node_modules") && !file.startsWith("\0")).map(unnormalizePath).filter((file) => !file.startsWith(wxt.config.root)) ?? [];
 }
-
 //#endregion
-export { createServer };
+export { createServer };

package/dist/core/define-config.mjs

@@ -2,6 +2,5 @@
 function defineConfig(config) {
 	return config;
 }
-
 //#endregion
-export { defineConfig };
+export { defineConfig };

package/dist/core/define-web-ext-config.d.mts

@@ -2,12 +2,9 @@ import { WebExtConfig } from "../types.mjs";
 
 //#region src/core/define-web-ext-config.d.ts
 /**
- * @deprecated Use `defineWebExtConfig` instead. Same function, different name.
- */
-declare function defineRunnerConfig(config: WebExtConfig): WebExtConfig;
-/**
- * Configure how [`web-ext`](https://github.com/mozilla/web-ext) starts the browser during development.
+ * Configure how [`web-ext`](https://github.com/mozilla/web-ext) starts the
+ * browser during development.
  */
 declare function defineWebExtConfig(config: WebExtConfig): WebExtConfig;
 //#endregion
-export { defineRunnerConfig, defineWebExtConfig };
+export { defineWebExtConfig };

package/dist/core/define-web-ext-config.mjs

@@ -1,19 +1,10 @@
-import consola from "consola";
-
 //#region src/core/define-web-ext-config.ts
 /**
-* @deprecated Use `defineWebExtConfig` instead. Same function, different name.
-*/
-function defineRunnerConfig(config) {
-	consola.warn("`defineRunnerConfig` is deprecated, use `defineWebExtConfig` instead. See https://wxt.dev/guide/resources/upgrading.html#v0-19-0-rarr-v0-20-0");
-	return defineWebExtConfig(config);
-}
-/**
-* Configure how [`web-ext`](https://github.com/mozilla/web-ext) starts the browser during development.
+* Configure how [`web-ext`](https://github.com/mozilla/web-ext) starts the
+* browser during development.
 */
 function defineWebExtConfig(config) {
 	return config;
 }
-
 //#endregion
-export { defineRunnerConfig, defineWebExtConfig };
+export { defineWebExtConfig };

package/dist/core/generate-wxt-dir.mjs

@@ -1,19 +1,19 @@
 import { normalizePath } from "./utils/paths.mjs";
-import "./utils/index.mjs";
 import { getEntrypointBundlePath, isHtmlEntrypoint } from "./utils/entrypoints.mjs";
+import "./utils/index.mjs";
 import { getEntrypointGlobals, getGlobals } from "./utils/globals.mjs";
 import { wxt } from "./wxt.mjs";
-import { getPublicFiles, writeFileIfDifferent } from "./utils/fs.mjs";
+import { getPublicFiles, pathExists, writeFileIfDifferent } from "./utils/fs.mjs";
 import { parseI18nMessages } from "./utils/i18n.mjs";
-import fs from "fs-extra";
+import { mkdir, readFile } from "node:fs/promises";
 import path, { dirname, relative, resolve } from "node:path";
-
 //#region src/core/generate-wxt-dir.ts
 /**
-* Generate and write all the files inside the `InternalConfig.typesDir` directory.
+* Generate and write all the files inside the `InternalConfig.typesDir`
+* directory.
 */
 async function generateWxtDir(entrypoints) {
-	await fs.ensureDir(wxt.config.typesDir);
+	await mkdir(wxt.config.typesDir, { recursive: true });
 	const entries = [{ module: "wxt/vite-builder-env" }];
 	wxt.config.userModules.forEach((module) => {
 		if (module.type === "node_module") entries.push({ module: module.id });
@@ -29,7 +29,7 @@ async function generateWxtDir(entrypoints) {
 		path: resolve(wxt.config.wxtDir, entry.path)
 	}));
 	await Promise.all(absoluteFileEntries.map(async (file) => {
-		await fs.ensureDir(dirname(file.path));
+		await mkdir(dirname(file.path), { recursive: true });
 		await writeFileIfDifferent(file.path, file.text);
 	}));
 }
@@ -39,7 +39,7 @@ async function getPathsDeclarationEntry(entrypoints) {
 	const unions = [
 		`    | ""`,
 		`    | "/"`,
-		...paths.map(normalizePath).sort().map((path) => `    | "/${path}"`)
+		...paths.map(normalizePublicPathEntry).sort((a, b) => a.path.localeCompare(b.path) || a.type.localeCompare(b.type)).map(renderPublicPathUnionMember)
 	].join("\n");
 	return {
 		path: "types/paths.d.ts",
@@ -59,6 +59,23 @@ declare module "wxt/browser" {
 		tsReference: true
 	};
 }
+function normalizePublicPathEntry(entry) {
+	if (typeof entry === "string") return {
+		type: "string",
+		path: normalizePath(entry)
+	};
+	return {
+		type: entry.type,
+		path: normalizePath(entry.path)
+	};
+}
+function renderPublicPathUnionMember(entry) {
+	const path = entry.path.startsWith("/") ? entry.path : `/${entry.path}`;
+	switch (entry.type) {
+		case "templateLiteral": return `    | \`${path}\``;
+		case "string": return `    | "${path}"`;
+	}
+}
 function getEntrypointPublicExt(entry) {
 	if (isHtmlEntrypoint(entry)) return ".html";
 	switch (entry.type) {
@@ -90,7 +107,7 @@ declare module "wxt/browser" {
 `;
 	const defaultLocalePath = path.resolve(wxt.config.publicDir, "_locales", defaultLocale ?? "", "messages.json");
 	let messages;
-	if (await fs.pathExists(defaultLocalePath)) messages = parseI18nMessages(JSON.parse(await fs.readFile(defaultLocalePath, "utf-8")));
+	if (await pathExists(defaultLocalePath)) messages = parseI18nMessages(JSON.parse(await readFile(defaultLocalePath, "utf-8")));
 	else messages = parseI18nMessages({});
 	const renderGetMessageOverload = (keyType, description, translation) => {
 		const commentLines = [];
@@ -150,34 +167,35 @@ async function getTsConfigEntry() {
 		if (res.startsWith(".") || res.startsWith("/")) return res;
 		return "./" + res;
 	};
+	const tsconfig = {
+		compilerOptions: {
+			lib: [
+				"ESNext",
+				"DOM",
+				"DOM.Iterable"
+			],
+			target: "ESNext",
+			module: "Preserve",
+			moduleDetection: "force",
+			moduleResolution: "Bundler",
+			allowImportingTsExtensions: true,
+			verbatimModuleSyntax: true,
+			noEmit: true,
+			strict: true,
+			skipLibCheck: true,
+			noFallthroughCasesInSwitch: true,
+			noUncheckedIndexedAccess: true,
+			noImplicitOverride: true,
+			paths: Object.fromEntries(Object.entries(wxt.config.alias).map(([alias, absolutePath]) => [alias, getTsconfigPath(absolutePath)]).flatMap(([alias, path]) => [[alias, [path]], [alias + "/*", [path + "/*"]]]))
+		},
+		include: [`${getTsconfigPath(wxt.config.root)}/**/*`, "./wxt.d.ts"],
+		exclude: [getTsconfigPath(wxt.config.root) + "/**/node_modules", getTsconfigPath(wxt.config.outBaseDir)]
+	};
+	await wxt.hooks.callHook("prepare:tsconfig", wxt, { tsconfig });
 	return {
 		path: "tsconfig.json",
-		text: `{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "noEmit": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "paths": {
-${Object.entries(wxt.config.alias).flatMap(([alias, absolutePath]) => {
-			const aliasPath = getTsconfigPath(absolutePath);
-			return [`"${alias}": ["${aliasPath}"]`, `"${alias}/*": ["${aliasPath}/*"]`];
-		}).map((line) => `      ${line}`).join(",\n")}
-    }
-  },
-  "include": [
-    "${getTsconfigPath(wxt.config.root)}/**/*",
-    "./wxt.d.ts"
-  ],
-  "exclude": ["${getTsconfigPath(wxt.config.outBaseDir)}"]
-}`
+		text: JSON.stringify(tsconfig, null, 2)
 	};
 }
-
 //#endregion
-export { generateWxtDir };
+export { generateWxtDir };

package/dist/core/index.d.mts

@@ -1,9 +1,10 @@
 import { build } from "./build.mjs";
 import { clean } from "./clean.mjs";
 import { defineConfig } from "./define-config.mjs";
-import { defineRunnerConfig, defineWebExtConfig } from "./define-web-ext-config.mjs";
+import { defineWebExtConfig } from "./define-web-ext-config.mjs";
 import { createServer } from "./create-server.mjs";
 import { initialize } from "./initialize.mjs";
 import { prepare } from "./prepare.mjs";
 import { zip } from "./zip.mjs";
-import { normalizePath } from "./utils/paths.mjs";
+import { normalizePath } from "./utils/paths.mjs";
+import { getEntrypointBundlePath } from "./utils/entrypoints.mjs";

package/dist/core/index.mjs

@@ -1,12 +1,12 @@
-import { normalizePath } from "./utils/paths.mjs";
+import "./utils/paths.mjs";
+import "./utils/entrypoints.mjs";
 import "./utils/index.mjs";
-import { build } from "./build.mjs";
-import { clean } from "./clean.mjs";
-import { defineConfig } from "./define-config.mjs";
-import { defineRunnerConfig, defineWebExtConfig } from "./define-web-ext-config.mjs";
-import { createServer } from "./create-server.mjs";
-import { initialize } from "./initialize.mjs";
-import { prepare } from "./prepare.mjs";
-import { zip } from "./zip.mjs";
-
-export {  };
+import "./build.mjs";
+import "./clean.mjs";
+import "./define-config.mjs";
+import "./define-web-ext-config.mjs";
+import "./create-server.mjs";
+import "./initialize.mjs";
+import "./prepare.mjs";
+import "./zip.mjs";
+export {};

package/dist/core/initialize.mjs

@@ -1,10 +1,10 @@
-import fs from "fs-extra";
+import { pathExists } from "./utils/fs.mjs";
+import { readdir, rename } from "node:fs/promises";
 import path from "node:path";
 import { consola as consola$1 } from "consola";
-import pc from "picocolors";
+import { styleText } from "node:util";
 import prompts from "prompts";
 import { downloadTemplate } from "giget";
-
 //#region src/core/initialize.ts
 async function initialize(options) {
 	consola$1.info("Initializing new project");
@@ -22,7 +22,7 @@ async function initialize(options) {
 			type: () => defaultTemplate == null ? "select" : void 0,
 			message: "Choose a template",
 			choices: templates.map((template) => ({
-				title: TEMPLATE_COLORS[template.name]?.(template.name) ?? template.name,
+				title: TEMPLATE_COLORS[template.name] ? styleText(TEMPLATE_COLORS[template.name], template.name) : template.name,
 				value: template
 			}))
 		},
@@ -32,29 +32,29 @@ async function initialize(options) {
 			message: "Package Manager",
 			choices: [
 				{
-					title: pc.red("npm"),
+					title: styleText("magenta", "bun"),
+					value: "bun"
+				},
+				{
+					title: styleText("red", "npm"),
 					value: "npm"
 				},
 				{
-					title: pc.yellow("pnpm"),
+					title: styleText("yellow", "pnpm"),
 					value: "pnpm"
 				},
 				{
-					title: pc.cyan("yarn"),
+					title: styleText("cyan", "yarn"),
 					value: "yarn"
-				},
-				{
-					title: pc.magenta("bun"),
-					value: "bun"
 				}
 			]
 		}
 	], { onCancel: () => process.exit(1) });
-	input.directory ??= options.directory;
+	input.directory ||= options.directory || ".";
 	input.template ??= defaultTemplate;
 	input.packageManager ??= options.packageManager;
-	if (await fs.pathExists(input.directory)) {
-		if (!((await fs.readdir(input.directory)).filter((dir) => dir !== ".git").length === 0)) {
+	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.`);
 			process.exit(1);
 		}
@@ -62,12 +62,12 @@ async function initialize(options) {
 	await cloneProject(input);
 	const cdPath = path.relative(process.cwd(), path.resolve(input.directory));
 	console.log();
-	consola$1.log(`✨ WXT project created with the ${TEMPLATE_COLORS[input.template.name]?.(input.template.name) ?? input.template.name} template.`);
+	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.`);
 	console.log();
 	consola$1.log("Next steps:");
 	let step = 0;
-	if (cdPath !== "") consola$1.log(`  ${++step}.`, pc.cyan(`cd ${cdPath}`));
-	consola$1.log(`  ${++step}.`, pc.cyan(`${input.packageManager} install`));
+	if (cdPath !== "") consola$1.log(`  ${++step}.`, styleText("cyan", `cd ${cdPath}`));
+	consola$1.log(`  ${++step}.`, styleText("cyan", `${input.packageManager} install`));
 	console.log();
 }
 async function listTemplates() {
@@ -94,26 +94,26 @@ async function listTemplatesGithub() {
 	return await res.json();
 }
 async function cloneProject({ directory, template }) {
-	const { default: ora } = await import("ora");
-	const spinner = ora("Downloading template").start();
+	const { createSpinner } = await import("nanospinner");
+	const spinner = createSpinner("Downloading template").start();
 	try {
 		await downloadTemplate(`gh:${REPO}/${template.path}`, {
 			dir: directory,
 			force: true
 		});
-		await fs.move(path.join(directory, "_gitignore"), path.join(directory, ".gitignore")).catch((err) => consola$1.warn("Failed to move _gitignore to .gitignore:", err));
-		spinner.succeed();
+		await rename(path.join(directory, "_gitignore"), path.join(directory, ".gitignore")).catch((err) => consola$1.warn("Failed to move _gitignore to .gitignore:", err));
+		spinner.success();
 	} catch (err) {
-		spinner.fail();
+		spinner.error();
 		throw Error(`Failed to setup new project: ${JSON.stringify(err, null, 2)}`);
 	}
 }
 const TEMPLATE_COLORS = {
-	vanilla: pc.blue,
-	vue: pc.green,
-	react: pc.cyan,
-	svelte: pc.red,
-	solid: pc.blue
+	vanilla: "blue",
+	vue: "green",
+	react: "cyan",
+	svelte: "red",
+	solid: "blue"
 };
 const TEMPLATE_SORT_WEIGHT = {
 	vanilla: 0,
@@ -121,6 +121,5 @@ const TEMPLATE_SORT_WEIGHT = {
 	react: 2
 };
 const REPO = "wxt-dev/wxt";
-
 //#endregion
-export { initialize };
+export { initialize };

package/dist/core/keyboard-shortcuts.mjs

@@ -1,11 +1,8 @@
 import { wxt } from "./wxt.mjs";
-import pc from "picocolors";
+import { styleText } from "node:util";
 import readline from "node:readline";
-
 //#region src/core/keyboard-shortcuts.ts
-/**
-* Function that creates a keyboard shortcut handler for the extension.
-*/
+/** Function that creates a keyboard shortcut handler for the extension. */
 function createKeyboardShortcuts(server) {
 	let rl;
 	const handleInput = (line) => {
@@ -24,10 +21,9 @@ function createKeyboardShortcuts(server) {
 			rl?.removeListener("line", handleInput);
 		},
 		printHelp(flags) {
-			if (flags.canReopenBrowser) wxt.logger.info(`${pc.dim("Press")} ${pc.bold("o + enter")} ${pc.dim("to reopen the browser")}`);
+			if (flags.canReopenBrowser) wxt.logger.info(`${styleText("dim", "Press")} ${styleText("bold", "o + enter")} ${styleText("dim", "to reopen the browser")}`);
 		}
 	};
 }
-
 //#endregion
-export { createKeyboardShortcuts };
+export { createKeyboardShortcuts };

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

@@ -1,6 +1,5 @@
 import { dedupeDependencies, npm } from "./npm.mjs";
 import spawn from "nano-spawn";
-
 //#region src/core/package-managers/bun.ts
 const bun = {
 	overridesKey: "overrides",
@@ -16,6 +15,5 @@ const bun = {
 		})));
 	}
 };
-
 //#endregion
-export { bun };
+export { bun };

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

@@ -8,6 +8,5 @@ const deno = {
 		throw Error("Deno not supported");
 	}
 };
-
 //#endregion
-export { deno };
+export { deno };

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

@@ -4,7 +4,6 @@ import { yarn } from "./yarn.mjs";
 import { pnpm } from "./pnpm.mjs";
 import { deno } from "./deno.mjs";
 import { addDependency, addDevDependency, detectPackageManager, ensureDependencyInstalled, installDependencies, removeDependency } from "nypm";
-
 //#region src/core/package-managers/index.ts
 async function createWxtPackageManager(root) {
 	const pm = await detectPackageManager(root, { includeParentDirs: true });
@@ -54,6 +53,5 @@ const packageManagers = {
 	yarn,
 	deno
 };
-
 //#endregion
-export { createWxtPackageManager };
+export { createWxtPackageManager };

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

@@ -1,12 +1,11 @@
-import { ensureDir } from "fs-extra";
+import { mkdir } from "node:fs/promises";
 import path from "node:path";
 import spawn from "nano-spawn";
-
 //#region src/core/package-managers/npm.ts
 const npm = {
 	overridesKey: "overrides",
 	async downloadDependency(id, downloadDir) {
-		await ensureDir(downloadDir);
+		await mkdir(downloadDir, { recursive: true });
 		const res = await spawn("npm", [
 			"pack",
 			id,
@@ -51,6 +50,5 @@ function dedupeDependencies(dependencies) {
 		}
 	});
 }
-
 //#endregion
-export { dedupeDependencies, flattenNpmListOutput, npm };
+export { dedupeDependencies, flattenNpmListOutput, npm };

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

@@ -1,6 +1,5 @@
 import { flattenNpmListOutput, npm } from "./npm.mjs";
 import spawn from "nano-spawn";
-
 //#region src/core/package-managers/pnpm.ts
 const pnpm = {
 	overridesKey: "resolutions",
@@ -19,6 +18,5 @@ const pnpm = {
 		return flattenNpmListOutput(JSON.parse(res.stdout));
 	}
 };
-
 //#endregion
-export { pnpm };
+export { pnpm };