wxt 0.21.4 → 0.21.5

package/dist/{core → internal}/builders/vite/index.mjs

@@ -1,80 +1,150 @@
-import { normalizePath } from "../../utils/paths.mjs";
-import { getEntrypointBundlePath, isHtmlEntrypoint } from "../../utils/entrypoints.mjs";
-import "../../utils/index.mjs";
-import { toArray } from "../../utils/arrays.mjs";
-import { createExtensionEnvironment } from "../../utils/environments/extension-environment.mjs";
-import "../../utils/environments/index.mjs";
-import { safeVarName } from "../../utils/strings.mjs";
-import { devHtmlPrerender } from "./plugins/devHtmlPrerender.mjs";
-import { devServerGlobals } from "./plugins/devServerGlobals.mjs";
-import { resolveVirtualModules } from "./plugins/resolveVirtualModules.mjs";
-import { tsconfigPaths } from "./plugins/tsconfigPaths.mjs";
-import { noopBackground } from "./plugins/noopBackground.mjs";
-import { cssEntrypoints } from "./plugins/cssEntrypoints.mjs";
-import { bundleAnalysis } from "./plugins/bundleAnalysis.mjs";
-import { globals } from "./plugins/globals.mjs";
-import { entrypointGroupGlobals } from "./plugins/entrypointGroupGlobals.mjs";
-import { defineImportMeta } from "./plugins/defineImportMeta.mjs";
-import { removeEntrypointMainFunction } from "./plugins/removeEntrypointMainFunction.mjs";
-import { wxtPluginLoader } from "./plugins/wxtPluginLoader.mjs";
-import { resolveAppConfig } from "./plugins/resolveAppConfig.mjs";
-import { iifeFooter } from "./plugins/iifeFooter.mjs";
-import { iifeAnonymous } from "./plugins/iifeAnonymous.mjs";
+import { normalizePath } from "../../../internal-utils/path-utils.mjs";
+import { getEntrypointBundlePath, isHtmlEntrypoint } from "../../../internal-utils/entrypoint-utils.mjs";
+import { toArray } from "../../../internal-utils/array-utils.mjs";
+import { createExtensionEnvironment } from "../../environments/extension-environment.mjs";
+import "../../environments/index.mjs";
+import { safeVarName } from "../../../internal-utils/string-utils.mjs";
+import { entrypointGroupGlobals } from "./plugins/add-entrypoint-group-runtime-env-entries.mjs";
+import { addRuntimeEnvEntries } from "./plugins/add-runtime-env-entries.mjs";
+import { bundleAnalysis } from "./plugins/bundle-analysis.mjs";
+import { cssEntrypoints } from "./plugins/css-entrypoints.mjs";
+import { defineImportMeta } from "./plugins/define-import-meta.mjs";
+import { devHtmlPrerender } from "./plugins/dev-html-prerender.mjs";
+import { devServerGlobals } from "./plugins/dev-server-globals.mjs";
+import { iifeAnonymous } from "./plugins/iife-anonymous.mjs";
+import { iifeFooter } from "./plugins/iife-footer.mjs";
+import { noopBackground } from "./plugins/noop-background.mjs";
+import { removeEntrypointMainFunction } from "./plugins/remove-entrypoint-main-function.mjs";
+import { resolveAppConfig } from "./plugins/resolve-app-config.mjs";
+import { tsconfigPaths } from "./plugins/tsconfig-paths.mjs";
 import "./plugins/index.mjs";
 import { mkdir, readdir, rename, rmdir, stat } from "node:fs/promises";
 import { dirname, extname, join, relative, resolve } from "node:path";
-//#region src/core/builders/vite/index.ts
-async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
-	const vite = await import("vite");
+//#region src/internal/builders/vite/index.ts
+var ViteBuilder = class {
+	name = "Vite";
+	version;
+	constructor(vite, config, hooks, getWxtDevServer) {
+		this.vite = vite;
+		this.config = config;
+		this.hooks = hooks;
+		this.getWxtDevServer = getWxtDevServer;
+		this.version = vite.version;
+	}
+	async build(group) {
+		let entryConfig;
+		if (Array.isArray(group)) entryConfig = this.getMultiPageConfig(group);
+		else if (group.type === "content-script-style" || group.type === "unlisted-style") entryConfig = this.getCssConfig(group);
+		else entryConfig = this.getLibModeConfig(group);
+		const buildConfig = this.vite.mergeConfig(await this.getBaseConfig(), entryConfig);
+		await this.hooks.callHook("vite:build:extendConfig", toArray(group), buildConfig);
+		const chunks = getBuildOutputChunks(await this.vite.build(buildConfig));
+		return {
+			entrypoints: group,
+			chunks: await moveHtmlFiles(this.config, group, chunks)
+		};
+	}
+	async createServer(info) {
+		const serverConfig = { server: {
+			host: info.host,
+			port: info.port,
+			strictPort: true,
+			origin: info.origin
+		} };
+		const baseConfig = await this.getBaseConfig();
+		const finalConfig = this.vite.mergeConfig(baseConfig, serverConfig);
+		await this.hooks.callHook("vite:devServer:extendConfig", finalConfig);
+		const viteServer = await this.vite.createServer(finalConfig);
+		return {
+			async listen() {
+				await viteServer.listen(info.port);
+			},
+			async close() {
+				await viteServer.close();
+			},
+			transformHtml(...args) {
+				return viteServer.transformIndexHtml(...args);
+			},
+			ws: {
+				send(message, payload) {
+					return viteServer.ws.send(message, payload);
+				},
+				on(message, cb) {
+					viteServer.ws.on(message, cb);
+				}
+			},
+			watcher: viteServer.watcher,
+			on(event, cb) {
+				viteServer.httpServer?.on(event, cb);
+			}
+		};
+	}
+	async importEntrypoint(path) {
+		const [module] = await this.importEntrypoints([path]);
+		return module;
+	}
+	async importEntrypoints(paths) {
+		const context = createExtensionEnvironment();
+		const environment = await this.createImporterEnvironment(paths);
+		try {
+			return await context.run(async () => await Promise.all(paths.map(async (path) => {
+				const module = await environment.runner.import(path);
+				this.requireDefaultExport(path, module);
+				return module.default;
+			})));
+		} finally {
+			await environment.close();
+		}
+	}
 	/**
 	* Returns the base vite config shared by all builds based on the inline and
 	* user config.
 	*/
-	const getBaseConfig = async (baseConfigOptions) => {
-		const config = await wxtConfig.vite(wxtConfig.env);
-		config.root = wxtConfig.root;
+	async getBaseConfig(options) {
+		const config = await this.config.vite(this.config.env);
+		config.root = this.config.root;
 		config.configFile = false;
 		config.logLevel = "warn";
-		config.mode = wxtConfig.mode;
+		config.mode = this.config.mode;
 		config.envPrefix ??= ["VITE_", "WXT_"];
 		config.build ??= {};
-		config.publicDir = wxtConfig.publicDir;
+		config.publicDir = this.config.publicDir;
 		config.build.copyPublicDir = false;
-		config.build.outDir = wxtConfig.outDir;
+		config.build.outDir = this.config.outDir;
 		config.build.emptyOutDir = false;
-		if (config.build.minify == null && wxtConfig.command === "serve") config.build.minify = false;
-		if (config.build.sourcemap == null && wxtConfig.command === "serve") config.build.sourcemap = "inline";
+		if (config.build.minify == null && this.config.command === "serve") config.build.minify = false;
+		if (config.build.sourcemap == null && this.config.command === "serve") config.build.sourcemap = "inline";
 		config.server ??= {};
 		config.server.watch = {
-			...wxtConfig.watchOptions,
+			...this.config.watchOptions,
 			ignored: [
-				`${wxtConfig.outBaseDir}/**`,
-				`${wxtConfig.wxtDir}/**`,
-				...getRunnerProfileWatchIgnores(wxtConfig),
-				...toArray(wxtConfig.watchOptions.ignored ?? [])
+				`${this.config.outBaseDir}/**`,
+				`${this.config.wxtDir}/**`,
+				...getRunnerProfileWatchIgnores(this.config),
+				...toArray(this.config.watchOptions.ignored ?? [])
 			]
 		};
 		config.legacy ??= {};
 		config.legacy.skipWebSocketTokenCheck = true;
-		if (isRolldownVersion(vite.version)) {} else {
+		if (isRolldownVersion(this.vite.version)) {} else {
 			config.esbuild ??= {};
 			if (config.esbuild) config.esbuild.charset = "ascii";
 		}
-		const server = getWxtDevServer?.();
+		const server = this.getWxtDevServer?.();
 		config.plugins ??= [];
-		config.plugins.push(devHtmlPrerender(wxtConfig, server), resolveVirtualModules(wxtConfig), devServerGlobals(wxtConfig, server), tsconfigPaths(wxtConfig), noopBackground(), globals(wxtConfig), defineImportMeta(), wxtPluginLoader(wxtConfig), resolveAppConfig(wxtConfig));
-		if (wxtConfig.analysis.enabled && !baseConfigOptions?.excludeAnalysisPlugin) config.plugins.push(bundleAnalysis(wxtConfig));
+		config.plugins.push(devHtmlPrerender(this.config, server), devServerGlobals(this.config, server), tsconfigPaths(this.config), noopBackground(), addRuntimeEnvEntries(this.config), defineImportMeta(), resolveAppConfig(this.config));
+		if (this.config.analysis.enabled && !options?.excludeAnalysisPlugin) config.plugins.push(bundleAnalysis(this.config));
 		return config;
-	};
+	}
 	/**
 	* Return the basic config for building an entrypoint in [lib
 	* mode](https://vitejs.dev/guide/build.html#library-mode).
 	*/
-	const getLibModeConfig = (entrypoint) => {
+	getLibModeConfig(entrypoint) {
 		const entry = getRollupEntry(entrypoint);
 		const plugins = [entrypointGroupGlobals(entrypoint)];
 		let iifeReturnValueName = safeVarName(entrypoint.name);
-		if (entrypoint.type === "content-script-style" || entrypoint.type === "unlisted-style") plugins.push(cssEntrypoints(entrypoint, wxtConfig));
+		if (entrypoint.type === "content-script-style" || entrypoint.type === "unlisted-style") plugins.push(cssEntrypoints(entrypoint, this.config));
 		if (entrypoint.type === "content-script" || entrypoint.type === "unlisted-script") {
 			if (typeof entrypoint.options.globalName === "string") iifeReturnValueName = entrypoint.options.globalName;
 			else if (typeof entrypoint.options.globalName === "function") iifeReturnValueName = entrypoint.options.globalName(entrypoint);
@@ -82,7 +152,7 @@ async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
 			else plugins.push(iifeFooter(iifeReturnValueName));
 		}
 		return {
-			mode: wxtConfig.mode,
+			mode: this.config.mode,
 			plugins,
 			build: {
 				lib: {
@@ -92,24 +162,24 @@ async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
 					fileName: entrypoint.name
 				},
 				rollupOptions: { output: {
-					entryFileNames: getEntrypointBundlePath(entrypoint, wxtConfig.outDir, ".js"),
+					entryFileNames: getEntrypointBundlePath(entrypoint, this.config.outDir, ".js"),
 					assetFileNames: (assetInfo) => {
 						if (entrypoint.type === "content-script" && getRollupAssetNames(assetInfo).some((name) => name.endsWith("css"))) return `content-scripts/${entrypoint.name}.[ext]`;
 						else return `assets/${entrypoint.name}.[ext]`;
 					}
 				} }
 			},
-			define: { "process.env.NODE_ENV": JSON.stringify(wxtConfig.mode) }
+			define: { "process.env.NODE_ENV": JSON.stringify(this.config.mode) }
 		};
-	};
+	}
 	/**
 	* Return the basic config for building multiple entrypoints in [multi-page
 	* mode](https://vitejs.dev/guide/build.html#multi-page-app).
 	*/
-	const getMultiPageConfig = (entrypoints) => {
+	getMultiPageConfig(entrypoints) {
 		const htmlEntrypoints = new Set(entrypoints.filter(isHtmlEntrypoint).map((e) => e.name));
 		return {
-			mode: wxtConfig.mode,
+			mode: this.config.mode,
 			plugins: [entrypointGroupGlobals(entrypoints)],
 			build: { rollupOptions: {
 				input: entrypoints.reduce((input, entry) => {
@@ -126,14 +196,10 @@ async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
 				}
 			} }
 		};
-	};
-	/**
-	* Return the basic config for building a single CSS entrypoint in [multi-page
-	* mode](https://vitejs.dev/guide/build.html#multi-page-app).
-	*/
-	const getCssConfig = (entrypoint) => {
+	}
+	getCssConfig(entrypoint) {
 		return {
-			mode: wxtConfig.mode,
+			mode: this.config.mode,
 			plugins: [entrypointGroupGlobals(entrypoint)],
 			build: { rollupOptions: {
 				input: { [entrypoint.name]: entrypoint.inputPath },
@@ -143,15 +209,15 @@ async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
 				} }
 			} }
 		};
-	};
-	const createImporterEnvironment = async (paths) => {
-		const baseConfig = await getBaseConfig({ excludeAnalysisPlugin: true });
+	}
+	async createImporterEnvironment(paths) {
+		const baseConfig = await this.getBaseConfig({ excludeAnalysisPlugin: true });
 		baseConfig.optimizeDeps ??= {};
 		baseConfig.optimizeDeps.noDiscovery = true;
 		baseConfig.optimizeDeps.include = [];
-		const envConfig = { plugins: paths.map((path) => removeEntrypointMainFunction(wxtConfig, path)) };
-		const importerConfig = vite.mergeConfig(baseConfig, envConfig);
-		const config = await vite.resolveConfig(vite.mergeConfig(importerConfig || {}, {
+		const envConfig = { plugins: paths.map((path) => removeEntrypointMainFunction(this.config, path)) };
+		const importerConfig = this.vite.mergeConfig(baseConfig, envConfig);
+		const config = await this.vite.resolveConfig(this.vite.mergeConfig(importerConfig || {}, {
 			configFile: false,
 			envDir: false,
 			cacheDir: process.cwd(),
@@ -165,89 +231,21 @@ async function createViteBuilder(wxtConfig, hooks, getWxtDevServer) {
 				}
 			} }
 		}), "serve");
-		const environment = vite.createRunnableDevEnvironment("inline", config, {
+		const environment = this.vite.createRunnableDevEnvironment("inline", config, {
 			runnerOptions: { hmr: { logger: false } },
 			hot: false
 		});
 		await environment.init();
 		return environment;
-	};
-	function requireDefaultExport(path, mod) {
-		const relativePath = relative(wxtConfig.root, path);
+	}
+	requireDefaultExport(path, mod) {
+		const relativePath = relative(this.config.root, path);
 		if (mod?.default == null) {
 			const defineFn = relativePath.includes(".content") ? "defineContentScript" : relativePath.includes("background") ? "defineBackground" : "defineUnlistedScript";
 			throw Error(`${relativePath}: Default export not found, did you forget to call "export default ${defineFn}(...)"?`);
 		}
 	}
-	return {
-		name: "Vite",
-		version: vite.version,
-		async importEntrypoint(path) {
-			const [module] = await this.importEntrypoints([path]);
-			return module;
-		},
-		async importEntrypoints(paths) {
-			const context = createExtensionEnvironment();
-			const environment = await createImporterEnvironment(paths);
-			try {
-				return await context.run(async () => await Promise.all(paths.map(async (path) => {
-					const module = await environment.runner.import(path);
-					requireDefaultExport(path, module);
-					return module.default;
-				})));
-			} finally {
-				await environment.close();
-			}
-		},
-		async build(group) {
-			let entryConfig;
-			if (Array.isArray(group)) entryConfig = getMultiPageConfig(group);
-			else if (group.type === "content-script-style" || group.type === "unlisted-style") entryConfig = getCssConfig(group);
-			else entryConfig = getLibModeConfig(group);
-			const buildConfig = vite.mergeConfig(await getBaseConfig(), entryConfig);
-			await hooks.callHook("vite:build:extendConfig", toArray(group), buildConfig);
-			return {
-				entrypoints: group,
-				chunks: await moveHtmlFiles(wxtConfig, group, getBuildOutputChunks(await vite.build(buildConfig)))
-			};
-		},
-		async createServer(info) {
-			const serverConfig = { server: {
-				host: info.host,
-				port: info.port,
-				strictPort: true,
-				origin: info.origin
-			} };
-			const baseConfig = await getBaseConfig();
-			const finalConfig = vite.mergeConfig(baseConfig, serverConfig);
-			await hooks.callHook("vite:devServer:extendConfig", finalConfig);
-			const viteServer = await vite.createServer(finalConfig);
-			return {
-				async listen() {
-					await viteServer.listen(info.port);
-				},
-				async close() {
-					await viteServer.close();
-				},
-				transformHtml(...args) {
-					return viteServer.transformIndexHtml(...args);
-				},
-				ws: {
-					send(message, payload) {
-						return viteServer.ws.send(message, payload);
-					},
-					on(message, cb) {
-						viteServer.ws.on(message, cb);
-					}
-				},
-				watcher: viteServer.watcher,
-				on(event, cb) {
-					viteServer.httpServer?.on(event, cb);
-				}
-			};
-		}
-	};
-}
+};
 function getRunnerProfileWatchIgnores(wxtConfig) {
 	const root = normalizePath(wxtConfig.root);
 	const chromiumArgProfiles = extractPathArgs(wxtConfig.webExt.config?.chromiumArgs, "--user-data-dir");
@@ -364,4 +362,4 @@ function isRolldownVersion(version) {
 	return Number(version.split(".")[0]) >= 8;
 }
 //#endregion
-export { createViteBuilder };
+export { ViteBuilder };

package/dist/internal/builders/vite/plugins/add-entrypoint-group-runtime-env-entries.mjs

@@ -0,0 +1,16 @@
+import { getEntrypointRuntimeEnvEntries } from "../../../runtime-env-entries.mjs";
+//#region src/internal/builders/vite/plugins/add-entrypoint-group-runtime-env-entries.ts
+/** Define a set of global variables specific to an entrypoint. */
+function entrypointGroupGlobals(entrypointGroup) {
+	return {
+		name: "wxt:add-entrypoint-group-runtime-env-entries",
+		config() {
+			const define = {};
+			let name = Array.isArray(entrypointGroup) ? "html" : entrypointGroup.name;
+			for (const global of getEntrypointRuntimeEnvEntries(name)) define[`import.meta.env.${global.name}`] = JSON.stringify(global.value);
+			return { define };
+		}
+	};
+}
+//#endregion
+export { entrypointGroupGlobals };

package/dist/internal/builders/vite/plugins/add-runtime-env-entries.mjs

@@ -0,0 +1,14 @@
+import { getRuntimeEnvEntries } from "../../../runtime-env-entries.mjs";
+//#region src/internal/builders/vite/plugins/add-runtime-env-entries.ts
+function addRuntimeEnvEntries(config) {
+	return {
+		name: "wxt:add-runtime-env-entries",
+		config() {
+			const define = {};
+			for (const global of getRuntimeEnvEntries(config)) define[`import.meta.env.${global.name}`] = JSON.stringify(global.value);
+			return { define };
+		}
+	};
+}
+//#endregion
+export { addRuntimeEnvEntries };

package/dist/{core/builders/vite/plugins/bundleAnalysis.mjs → internal/builders/vite/plugins/bundle-analysis.mjs}

@@ -1,6 +1,6 @@
 import path from "node:path";
 import { visualizer } from "@aklinker1/rollup-plugin-visualizer";
-//#region src/core/builders/vite/plugins/bundleAnalysis.ts
+//#region src/internal/builders/vite/plugins/bundle-analysis.ts
 let increment = 0;
 function bundleAnalysis(config) {
 	return visualizer({

package/dist/{core/builders/vite/plugins/cssEntrypoints.mjs → internal/builders/vite/plugins/css-entrypoints.mjs}

@@ -1,5 +1,5 @@
-import { getEntrypointBundlePath } from "../../../utils/entrypoints.mjs";
-//#region src/core/builders/vite/plugins/cssEntrypoints.ts
+import { getEntrypointBundlePath } from "../../../../internal-utils/entrypoint-utils.mjs";
+//#region src/internal/builders/vite/plugins/css-entrypoints.ts
 /**
 * Rename CSS entrypoint outputs to ensure a JS file is not generated, and that
 * the CSS file is placed in the correct place.

package/dist/{core/builders/vite/plugins/defineImportMeta.mjs → internal/builders/vite/plugins/define-import-meta.mjs}

@@ -1,4 +1,4 @@
-//#region src/core/builders/vite/plugins/defineImportMeta.ts
+//#region src/internal/builders/vite/plugins/define-import-meta.ts
 /**
 * Overrides definitions for `import.meta.*`
 *

package/dist/{core/builders/vite/plugins/devHtmlPrerender.mjs → internal/builders/vite/plugins/dev-html-prerender.mjs}

@@ -1,10 +1,9 @@
-import { normalizePath } from "../../../utils/paths.mjs";
-import { getEntrypointName } from "../../../utils/entrypoints.mjs";
-import "../../../utils/index.mjs";
+import { normalizePath } from "../../../../internal-utils/path-utils.mjs";
+import { getEntrypointName } from "../../../../internal-utils/entrypoint-utils.mjs";
 import { c } from "../../../../inline/ohash/index.mjs";
-import { dirname, relative, resolve } from "node:path";
 import { parseHTML } from "linkedom";
-//#region src/core/builders/vite/plugins/devHtmlPrerender.ts
+import { dirname, relative, resolve } from "node:path";
+//#region src/internal/builders/vite/plugins/dev-html-prerender.ts
 const inlineScriptContents = {};
 /**
 * Pre-renders the HTML entrypoints when building the extension to connect to

package/dist/{core/builders/vite/plugins/devServerGlobals.mjs → internal/builders/vite/plugins/dev-server-globals.mjs}

@@ -1,4 +1,4 @@
-//#region src/core/builders/vite/plugins/devServerGlobals.ts
+//#region src/internal/builders/vite/plugins/dev-server-globals.ts
 /**
 * Defines global constants about the dev server. Helps scripts connect to the
 * server's web socket.

package/dist/{core/builders/vite/plugins/extensionApiMock.mjs → internal/builders/vite/plugins/extension-api-mock.mjs}

@@ -1,5 +1,5 @@
 import path from "node:path";
-//#region src/core/builders/vite/plugins/extensionApiMock.ts
+//#region src/internal/builders/vite/plugins/extension-api-mock.ts
 /**
 * Mock `wxt/browser` and stub the global `browser`/`chrome` types with a fake
 * version of the extension APIs

package/dist/{core/builders/vite/plugins/iifeAnonymous.mjs → internal/builders/vite/plugins/iife-anonymous.mjs}

@@ -1,4 +1,4 @@
-//#region src/core/builders/vite/plugins/iifeAnonymous.ts
+//#region src/internal/builders/vite/plugins/iife-anonymous.ts
 function iifeAnonymous(iifeReturnValueName) {
 	return {
 		name: "wxt:iife-anonymous",

package/dist/{core/builders/vite/plugins/iifeFooter.mjs → internal/builders/vite/plugins/iife-footer.mjs}

@@ -1,4 +1,4 @@
-//#region src/core/builders/vite/plugins/iifeFooter.ts
+//#region src/internal/builders/vite/plugins/iife-footer.ts
 /**
 * Add a footer with the returned value so it can return values to
 * `scripting.executeScript` Footer is added a part of esbuild to make sure it's

package/dist/internal/builders/vite/plugins/index.mjs

@@ -0,0 +1,17 @@
+import "./resolve-virtual-modules.mjs";
+import "./wxt-plugin-loader.mjs";
+import "./add-entrypoint-group-runtime-env-entries.mjs";
+import "./add-runtime-env-entries.mjs";
+import "./bundle-analysis.mjs";
+import "./css-entrypoints.mjs";
+import "./define-import-meta.mjs";
+import "./dev-html-prerender.mjs";
+import "./dev-server-globals.mjs";
+import "./extension-api-mock.mjs";
+import "./iife-anonymous.mjs";
+import "./iife-footer.mjs";
+import "./noop-background.mjs";
+import "./remove-entrypoint-main-function.mjs";
+import "./resolve-app-config.mjs";
+import "./tsconfig-paths.mjs";
+export {};

package/dist/{core/builders/vite/plugins/noopBackground.mjs → internal/builders/vite/plugins/noop-background.mjs}

@@ -1,5 +1,5 @@
-import { VIRTUAL_NOOP_BACKGROUND_MODULE_ID } from "../../../utils/constants.mjs";
-//#region src/core/builders/vite/plugins/noopBackground.ts
+import { VIRTUAL_NOOP_BACKGROUND_MODULE_ID } from "../../../constants.mjs";
+//#region src/internal/builders/vite/plugins/noop-background.ts
 /**
 * In dev mode, if there's not a background script listed, we need to add one so
 * that the web socket connection is setup and the extension reloads HTML pages

package/dist/{core/builders/vite/plugins/removeEntrypointMainFunction.mjs → internal/builders/vite/plugins/remove-entrypoint-main-function.mjs}

@@ -1,8 +1,7 @@
-import { normalizePath } from "../../../utils/paths.mjs";
-import "../../../utils/index.mjs";
-import { removeMainFunctionCode } from "../../../utils/transform.mjs";
+import { normalizePath } from "../../../../internal-utils/path-utils.mjs";
+import { removeMainFunctionCode } from "../../../transform.mjs";
 import { resolve } from "node:path";
-//#region src/core/builders/vite/plugins/removeEntrypointMainFunction.ts
+//#region src/internal/builders/vite/plugins/remove-entrypoint-main-function.ts
 /**
 * Transforms entrypoints, removing the main function from the entrypoint if it
 * exists.

package/dist/{core/builders/vite/plugins/resolveAppConfig.mjs → internal/builders/vite/plugins/resolve-app-config.mjs}

@@ -1,6 +1,6 @@
-import { pathExists } from "../../../utils/fs.mjs";
+import { pathExists } from "../../../../internal-utils/fs-utils.mjs";
 import { resolve } from "node:path";
-//#region src/core/builders/vite/plugins/resolveAppConfig.ts
+//#region src/internal/builders/vite/plugins/resolve-app-config.ts
 /**
 * When importing `virtual:app-config`, resolve it to the `app.config.ts` file
 * in the project.

package/dist/{core/builders/vite/plugins/resolveVirtualModules.mjs → internal/builders/vite/plugins/resolve-virtual-modules.mjs}

@@ -1,9 +1,9 @@
-import { normalizePath } from "../../../utils/paths.mjs";
-import "../../../utils/index.mjs";
-import { virtualModuleNames } from "../../../utils/virtual-modules.mjs";
-import { readFile } from "node:fs/promises";
+import { normalizePath } from "../../../../internal-utils/path-utils.mjs";
+import { getEntrypointName } from "../../../../internal-utils/entrypoint-utils.mjs";
+import { virtualModuleNames } from "../../../virtual-modules.mjs";
 import { resolve } from "path";
-//#region src/core/builders/vite/plugins/resolveVirtualModules.ts
+import { readFile } from "node:fs/promises";
+//#region src/internal/builders/vite/plugins/resolve-virtual-modules.ts
 /**
 * Resolve all the virtual modules to the `node_modules/wxt/dist/virtual`
 * directory.
@@ -24,7 +24,9 @@ function resolveVirtualModules(config) {
 				filter: { id: new RegExp(`^${resolvedVirtualId}`) },
 				async handler(id) {
 					const inputPath = id.replace(resolvedVirtualId, "");
-					return (await readFile(resolve(config.wxtModuleDir, `dist/virtual/${name}.mjs`), "utf-8")).replace(`virtual:user-${name}`, inputPath);
+					const template = await readFile(resolve(config.wxtModuleDir, `dist/virtual/${name}.mjs`), "utf-8");
+					const entrypointName = getEntrypointName(config.entrypointsDir, inputPath);
+					return template.replace(`virtual:user-${name}`, inputPath).replace("virtual:wxt-plugins", `virtual:wxt-plugins?entrypoint=${encodeURIComponent(entrypointName)}`);
 				}
 			}
 		};

package/dist/{core/builders/vite/plugins/tsconfigPaths.mjs → internal/builders/vite/plugins/tsconfig-paths.mjs}

@@ -1,4 +1,4 @@
-//#region src/core/builders/vite/plugins/tsconfigPaths.ts
+//#region src/internal/builders/vite/plugins/tsconfig-paths.ts
 function tsconfigPaths(config) {
 	return {
 		name: "wxt:aliases",

package/dist/internal/builders/vite/plugins/wxt-plugin-loader.mjs

@@ -0,0 +1,77 @@
+import { normalizePath } from "../../../../internal-utils/path-utils.mjs";
+import { getEntrypointName } from "../../../../internal-utils/entrypoint-utils.mjs";
+import { parseHTML } from "linkedom";
+//#region src/internal/builders/vite/plugins/wxt-plugin-loader.ts
+function getPluginModules(plugins, entrypoint) {
+	return plugins.map((plugin) => typeof plugin === "string" ? { module: plugin } : plugin).filter((plugin) => entrypoint == null || (plugin.apply?.(entrypoint) ?? true)).map((plugin) => plugin.module);
+}
+/**
+* Resolve and load plugins for each entrypoint. This handles both JS
+* entrypoints via the `virtual:wxt-plugins` import, and HTML files by adding
+* `virtual:wxt-html-plugins` to the document's `<head>`. Accepts an optional
+* `?entrypoint=<name>` query to evaluate plugin `apply` hooks per request.
+*
+* @param getEntrypoints Returns the most recently resolved entrypoints.
+*   Injected by the caller instead of read from a global, so this plugin
+*   doesn't depend on global `wxt` state.
+*/
+function wxtPluginLoader(config, getEntrypoints) {
+	const virtualModuleId = "virtual:wxt-plugins";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	const virtualHtmlModuleId = "virtual:wxt-html-plugins";
+	const resolvedVirtualHtmlModuleId = "\0" + virtualHtmlModuleId;
+	function getEntrypointFromId(id) {
+		const queryIndex = id.indexOf("?");
+		if (queryIndex === -1) return void 0;
+		const entrypointNameFromQueryParam = new URLSearchParams(id.slice(queryIndex)).get("entrypoint");
+		if (!entrypointNameFromQueryParam) return void 0;
+		return getEntrypoints().find((entry) => entry.name === entrypointNameFromQueryParam);
+	}
+	return {
+		name: "wxt:plugin-loader",
+		resolveId: {
+			filter: { id: [new RegExp(`^${virtualModuleId}`), new RegExp(`^${virtualHtmlModuleId}`)] },
+			handler(id) {
+				return "\0" + id;
+			}
+		},
+		load: {
+			filter: { id: [new RegExp(`^${resolvedVirtualModuleId}`), new RegExp(`^${resolvedVirtualHtmlModuleId}`)] },
+			handler(id) {
+				const bareId = id.slice(1);
+				const entrypoint = getEntrypointFromId(bareId);
+				if (bareId === virtualModuleId || bareId.startsWith(`${virtualModuleId}?`)) {
+					const modules = getPluginModules(config.plugins, entrypoint);
+					return `${modules.map((module, i) => `import initPlugin${i} from '${normalizePath(module)}';`).join("\n")}\n\nexport function initPlugins() {\n${modules.map((_, i) => `  initPlugin${i}();`).join("\n")}\n}`;
+				} else return `import { initPlugins } from '${entrypoint ? `${virtualModuleId}?entrypoint=${encodeURIComponent(entrypoint.name)}` : virtualModuleId}';
+            try {
+              initPlugins();
+            } catch (err) {
+              console.error("[wxt] Failed to initialize plugins", err);
+            }`;
+			}
+		},
+		transformIndexHtml: {
+			order: "pre",
+			handler(html, ctx) {
+				const entrypointName = getEntrypointName(config.entrypointsDir, ctx.filename);
+				const entrypoint = getEntrypoints().find((entry) => entry.name === entrypointName);
+				const htmlModuleId = `${virtualHtmlModuleId}${entrypoint ? `?entrypoint=${encodeURIComponent(entrypoint.name)}` : ""}`;
+				const src = config.command === "serve" ? `${config.dev.server?.origin}/@id/${htmlModuleId}` : htmlModuleId;
+				const { document } = parseHTML(html);
+				if (document.querySelector(`script[src='${src}']`)) return;
+				const script = document.createElement("script");
+				script.type = "module";
+				script.src = src;
+				if (document.head == null) {
+					const newHead = document.createElement("head");
+					document.documentElement.prepend(newHead);
+				}
+				document.head?.prepend(script);
+				return document.toString();
+			}
+		}
+	};
+}
+//#endregion
+export { getPluginModules, wxtPluginLoader };