wxt 0.20.13 → 0.20.14

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

@@ -1,17 +1,23 @@
 import { VIRTUAL_NOOP_BACKGROUND_MODULE_ID } from "../../../utils/constants.mjs";
-export function noopBackground() {
-  const virtualModuleId = VIRTUAL_NOOP_BACKGROUND_MODULE_ID;
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-  return {
-    name: "wxt:noop-background",
-    resolveId(id) {
-      if (id === virtualModuleId) return resolvedVirtualModuleId;
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        return `import { defineBackground } from 'wxt/utils/define-background';
-export default defineBackground(() => void 0)`;
-      }
-    }
-  };
+
+//#region src/core/builders/vite/plugins/noopBackground.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 and content scripts correctly.
+*/
+function noopBackground() {
+	const virtualModuleId = VIRTUAL_NOOP_BACKGROUND_MODULE_ID;
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	return {
+		name: "wxt:noop-background",
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+		},
+		load(id) {
+			if (id === resolvedVirtualModuleId) return `import { defineBackground } from 'wxt/utils/define-background';\nexport default defineBackground(() => void 0)`;
+		}
+	};
 }
+
+//#endregion
+export { noopBackground };

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

@@ -1,27 +1,29 @@
 import { normalizePath } from "../../../utils/paths.mjs";
 import { removeMainFunctionCode } from "../../../utils/transform.mjs";
 import { resolve } from "node:path";
-export function removeEntrypointMainFunction(config, path) {
-  const absPath = normalizePath(resolve(config.root, path));
-  return {
-    name: "wxt:remove-entrypoint-main-function",
-    transform: {
-      order: "pre",
-      handler(code, id) {
-        if (id === absPath) {
-          const newCode = removeMainFunctionCode(code);
-          config.logger.debug("vite-node transformed entrypoint", path);
-          config.logger.debug(`Original:
----
-${code}
----`);
-          config.logger.debug(`Transformed:
----
-${newCode.code}
----`);
-          return newCode;
-        }
-      }
-    }
-  };
+
+//#region src/core/builders/vite/plugins/removeEntrypointMainFunction.ts
+/**
+* Transforms entrypoints, removing the main function from the entrypoint if it exists.
+*/
+function removeEntrypointMainFunction(config, path) {
+	const absPath = normalizePath(resolve(config.root, path));
+	return {
+		name: "wxt:remove-entrypoint-main-function",
+		transform: {
+			order: "pre",
+			handler(code, id) {
+				if (id === absPath) {
+					const newCode = removeMainFunctionCode(code);
+					config.logger.debug("vite-node transformed entrypoint", path);
+					config.logger.debug(`Original:\n---\n${code}\n---`);
+					config.logger.debug(`Transformed:\n---\n${newCode.code}\n---`);
+					return newCode;
+				}
+			}
+		}
+	};
 }
+
+//#endregion
+export { removeEntrypointMainFunction };

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

@@ -1,26 +1,28 @@
 import { exists } from "fs-extra";
 import { resolve } from "node:path";
-export function resolveAppConfig(config) {
-  const virtualModuleId = "virtual:app-config";
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-  const appConfigFile = resolve(config.srcDir, "app.config.ts");
-  return {
-    name: "wxt:resolve-app-config",
-    config() {
-      return {
-        optimizeDeps: {
-          // Prevent ESBuild from attempting to resolve the virtual module
-          // while optimizing WXT.
-          exclude: [virtualModuleId]
-        }
-      };
-    },
-    async resolveId(id) {
-      if (id !== virtualModuleId) return;
-      return await exists(appConfigFile) ? appConfigFile : resolvedVirtualModuleId;
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) return `export default {}`;
-    }
-  };
+
+//#region src/core/builders/vite/plugins/resolveAppConfig.ts
+/**
+* When importing `virtual:app-config`, resolve it to the `app.config.ts` file in the project.
+*/
+function resolveAppConfig(config) {
+	const virtualModuleId = "virtual:app-config";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	const appConfigFile = resolve(config.srcDir, "app.config.ts");
+	return {
+		name: "wxt:resolve-app-config",
+		config() {
+			return { optimizeDeps: { exclude: [virtualModuleId] } };
+		},
+		async resolveId(id) {
+			if (id !== virtualModuleId) return;
+			return await exists(appConfigFile) ? appConfigFile : resolvedVirtualModuleId;
+		},
+		load(id) {
+			if (id === resolvedVirtualModuleId) return `export default {}`;
+		}
+	};
 }
+
+//#endregion
+export { resolveAppConfig };

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

@@ -1,30 +1,31 @@
 import { normalizePath } from "../../../utils/paths.mjs";
-import {
-  virtualModuleNames
-} from "../../../utils/virtual-modules.mjs";
+import { virtualModuleNames } from "../../../utils/virtual-modules.mjs";
 import fs from "fs-extra";
 import { resolve } from "path";
-export function resolveVirtualModules(config) {
-  return virtualModuleNames.map((name) => {
-    const virtualId = `virtual:wxt-${name}?`;
-    const resolvedVirtualId = "\0" + virtualId;
-    return {
-      name: `wxt:resolve-virtual-${name}`,
-      resolveId(id) {
-        const index = id.indexOf(virtualId);
-        if (index === -1) return;
-        const inputPath = normalizePath(id.substring(index + virtualId.length));
-        return resolvedVirtualId + inputPath;
-      },
-      async load(id) {
-        if (!id.startsWith(resolvedVirtualId)) return;
-        const inputPath = id.replace(resolvedVirtualId, "");
-        const template = await fs.readFile(
-          resolve(config.wxtModuleDir, `dist/virtual/${name}.mjs`),
-          "utf-8"
-        );
-        return template.replace(`virtual:user-${name}`, inputPath);
-      }
-    };
-  });
+
+//#region src/core/builders/vite/plugins/resolveVirtualModules.ts
+/**
+* Resolve all the virtual modules to the `node_modules/wxt/dist/virtual` directory.
+*/
+function resolveVirtualModules(config) {
+	return virtualModuleNames.map((name) => {
+		const virtualId = `virtual:wxt-${name}?`;
+		const resolvedVirtualId = "\0" + virtualId;
+		return {
+			name: `wxt:resolve-virtual-${name}`,
+			resolveId(id) {
+				const index = id.indexOf(virtualId);
+				if (index === -1) return;
+				return resolvedVirtualId + normalizePath(id.substring(index + virtualId.length));
+			},
+			async load(id) {
+				if (!id.startsWith(resolvedVirtualId)) return;
+				const inputPath = id.replace(resolvedVirtualId, "");
+				return (await fs.readFile(resolve(config.wxtModuleDir, `dist/virtual/${name}.mjs`), "utf-8")).replace(`virtual:user-${name}`, inputPath);
+			}
+		};
+	});
 }
+
+//#endregion
+export { resolveVirtualModules };

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

@@ -1,12 +1,12 @@
-export function tsconfigPaths(config) {
-  return {
-    name: "wxt:aliases",
-    async config() {
-      return {
-        resolve: {
-          alias: config.alias
-        }
-      };
-    }
-  };
+//#region src/core/builders/vite/plugins/tsconfigPaths.ts
+function tsconfigPaths(config) {
+	return {
+		name: "wxt:aliases",
+		async config() {
+			return { resolve: { alias: config.alias } };
+		}
+	};
 }
+
+//#endregion
+export { tsconfigPaths };

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

@@ -1,56 +1,50 @@
-import { parseHTML } from "linkedom";
 import { normalizePath } from "../../../utils/paths.mjs";
-export function wxtPluginLoader(config) {
-  const virtualModuleId = "virtual:wxt-plugins";
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-  const virtualHtmlModuleId = "virtual:wxt-html-plugins";
-  const resolvedVirtualHtmlModuleId = "\0" + virtualHtmlModuleId;
-  return {
-    name: "wxt:plugin-loader",
-    resolveId(id) {
-      if (id === virtualModuleId) return resolvedVirtualModuleId;
-      if (id === virtualHtmlModuleId) return resolvedVirtualHtmlModuleId;
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        const imports = config.plugins.map(
-          (plugin, i) => `import initPlugin${i} from '${normalizePath(plugin)}';`
-        ).join("\n");
-        const initCalls = config.plugins.map((_, i) => `  initPlugin${i}();`).join("\n");
-        return `${imports}
+import { parseHTML } from "linkedom";
 
-export function initPlugins() {
-${initCalls}
-}`;
-      }
-      if (id === resolvedVirtualHtmlModuleId) {
-        return `import { initPlugins } from '${virtualModuleId}';
+//#region src/core/builders/vite/plugins/wxtPluginLoader.ts
+/**
+* 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>`
+*/
+function wxtPluginLoader(config) {
+	const virtualModuleId = "virtual:wxt-plugins";
+	const resolvedVirtualModuleId = "\0" + virtualModuleId;
+	const virtualHtmlModuleId = "virtual:wxt-html-plugins";
+	const resolvedVirtualHtmlModuleId = "\0" + virtualHtmlModuleId;
+	return {
+		name: "wxt:plugin-loader",
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+			if (id === virtualHtmlModuleId) return resolvedVirtualHtmlModuleId;
+		},
+		load(id) {
+			if (id === resolvedVirtualModuleId) return `${config.plugins.map((plugin, i) => `import initPlugin${i} from '${normalizePath(plugin)}';`).join("\n")}\n\nexport function initPlugins() {\n${config.plugins.map((_, i) => `  initPlugin${i}();`).join("\n")}\n}`;
+			if (id === resolvedVirtualHtmlModuleId) return `import { initPlugins } from '${virtualModuleId}';
 
 try {
   initPlugins();
 } catch (err) {
   console.error("[wxt] Failed to initialize plugins", err);
 }`;
-      }
-    },
-    transformIndexHtml: {
-      // Use "pre" so the new script is added before vite bundles all the scripts
-      order: "pre",
-      handler(html, _ctx) {
-        const src = config.command === "serve" ? `${config.dev.server?.origin}/@id/${virtualHtmlModuleId}` : virtualHtmlModuleId;
-        const { document } = parseHTML(html);
-        const existing = document.querySelector(`script[src='${src}']`);
-        if (existing) 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();
-      }
-    }
-  };
+		},
+		transformIndexHtml: {
+			order: "pre",
+			handler(html, _ctx) {
+				const src = config.command === "serve" ? `${config.dev.server?.origin}/@id/${virtualHtmlModuleId}` : virtualHtmlModuleId;
+				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 { wxtPluginLoader };

package/dist/core/{clean.d.ts → clean.d.mts}

@@ -1,4 +1,6 @@
-import { InlineConfig } from '../types';
+import { InlineConfig } from "../types.mjs";
+
+//#region src/core/clean.d.ts
 /**
  * Remove generated/temp files from the directory.
  *
@@ -7,7 +9,7 @@ import { InlineConfig } from '../types';
  * @example
  * await clean();
  */
-export declare function clean(config?: InlineConfig): Promise<void>;
+declare function clean(config?: InlineConfig): Promise<void>;
 /**
  * Remove generated/temp files from the directory.
  *
@@ -18,4 +20,6 @@ export declare function clean(config?: InlineConfig): Promise<void>;
  * @example
  * await clean();
  */
-export declare function clean(root?: string): Promise<void>;
+declare function clean(root?: string): Promise<void>;
+//#endregion
+export { clean };

package/dist/core/clean.mjs

@@ -1,38 +1,41 @@
-import path from "node:path";
-import glob from "fast-glob";
+import { registerWxt, wxt } from "./wxt.mjs";
 import fs from "fs-extra";
+import glob from "fast-glob";
+import path from "node:path";
 import pc from "picocolors";
-import { registerWxt, wxt } from "./wxt.mjs";
-export async function clean(config) {
-  if (typeof config === "string") {
-    config = { root: config };
-  }
-  await registerWxt("build", config);
-  wxt.logger.info("Cleaning Project");
-  const root = wxt.config.root;
-  const tempDirs = [
-    "node_modules/.vite",
-    "node_modules/.cache",
-    "**/.wxt",
-    `${path.relative(root, wxt.config.outBaseDir)}/*`
-  ];
-  wxt.logger.debug("Looking for:", tempDirs.map(pc.cyan).join(", "));
-  const directories = await glob(tempDirs, {
-    cwd: root,
-    absolute: true,
-    onlyDirectories: true,
-    deep: 2
-  });
-  if (directories.length === 0) {
-    wxt.logger.debug("No generated files found.");
-    return;
-  }
-  wxt.logger.debug(
-    "Found:",
-    directories.map((dir) => pc.cyan(path.relative(root, dir))).join(", ")
-  );
-  for (const directory of directories) {
-    await fs.rm(directory, { force: true, recursive: true });
-    wxt.logger.debug("Deleted " + pc.cyan(path.relative(root, directory)));
-  }
+
+//#region src/core/clean.ts
+async function clean(config) {
+	if (typeof config === "string") config = { root: config };
+	await registerWxt("build", config);
+	wxt.logger.info("Cleaning Project");
+	const root = wxt.config.root;
+	const tempDirs = [
+		"node_modules/.vite",
+		"node_modules/.cache",
+		"**/.wxt",
+		`${path.relative(root, wxt.config.outBaseDir)}/*`
+	];
+	wxt.logger.debug("Looking for:", tempDirs.map(pc.cyan).join(", "));
+	const directories = await glob(tempDirs, {
+		cwd: root,
+		absolute: true,
+		onlyDirectories: true,
+		deep: 2
+	});
+	if (directories.length === 0) {
+		wxt.logger.debug("No generated files found.");
+		return;
+	}
+	wxt.logger.debug("Found:", directories.map((dir) => pc.cyan(path.relative(root, dir))).join(", "));
+	for (const directory of directories) {
+		await fs.rm(directory, {
+			force: true,
+			recursive: true
+		});
+		wxt.logger.debug("Deleted " + pc.cyan(path.relative(root, directory)));
+	}
 }
+
+//#endregion
+export { clean };

package/dist/core/{create-server.d.ts → create-server.d.mts}

@@ -1,4 +1,6 @@
-import { InlineConfig, WxtDevServer } from '../types';
+import { InlineConfig, WxtDevServer } from "../types.mjs";
+
+//#region src/core/create-server.d.ts
 /**
  * Creates a dev server and pre-builds all the files that need to exist before loading the extension.
  *
@@ -8,4 +10,6 @@ import { InlineConfig, WxtDevServer } from '../types';
  * });
  * await server.start();
  */
-export declare function createServer(inlineConfig?: InlineConfig): Promise<WxtDevServer>;
+declare function createServer(inlineConfig?: InlineConfig): Promise<WxtDevServer>;
+//#endregion
+export { createServer };