wxt 0.20.13 → 0.20.14

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

@@ -1,15 +1,14 @@
-import { visualizer } from "@aklinker1/rollup-plugin-visualizer";
 import path from "node:path";
+import { visualizer } from "@aklinker1/rollup-plugin-visualizer";
+
+//#region src/core/builders/vite/plugins/bundleAnalysis.ts
 let increment = 0;
-export function bundleAnalysis(config) {
-  return visualizer({
-    template: "raw-data",
-    filename: path.resolve(
-      config.analysis.outputDir,
-      `${config.analysis.outputName}-${increment++}.json`
-    )
-  });
-}
-export function resetBundleIncrement() {
-  increment = 0;
+function bundleAnalysis(config) {
+	return visualizer({
+		template: "raw-data",
+		filename: path.resolve(config.analysis.outputDir, `${config.analysis.outputName}-${increment++}.json`)
+	});
 }
+
+//#endregion
+export { bundleAnalysis };

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

@@ -1,22 +1,29 @@
 import { getEntrypointBundlePath } from "../../../utils/entrypoints.mjs";
-export function cssEntrypoints(entrypoint, config) {
-  return {
-    name: "wxt:css-entrypoint",
-    config() {
-      return {
-        build: {
-          rollupOptions: {
-            output: {
-              assetFileNames: () => getEntrypointBundlePath(entrypoint, config.outDir, ".css")
-            }
-          }
-        }
-      };
-    },
-    generateBundle(_, bundle) {
-      Object.keys(bundle).forEach((file) => {
-        if (file.endsWith(".js")) delete bundle[file];
-      });
-    }
-  };
+
+//#region src/core/builders/vite/plugins/cssEntrypoints.ts
+/**
+* Rename CSS entrypoint outputs to ensure a JS file is not generated, and that the CSS file is
+* placed in the correct place.
+*
+* It:
+* 1. Renames CSS files to their final paths
+* 2. Removes the JS file that get's output by lib mode
+*
+* THIS PLUGIN SHOULD ONLY BE APPLIED TO CSS LIB MODE BUILDS. It should not be added to every build.
+*/
+function cssEntrypoints(entrypoint, config) {
+	return {
+		name: "wxt:css-entrypoint",
+		config() {
+			return { build: { rollupOptions: { output: { assetFileNames: () => getEntrypointBundlePath(entrypoint, config.outDir, ".css") } } } };
+		},
+		generateBundle(_, bundle) {
+			Object.keys(bundle).forEach((file) => {
+				if (file.endsWith(".js")) delete bundle[file];
+			});
+		}
+	};
 }
+
+//#endregion
+export { cssEntrypoints };

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

@@ -1,13 +1,18 @@
-export function defineImportMeta() {
-  return {
-    name: "wxt:define",
-    config() {
-      return {
-        define: {
-          // This works for all extension contexts, including background service worker
-          "import.meta.url": "self.location.href"
-        }
-      };
-    }
-  };
+//#region src/core/builders/vite/plugins/defineImportMeta.ts
+/**
+* Overrides definitions for `import.meta.*`
+*
+* - `import.meta.url`: Without this, background service workers crash trying to access
+*   `document.location`, see https://github.com/wxt-dev/wxt/issues/392
+*/
+function defineImportMeta() {
+	return {
+		name: "wxt:define",
+		config() {
+			return { define: { "import.meta.url": "self.location.href" } };
+		}
+	};
 }
+
+//#endregion
+export { defineImportMeta };

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

@@ -1,144 +1,112 @@
+import { normalizePath } from "../../../utils/paths.mjs";
 import { getEntrypointName } from "../../../utils/entrypoints.mjs";
-import { parseHTML } from "linkedom";
 import { dirname, relative, resolve } from "node:path";
-import { normalizePath } from "../../../utils/paths.mjs";
+import { parseHTML } from "linkedom";
 import { hash } from "ohash";
+
+//#region src/core/builders/vite/plugins/devHtmlPrerender.ts
 const inlineScriptContents = {};
-export function devHtmlPrerender(config, server) {
-  const htmlReloadId = "@wxt/reload-html";
-  const resolvedHtmlReloadId = resolve(
-    config.wxtModuleDir,
-    "dist/virtual/reload-html.mjs"
-  );
-  const virtualInlineScript = "virtual:wxt-inline-script";
-  const resolvedVirtualInlineScript = "\0" + virtualInlineScript;
-  return [
-    {
-      apply: "build",
-      name: "wxt:dev-html-prerender",
-      config() {
-        return {
-          resolve: {
-            alias: {
-              [htmlReloadId]: resolvedHtmlReloadId
-            }
-          }
-        };
-      },
-      // Convert scripts like src="./main.tsx" -> src="http://localhost:3000/entrypoints/popup/main.tsx"
-      // before the paths are replaced with their bundled path
-      transform(code, id) {
-        if (config.command !== "serve" || server == null || !id.endsWith(".html"))
-          return;
-        const { document } = parseHTML(code);
-        const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
-        _pointToDevServer("script[type=module]", "src");
-        _pointToDevServer("link[rel=stylesheet]", "href");
-        const reloader = document.createElement("script");
-        reloader.src = htmlReloadId;
-        reloader.type = "module";
-        document.head.appendChild(reloader);
-        const newHtml = document.toString();
-        config.logger.debug("transform " + id);
-        config.logger.debug("Old HTML:\n" + code);
-        config.logger.debug("New HTML:\n" + newHtml);
-        return newHtml;
-      },
-      // Pass the HTML through the dev server to add dev-mode specific code
-      async transformIndexHtml(html, ctx) {
-        if (config.command !== "serve" || server == null) return;
-        const originalUrl = `${server.origin}${ctx.path}`;
-        const name = getEntrypointName(config.entrypointsDir, ctx.filename);
-        const url = `${server.origin}/${name}.html`;
-        const serverHtml = await server.transformHtml(url, html, originalUrl);
-        const { document } = parseHTML(serverHtml);
-        const inlineScripts = document.querySelectorAll("script:not([src])");
-        inlineScripts.forEach((script) => {
-          const textContent = script.textContent ?? "";
-          const key = hash(textContent);
-          inlineScriptContents[key] = textContent;
-          const virtualScript = document.createElement("script");
-          virtualScript.type = "module";
-          virtualScript.src = `${server.origin}/@id/${virtualInlineScript}?${key}`;
-          script.replaceWith(virtualScript);
-        });
-        const viteClientScript = document.querySelector(
-          "script[src='/@vite/client']"
-        );
-        if (viteClientScript) {
-          viteClientScript.src = `${server.origin}${viteClientScript.src}`;
-        }
-        const newHtml = document.toString();
-        config.logger.debug("transformIndexHtml " + ctx.filename);
-        config.logger.debug("Old HTML:\n" + html);
-        config.logger.debug("New HTML:\n" + newHtml);
-        return newHtml;
-      }
-    },
-    {
-      name: "wxt:virtualize-inline-scripts",
-      apply: "serve",
-      resolveId(id) {
-        if (id.startsWith(virtualInlineScript)) {
-          return "\0" + id;
-        }
-        if (id.startsWith("/chunks/")) {
-          return "\0noop";
-        }
-      },
-      load(id) {
-        if (id.startsWith(resolvedVirtualInlineScript)) {
-          const key = id.substring(id.indexOf("?") + 1);
-          return inlineScriptContents[key];
-        }
-        if (id === "\0noop") {
-          return "";
-        }
-      }
-    }
-  ];
+/**
+* Pre-renders the HTML entrypoints when building the extension to connect to the dev server.
+*/
+function devHtmlPrerender(config, server) {
+	const htmlReloadId = "@wxt/reload-html";
+	const resolvedHtmlReloadId = resolve(config.wxtModuleDir, "dist/virtual/reload-html.mjs");
+	const virtualInlineScript = "virtual:wxt-inline-script";
+	const resolvedVirtualInlineScript = "\0" + virtualInlineScript;
+	return [{
+		apply: "build",
+		name: "wxt:dev-html-prerender",
+		config() {
+			return { resolve: { alias: { [htmlReloadId]: resolvedHtmlReloadId } } };
+		},
+		transform(code, id) {
+			if (config.command !== "serve" || server == null || !id.endsWith(".html")) return;
+			const { document } = parseHTML(code);
+			const _pointToDevServer = (querySelector, attr) => pointToDevServer(config, server, id, document, querySelector, attr);
+			_pointToDevServer("script[type=module]", "src");
+			_pointToDevServer("link[rel=stylesheet]", "href");
+			const reloader = document.createElement("script");
+			reloader.src = htmlReloadId;
+			reloader.type = "module";
+			document.head.appendChild(reloader);
+			const newHtml = document.toString();
+			config.logger.debug("transform " + id);
+			config.logger.debug("Old HTML:\n" + code);
+			config.logger.debug("New HTML:\n" + newHtml);
+			return newHtml;
+		},
+		async transformIndexHtml(html, ctx) {
+			if (config.command !== "serve" || server == null) return;
+			const originalUrl = `${server.origin}${ctx.path}`;
+			const name = getEntrypointName(config.entrypointsDir, ctx.filename);
+			const url = `${server.origin}/${name}.html`;
+			const { document } = parseHTML(await server.transformHtml(url, html, originalUrl));
+			document.querySelectorAll("script:not([src])").forEach((script) => {
+				const textContent = script.textContent ?? "";
+				const key = hash(textContent);
+				inlineScriptContents[key] = textContent;
+				const virtualScript = document.createElement("script");
+				virtualScript.type = "module";
+				virtualScript.src = `${server.origin}/@id/${virtualInlineScript}?${key}`;
+				script.replaceWith(virtualScript);
+			});
+			const viteClientScript = document.querySelector("script[src='/@vite/client']");
+			if (viteClientScript) viteClientScript.src = `${server.origin}${viteClientScript.src}`;
+			const newHtml = document.toString();
+			config.logger.debug("transformIndexHtml " + ctx.filename);
+			config.logger.debug("Old HTML:\n" + html);
+			config.logger.debug("New HTML:\n" + newHtml);
+			return newHtml;
+		}
+	}, {
+		name: "wxt:virtualize-inline-scripts",
+		apply: "serve",
+		resolveId(id) {
+			if (id.startsWith(virtualInlineScript)) return "\0" + id;
+			if (id.startsWith("/chunks/")) return "\0noop";
+		},
+		load(id) {
+			if (id.startsWith(resolvedVirtualInlineScript)) return inlineScriptContents[id.substring(id.indexOf("?") + 1)];
+			if (id === "\0noop") return "";
+		}
+	}];
 }
-export function pointToDevServer(config, server, id, document, querySelector, attr) {
-  document.querySelectorAll(querySelector).forEach((element) => {
-    if (element.hasAttribute("vite-ignore") || element.hasAttribute("wxt-ignore")) {
-      element.removeAttribute("wxt-ignore");
-      return;
-    }
-    const src = element.getAttribute(attr);
-    if (!src || isUrl(src)) return;
-    let resolvedAbsolutePath;
-    const matchingAlias = Object.entries(config.alias).find(
-      ([key]) => src.startsWith(key)
-    );
-    if (matchingAlias) {
-      const [alias, replacement] = matchingAlias;
-      resolvedAbsolutePath = resolve(
-        config.root,
-        src.replace(alias, replacement)
-      );
-    } else {
-      resolvedAbsolutePath = resolve(dirname(id), src);
-    }
-    if (resolvedAbsolutePath) {
-      const relativePath = normalizePath(
-        relative(config.root, resolvedAbsolutePath)
-      );
-      if (relativePath.startsWith(".")) {
-        let path = normalizePath(resolvedAbsolutePath);
-        if (!path.startsWith("/")) path = "/" + path;
-        element.setAttribute(attr, `${server.origin}/@fs${path}`);
-      } else {
-        const url = new URL(relativePath, server.origin);
-        element.setAttribute(attr, url.href);
-      }
-    }
-  });
+function pointToDevServer(config, server, id, document, querySelector, attr) {
+	document.querySelectorAll(querySelector).forEach((element) => {
+		if (element.hasAttribute("vite-ignore") || element.hasAttribute("wxt-ignore")) {
+			element.removeAttribute("wxt-ignore");
+			return;
+		}
+		const src = element.getAttribute(attr);
+		if (!src || isUrl(src)) return;
+		let resolvedAbsolutePath;
+		const matchingAlias = Object.entries(config.alias).find(([key]) => src.startsWith(key));
+		if (matchingAlias) {
+			const [alias, replacement] = matchingAlias;
+			resolvedAbsolutePath = resolve(config.root, src.replace(alias, replacement));
+		} else resolvedAbsolutePath = resolve(dirname(id), src);
+		if (resolvedAbsolutePath) {
+			const relativePath = normalizePath(relative(config.root, resolvedAbsolutePath));
+			if (relativePath.startsWith(".")) {
+				let path = normalizePath(resolvedAbsolutePath);
+				if (!path.startsWith("/")) path = "/" + path;
+				element.setAttribute(attr, `${server.origin}/@fs${path}`);
+			} else {
+				const url = new URL(relativePath, server.origin);
+				element.setAttribute(attr, url.href);
+			}
+		}
+	});
 }
 function isUrl(str) {
-  try {
-    new URL(str);
-    return true;
-  } catch {
-    return false;
-  }
+	try {
+		new URL(str);
+		return true;
+	} catch {
+		return false;
+	}
 }
+
+//#endregion
+export { devHtmlPrerender, pointToDevServer };

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

@@ -1,15 +1,16 @@
-export function devServerGlobals(config, server) {
-  return {
-    name: "wxt:dev-server-globals",
-    config() {
-      if (server == null || config.command == "build") return;
-      return {
-        define: {
-          __DEV_SERVER_ORIGIN__: JSON.stringify(
-            server.origin.replace(/^http(s?):/, "ws$1:")
-          )
-        }
-      };
-    }
-  };
+//#region src/core/builders/vite/plugins/devServerGlobals.ts
+/**
+* Defines global constants about the dev server. Helps scripts connect to the server's web socket.
+*/
+function devServerGlobals(config, server) {
+	return {
+		name: "wxt:dev-server-globals",
+		config() {
+			if (server == null || config.command == "build") return;
+			return { define: { __DEV_SERVER_ORIGIN__: JSON.stringify(server.origin.replace(/^http(s?):/, "ws$1:")) } };
+		}
+	};
 }
+
+//#endregion
+export { devServerGlobals };

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

@@ -1,14 +1,25 @@
 import { fetchCached } from "../../../utils/network.mjs";
-export function download(config) {
-  return {
-    name: "wxt:download",
-    resolveId(id) {
-      if (id.startsWith("url:")) return "\0" + id;
-    },
-    async load(id) {
-      if (!id.startsWith("\0url:")) return;
-      const url = id.replace("\0url:", "");
-      return await fetchCached(url, config);
-    }
-  };
+
+//#region src/core/builders/vite/plugins/download.ts
+/**
+* Downloads any URL imports, like Google Analytics, into virtual modules so they are bundled with
+* the extension instead of depending on remote code at runtime.
+*
+* @example
+* import "url:https://google-tagmanager.com/gtag?id=XYZ";
+*/
+function download(config) {
+	return {
+		name: "wxt:download",
+		resolveId(id) {
+			if (id.startsWith("url:")) return "\0" + id;
+		},
+		async load(id) {
+			if (!id.startsWith("\0url:")) return;
+			return await fetchCached(id.replace("\0url:", ""), config);
+		}
+	};
 }
+
+//#endregion
+export { download };

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

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

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

@@ -1,37 +1,32 @@
 import path from "node:path";
-export function extensionApiMock(config) {
-  const virtualSetupModule = "virtual:wxt-setup";
-  const resolvedVirtualSetupModule = "\0" + virtualSetupModule;
-  return {
-    name: "wxt:extension-api-mock",
-    config() {
-      const replacement = path.resolve(
-        config.wxtModuleDir,
-        "dist/virtual/mock-browser"
-      );
-      return {
-        test: {
-          setupFiles: [virtualSetupModule]
-        },
-        resolve: {
-          alias: [
-            // wxt/browser, wxt/browser/...
-            { find: "wxt/browser", replacement }
-          ]
-        },
-        ssr: {
-          // Inline all WXT modules subdependencies can be mocked
-          noExternal: ["wxt"]
-        }
-      };
-    },
-    resolveId(id) {
-      if (id.endsWith(virtualSetupModule)) return resolvedVirtualSetupModule;
-    },
-    load(id) {
-      if (id === resolvedVirtualSetupModule) return setupTemplate;
-    }
-  };
+
+//#region src/core/builders/vite/plugins/extensionApiMock.ts
+/**
+* Mock `wxt/browser` and stub the global `browser`/`chrome` types with a fake version of the extension APIs
+*/
+function extensionApiMock(config) {
+	const virtualSetupModule = "virtual:wxt-setup";
+	const resolvedVirtualSetupModule = "\0" + virtualSetupModule;
+	return {
+		name: "wxt:extension-api-mock",
+		config() {
+			const replacement = path.resolve(config.wxtModuleDir, "dist/virtual/mock-browser");
+			return {
+				test: { setupFiles: [virtualSetupModule] },
+				resolve: { alias: [{
+					find: "wxt/browser",
+					replacement
+				}] },
+				ssr: { noExternal: ["wxt"] }
+			};
+		},
+		resolveId(id) {
+			if (id.endsWith(virtualSetupModule)) return resolvedVirtualSetupModule;
+		},
+		load(id) {
+			if (id === resolvedVirtualSetupModule) return setupTemplate;
+		}
+	};
 }
 const setupTemplate = `
   import { vi } from 'vitest';
@@ -40,3 +35,6 @@ const setupTemplate = `
   vi.stubGlobal("chrome", fakeBrowser);
   vi.stubGlobal("browser", fakeBrowser);
 `;
+
+//#endregion
+export { extensionApiMock };

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

@@ -1,15 +1,16 @@
 import { getGlobals } from "../../../utils/globals.mjs";
-export function globals(config) {
-  return {
-    name: "wxt:globals",
-    config() {
-      const define = {};
-      for (const global of getGlobals(config)) {
-        define[`import.meta.env.${global.name}`] = JSON.stringify(global.value);
-      }
-      return {
-        define
-      };
-    }
-  };
+
+//#region src/core/builders/vite/plugins/globals.ts
+function globals(config) {
+	return {
+		name: "wxt:globals",
+		config() {
+			const define = {};
+			for (const global of getGlobals(config)) define[`import.meta.env.${global.name}`] = JSON.stringify(global.value);
+			return { define };
+		}
+	};
 }
+
+//#endregion
+export { globals };

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

@@ -1,12 +1,18 @@
-export function iifeFooter(iifeReturnValueName) {
-  return {
-    name: "wxt:iife-footer",
-    generateBundle(_, bundle) {
-      for (const chunk of Object.values(bundle)) {
-        if (chunk.type === "chunk" && chunk.isEntry) {
-          chunk.code += `${iifeReturnValueName};`;
-        }
-      }
-    }
-  };
+//#region src/core/builders/vite/plugins/iifeFooter.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 not minified. It
+* get's removed if added to `build.rollupOptions.output.footer`
+* See https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting/executeScript#return_value
+*/
+function iifeFooter(iifeReturnValueName) {
+	return {
+		name: "wxt:iife-footer",
+		generateBundle(_, bundle) {
+			for (const chunk of Object.values(bundle)) if (chunk.type === "chunk" && chunk.isEntry) chunk.code += `${iifeReturnValueName};`;
+		}
+	};
 }
+
+//#endregion
+export { iifeFooter };

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

@@ -1,16 +1,18 @@
-export * from "./devHtmlPrerender.mjs";
-export * from "./devServerGlobals.mjs";
-export * from "./download.mjs";
-export * from "./resolveVirtualModules.mjs";
-export * from "./tsconfigPaths.mjs";
-export * from "./noopBackground.mjs";
-export * from "./cssEntrypoints.mjs";
-export * from "./bundleAnalysis.mjs";
-export * from "./globals.mjs";
-export * from "./extensionApiMock.mjs";
-export * from "./entrypointGroupGlobals.mjs";
-export * from "./defineImportMeta.mjs";
-export * from "./removeEntrypointMainFunction.mjs";
-export * from "./wxtPluginLoader.mjs";
-export * from "./resolveAppConfig.mjs";
-export * from "./iifeFooter.mjs";
+import { devHtmlPrerender, pointToDevServer } from "./devHtmlPrerender.mjs";
+import { devServerGlobals } from "./devServerGlobals.mjs";
+import { download } from "./download.mjs";
+import { resolveVirtualModules } from "./resolveVirtualModules.mjs";
+import { tsconfigPaths } from "./tsconfigPaths.mjs";
+import { noopBackground } from "./noopBackground.mjs";
+import { cssEntrypoints } from "./cssEntrypoints.mjs";
+import { bundleAnalysis } from "./bundleAnalysis.mjs";
+import { globals } from "./globals.mjs";
+import { extensionApiMock } from "./extensionApiMock.mjs";
+import { entrypointGroupGlobals } from "./entrypointGroupGlobals.mjs";
+import { defineImportMeta } from "./defineImportMeta.mjs";
+import { removeEntrypointMainFunction } from "./removeEntrypointMainFunction.mjs";
+import { wxtPluginLoader } from "./wxtPluginLoader.mjs";
+import { resolveAppConfig } from "./resolveAppConfig.mjs";
+import { iifeFooter } from "./iifeFooter.mjs";
+
+export {  };