wxt 0.18.8 → 0.18.10

package/dist/cli.js

@@ -12,7 +12,7 @@ import cac from "cac";
 
 // src/core/utils/fs.ts
 import fs3 from "fs-extra";
-import glob from "fast-glob";
+import glob2 from "fast-glob";
 
 // src/core/utils/paths.ts
 import systemPath from "node:path";
@@ -548,38 +548,6 @@ async function removeEmptyDirs(dir) {
   }
 }
 
-// src/core/builders/vite/plugins/unimport.ts
-import { createUnimport } from "unimport";
-import { extname as extname2 } from "path";
-var ENABLED_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".js",
-  ".jsx",
-  ".ts",
-  ".tsx",
-  ".vue",
-  ".svelte"
-]);
-function unimport(config) {
-  const options = config.imports;
-  if (options === false) return [];
-  const unimport2 = createUnimport(options);
-  return {
-    name: "wxt:unimport",
-    async config() {
-      await unimport2.scanImportsFromDir(void 0, { cwd: config.srcDir });
-    },
-    async transform(code, id) {
-      if (id.includes("node_modules")) return;
-      if (!ENABLED_EXTENSIONS.has(extname2(id))) return;
-      const injected = await unimport2.injectImports(code, id);
-      return {
-        code: injected.code,
-        map: injected.s.generateMap({ hires: "boundary", source: id })
-      };
-    }
-  };
-}
-
 // src/core/utils/virtual-modules.ts
 var virtualEntrypointTypes = [
   "content-script-main-world",
@@ -974,8 +942,11 @@ ${noImports}`;
 }
 
 // src/core/builders/vite/index.ts
+import { ViteNodeServer } from "vite-node/server";
+import { ViteNodeRunner } from "vite-node/client";
+import { installSourcemapsSupport } from "vite-node/source-map";
 async function createViteBuilder(wxtConfig, hooks, server) {
-  const vite = await import("vite");
+  const vite2 = await import("vite");
   const getBaseConfig = async () => {
     const config = await wxtConfig.vite(wxtConfig.env);
     config.root = wxtConfig.root;
@@ -997,7 +968,6 @@ async function createViteBuilder(wxtConfig, hooks, server) {
     config.plugins.push(
       download(wxtConfig),
       devHtmlPrerender(wxtConfig, server),
-      unimport(wxtConfig),
       resolveVirtualModules(wxtConfig),
       devServerGlobals(wxtConfig, server),
       tsconfigPaths(wxtConfig),
@@ -1120,22 +1090,65 @@ async function createViteBuilder(wxtConfig, hooks, server) {
   };
   return {
     name: "Vite",
-    version: vite.version,
-    async importEntrypoint(url) {
-      const baseConfig = await getBaseConfig();
-      const envConfig = {
-        plugins: [
-          webextensionPolyfillMock(wxtConfig),
-          removeEntrypointMainFunction(wxtConfig, url)
-        ]
-      };
-      const config = vite.mergeConfig(baseConfig, envConfig);
-      const server2 = await vite.createServer(config);
-      await server2.listen();
-      const runtime = await vite.createViteRuntime(server2, { hmr: false });
-      const module = await runtime.executeUrl(url);
-      await server2.close();
-      return module.default;
+    version: vite2.version,
+    async importEntrypoint(path11) {
+      switch (wxtConfig.experimental.entrypointImporter) {
+        default:
+        case "jiti": {
+          return await importEntrypointFile(path11);
+        }
+        case "vite-runtime": {
+          const baseConfig = await getBaseConfig();
+          const envConfig = {
+            plugins: [
+              webextensionPolyfillMock(wxtConfig),
+              removeEntrypointMainFunction(wxtConfig, path11)
+            ]
+          };
+          const config = vite2.mergeConfig(baseConfig, envConfig);
+          const server2 = await vite2.createServer(config);
+          await server2.listen();
+          const runtime = await vite2.createViteRuntime(server2, { hmr: false });
+          const module = await runtime.executeUrl(path11);
+          await server2.close();
+          return module.default;
+        }
+        case "vite-node": {
+          const baseConfig = await getBaseConfig();
+          baseConfig.optimizeDeps ??= {};
+          baseConfig.optimizeDeps.noDiscovery = true;
+          baseConfig.optimizeDeps.include = [];
+          const envConfig = {
+            plugins: [
+              webextensionPolyfillMock(wxtConfig),
+              removeEntrypointMainFunction(wxtConfig, path11)
+            ]
+          };
+          const config = vite2.mergeConfig(baseConfig, envConfig);
+          const server2 = await vite2.createServer(config);
+          await server2.pluginContainer.buildStart({});
+          const node = new ViteNodeServer(server2);
+          installSourcemapsSupport({
+            getSourceMap: (source) => node.getSourceMap(source)
+          });
+          const runner = new ViteNodeRunner({
+            root: server2.config.root,
+            base: server2.config.base,
+            // when having the server and runner in a different context,
+            // you will need to handle the communication between them
+            // and pass to this function
+            fetchModule(id) {
+              return node.fetchModule(id);
+            },
+            resolveId(id, importer) {
+              return node.resolveId(id, importer);
+            }
+          });
+          const res = await runner.executeFile(path11);
+          await server2.close();
+          return res.default;
+        }
+      }
     },
     async build(group) {
       let entryConfig;
@@ -1143,13 +1156,13 @@ async function createViteBuilder(wxtConfig, hooks, server) {
       else if (group.inputPath.endsWith(".css"))
         entryConfig = getCssConfig(group);
       else entryConfig = getLibModeConfig(group);
-      const buildConfig = vite.mergeConfig(await getBaseConfig(), entryConfig);
+      const buildConfig = vite2.mergeConfig(await getBaseConfig(), entryConfig);
       await hooks.callHook(
         "vite:build:extendConfig",
         toArray(group),
         buildConfig
       );
-      const result = await vite.build(buildConfig);
+      const result = await vite2.build(buildConfig);
       return {
         entrypoints: group,
         chunks: getBuildOutputChunks(result)
@@ -1165,9 +1178,9 @@ async function createViteBuilder(wxtConfig, hooks, server) {
         }
       };
       const baseConfig = await getBaseConfig();
-      const finalConfig = vite.mergeConfig(baseConfig, serverConfig);
+      const finalConfig = vite2.mergeConfig(baseConfig, serverConfig);
       await hooks.callHook("vite:devServer:extendConfig", finalConfig);
-      const viteServer = await vite.createServer(finalConfig);
+      const viteServer = await vite2.createServer(finalConfig);
       const server2 = {
         async listen() {
           await viteServer.listen(info.port);
@@ -1215,6 +1228,107 @@ function getRollupEntry(entrypoint) {
   return entrypoint.inputPath;
 }
 
+// src/modules.ts
+import * as vite from "vite";
+import glob from "fast-glob";
+function defineWxtModule(module) {
+  if (typeof module === "function") return { setup: module };
+  return module;
+}
+function addViteConfig(wxt2, viteConfig) {
+  wxt2.hooks.hook("ready", (wxt3) => {
+    const userVite = wxt3.config.vite;
+    wxt3.config.vite = async (env) => {
+      const fromUser = await userVite(env);
+      const fromModule = viteConfig(env) ?? {};
+      return vite.mergeConfig(fromModule, fromUser);
+    };
+  });
+}
+
+// src/builtin-modules/unimport.ts
+import { createUnimport } from "unimport";
+import { extname as extname2 } from "node:path";
+var unimport_default = defineWxtModule({
+  name: "wxt:built-in:unimport",
+  setup(wxt2) {
+    const options = wxt2.config.imports;
+    if (options === false) return;
+    let unimport;
+    wxt2.hooks.hook("ready", () => {
+      const addModuleImports = (module) => {
+        if (!module.imports) return;
+        options.imports ??= [];
+        options.imports.push(...module.imports);
+      };
+      wxt2.config.builtinModules.forEach(addModuleImports);
+      wxt2.config.userModules.forEach(addModuleImports);
+    });
+    wxt2.hooks.afterEach((event) => {
+      if (event.name === "ready") {
+        unimport = createUnimport(options);
+      }
+    });
+    wxt2.hooks.hook("prepare:types", async (_, entries) => {
+      await unimport.init();
+      entries.push(await getImportsDeclarationEntry(unimport));
+      if (!options.eslintrc.enabled) return;
+      entries.push(await getImportsEslintEntry(unimport, options));
+    });
+    addViteConfig(wxt2, () => ({
+      plugins: [vitePlugin(unimport)]
+    }));
+  }
+});
+function vitePlugin(unimport) {
+  const ENABLED_EXTENSIONS = /* @__PURE__ */ new Set([
+    ".js",
+    ".jsx",
+    ".ts",
+    ".tsx",
+    ".vue",
+    ".svelte"
+  ]);
+  return {
+    name: "wxt:unimport",
+    async transform(code, id) {
+      if (id.includes("node_modules")) return;
+      if (!ENABLED_EXTENSIONS.has(extname2(id))) return;
+      const injected = await unimport.injectImports(code, id);
+      return {
+        code: injected.code,
+        map: injected.s.generateMap({ hires: "boundary", source: id })
+      };
+    }
+  };
+}
+async function getImportsDeclarationEntry(unimport) {
+  await unimport.init();
+  return {
+    path: "types/imports.d.ts",
+    text: [
+      "// Generated by wxt",
+      await unimport.generateTypeDeclarations(),
+      ""
+    ].join("\n"),
+    tsReference: true
+  };
+}
+async function getImportsEslintEntry(unimport, options) {
+  const globals2 = {};
+  const eslintrc = { globals: globals2 };
+  (await unimport.getImports()).map((i) => i.as ?? i.name).filter(Boolean).sort().forEach((name) => {
+    eslintrc.globals[name] = options.eslintrc.globalsPropValue;
+  });
+  return {
+    path: options.eslintrc.filePath,
+    text: JSON.stringify(eslintrc, null, 2) + "\n"
+  };
+}
+
+// src/builtin-modules/index.ts
+var builtinModules = [unimport_default];
+
 // src/core/wxt.ts
 var wxt;
 async function registerWxt(command, inlineConfig = {}, getServer) {
@@ -1236,18 +1350,16 @@ async function registerWxt(command, inlineConfig = {}, getServer) {
     builder,
     server
   };
-  for (const module of config.modules) {
+  const initModule = async (module) => {
     if (module.hooks) wxt.hooks.addHooks(module.hooks);
-    if (wxt.config.imports !== false && module.imports) {
-      wxt.config.imports.imports ??= [];
-      wxt.config.imports.imports.push(...module.imports);
-    }
     await module.setup?.(
       wxt,
       // @ts-expect-error: Untyped configKey field
       module.configKey ? config[module.configKey] : void 0
     );
-  }
+  };
+  for (const builtinModule of builtinModules) await initModule(builtinModule);
+  for (const userModule of config.userModules) await initModule(userModule);
   wxt.hooks.addHooks(config.hooks);
   await wxt.hooks.callHook("ready", wxt);
 }
@@ -1261,7 +1373,7 @@ async function writeFileIfDifferent(file, newContents) {
 }
 async function getPublicFiles() {
   if (!await fs3.exists(wxt.config.publicDir)) return [];
-  const files = await glob("**/*", { cwd: wxt.config.publicDir });
+  const files = await glob2("**/*", { cwd: wxt.config.publicDir });
   return files.map(unnormalizePath);
 }
 
@@ -1295,13 +1407,17 @@ async function copyPublicDirectory() {
   await wxt.hooks.callHook("build:publicAssets", wxt, files);
   if (files.length === 0) return [];
   const publicAssets = [];
-  for (const { absoluteSrc, relativeDest } of files) {
-    const absoluteDest = resolve6(wxt.config.outDir, relativeDest);
+  for (const file of files) {
+    const absoluteDest = resolve6(wxt.config.outDir, file.relativeDest);
     await fs4.ensureDir(dirname3(absoluteDest));
-    await fs4.copyFile(absoluteSrc, absoluteDest);
+    if ("absoluteSrc" in file) {
+      await fs4.copyFile(file.absoluteSrc, absoluteDest);
+    } else {
+      await fs4.writeFile(absoluteDest, file.contents, "utf8");
+    }
     publicAssets.push({
       type: "asset",
-      fileName: relativeDest
+      fileName: file.relativeDest
     });
   }
   return publicAssets;
@@ -1400,117 +1516,26 @@ function findEffectedSteps(changedFile, currentOutput) {
 }
 
 // src/core/utils/building/find-entrypoints.ts
-import { relative as relative4, resolve as resolve8 } from "path";
-import fs6 from "fs-extra";
+import { relative as relative3, resolve as resolve7 } from "path";
+import fs5 from "fs-extra";
 import { minimatch } from "minimatch";
 import { parseHTML as parseHTML3 } from "linkedom";
 import JSON5 from "json5";
-import glob2 from "fast-glob";
+import glob3 from "fast-glob";
 import pc2 from "picocolors";
-
-// src/core/utils/building/import-entrypoint.ts
-import createJITI from "jiti";
-import { createUnimport as createUnimport2 } from "unimport";
-import fs5 from "fs-extra";
-import { relative as relative3, resolve as resolve7 } from "node:path";
-import { transformSync } from "esbuild";
-import { fileURLToPath } from "node:url";
-async function importEntrypointFile(path11) {
-  wxt.logger.debug("Loading file metadata:", path11);
-  const normalPath = normalizePath(path11);
-  const unimport2 = createUnimport2({
-    ...wxt.config.imports,
-    // Only allow specific imports, not all from the project
-    dirs: []
-  });
-  await unimport2.init();
-  const text = await fs5.readFile(path11, "utf-8");
-  const textNoImports = removeProjectImportStatements(text);
-  const { code } = await unimport2.injectImports(textNoImports);
-  wxt.logger.debug(
-    ["Text:", text, "No imports:", textNoImports, "Code:", code].join("\n")
-  );
-  const jiti = createJITI(
-    typeof __filename !== "undefined" ? __filename : fileURLToPath(import.meta.url),
-    {
-      cache: false,
-      debug: wxt.config.debug,
-      esmResolve: true,
-      alias: {
-        "webextension-polyfill": resolve7(
-          wxt.config.wxtModuleDir,
-          "dist/virtual/mock-browser.js"
-        )
-      },
-      // Continue using node to load TS files even if `bun run --bun` is detected. Jiti does not
-      // respect the custom transform function when using it's native bun option.
-      experimentalBun: false,
-      // List of extensions to transform with esbuild
-      extensions: [
-        ".ts",
-        ".cts",
-        ".mts",
-        ".tsx",
-        ".js",
-        ".cjs",
-        ".mjs",
-        ".jsx"
-      ],
-      transform(opts) {
-        const isEntrypoint = opts.filename === normalPath;
-        return transformSync(
-          // Use modified source code for entrypoints
-          isEntrypoint ? code : opts.source,
-          getEsbuildOptions(opts)
-        );
-      }
-    }
-  );
-  try {
-    const res = await jiti(path11);
-    return res.default;
-  } catch (err) {
-    const filePath = relative3(wxt.config.root, path11);
-    if (err instanceof ReferenceError) {
-      const variableName = err.message.replace(" is not defined", "");
-      throw Error(
-        `${filePath}: Cannot use imported variable "${variableName}" outside the main function. See https://wxt.dev/guide/go-further/entrypoint-side-effects.html`,
-        { cause: err }
-      );
-    } else {
-      wxt.logger.error(err);
-      throw Error(`Failed to load entrypoint: ${filePath}`, { cause: err });
-    }
-  }
-}
-function getEsbuildOptions(opts) {
-  const isJsx = opts.filename?.endsWith("x");
-  return {
-    format: "cjs",
-    loader: isJsx ? "tsx" : "ts",
-    ...isJsx ? {
-      // `h` and `Fragment` are undefined, but that's OK because JSX is never evaluated while
-      // grabbing the entrypoint's options.
-      jsxFactory: "h",
-      jsxFragment: "Fragment"
-    } : void 0
-  };
-}
-
-// src/core/utils/building/find-entrypoints.ts
 async function findEntrypoints() {
-  await fs6.mkdir(wxt.config.wxtDir, { recursive: true });
-  await fs6.writeJson(resolve8(wxt.config.wxtDir, "tsconfig.json"), {});
-  const relativePaths = await glob2(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
+  await fs5.mkdir(wxt.config.wxtDir, { recursive: true });
+  await fs5.writeJson(resolve7(wxt.config.wxtDir, "tsconfig.json"), {});
+  const relativePaths = await glob3(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
     cwd: wxt.config.entrypointsDir
   });
   relativePaths.sort();
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
   const entrypointInfos = relativePaths.reduce((results, relativePath) => {
-    const inputPath = resolve8(wxt.config.entrypointsDir, relativePath);
+    const inputPath = resolve7(wxt.config.entrypointsDir, relativePath);
     const name = getEntrypointName(wxt.config.entrypointsDir, inputPath);
     const matchingGlob = pathGlobs.find(
-      (glob7) => minimatch(relativePath, glob7)
+      (glob8) => minimatch(relativePath, glob8)
     );
     if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
@@ -1549,7 +1574,7 @@ async function findEntrypoints() {
           return {
             ...info,
             type,
-            outputDir: resolve8(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
+            outputDir: resolve7(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
             options: {
               include: void 0,
               exclude: void 0
@@ -1623,7 +1648,7 @@ function preventDuplicateEntrypointNames(files) {
       if (absolutePaths.length > 1) {
         lines.push(`- ${name}`);
         absolutePaths.forEach((absolutePath) => {
-          lines.push(`  - ${relative4(wxt.config.root, absolutePath)}`);
+          lines.push(`  - ${relative3(wxt.config.root, absolutePath)}`);
         });
       }
       return lines;
@@ -1711,7 +1736,7 @@ async function getUnlistedScriptEntrypoint({
   name,
   skipped
 }) {
-  const defaultExport = await importEntrypoint(inputPath);
+  const defaultExport = await wxt.builder.importEntrypoint(inputPath);
   if (defaultExport == null) {
     throw Error(
       `${name}: Default export not found, did you forget to call "export default defineUnlistedScript(...)"?`
@@ -1734,7 +1759,7 @@ async function getBackgroundEntrypoint({
 }) {
   let options = {};
   if (inputPath !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
-    const defaultExport = await importEntrypoint(inputPath);
+    const defaultExport = await wxt.builder.importEntrypoint(inputPath);
     if (defaultExport == null) {
       throw Error(
         `${name}: Default export not found, did you forget to call "export default defineBackground(...)"?`
@@ -1760,7 +1785,13 @@ async function getContentScriptEntrypoint({
   name,
   skipped
 }) {
-  const { main: _, ...options } = await importEntrypoint(inputPath);
+  const defaultExport = await wxt.builder.importEntrypoint(inputPath);
+  if (defaultExport == null) {
+    throw Error(
+      `${name}: Default export not found, did you forget to call "export default defineContentScript(...)"?`
+    );
+  }
+  const { main: _, ...options } = defaultExport;
   if (options == null) {
     throw Error(
       `${name}: Default export not found, did you forget to call "export default defineContentScript(...)"?`
@@ -1770,7 +1801,7 @@ async function getContentScriptEntrypoint({
     type: "content-script",
     name,
     inputPath,
-    outputDir: resolve8(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
+    outputDir: resolve7(wxt.config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options: resolvePerBrowserOptions(options, wxt.config.browser),
     skipped
   };
@@ -1803,7 +1834,7 @@ async function getSidepanelEntrypoint(info) {
   };
 }
 async function getHtmlEntrypointOptions(info, keyMap, queries, parsers) {
-  const content = await fs6.readFile(info.inputPath, "utf-8");
+  const content = await fs5.readFile(info.inputPath, "utf-8");
   const { document } = parseHTML3(content);
   const options = {};
   const defaultQuery = (manifestKey) => document.querySelector(`meta[name='manifest.${manifestKey}']`)?.getAttribute("content");
@@ -1863,14 +1894,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
-function importEntrypoint(path11) {
-  return wxt.config.experimental.viteRuntime ? wxt.builder.importEntrypoint(path11) : importEntrypointFile(path11);
-}
 
 // src/core/utils/building/generate-wxt-dir.ts
-import { createUnimport as createUnimport3 } from "unimport";
-import fs7 from "fs-extra";
-import { relative as relative5, resolve as resolve9 } from "path";
+import fs6 from "fs-extra";
+import { dirname as dirname4, relative as relative4, resolve as resolve8 } from "node:path";
 import path5 from "node:path";
 
 // src/core/utils/i18n.ts
@@ -1912,42 +1939,33 @@ function parseI18nMessages(messagesJson) {
 
 // src/core/utils/building/generate-wxt-dir.ts
 async function generateTypesDir(entrypoints) {
-  await fs7.ensureDir(wxt.config.typesDir);
-  const references = [];
-  if (wxt.config.imports !== false) {
-    const unimport2 = createUnimport3(wxt.config.imports);
-    references.push(await writeImportsDeclarationFile(unimport2));
-    if (wxt.config.imports.eslintrc.enabled) {
-      await writeImportsEslintFile(unimport2, wxt.config.imports);
-    }
-  }
-  references.push(await writePathsDeclarationFile(entrypoints));
-  references.push(await writeI18nDeclarationFile());
-  references.push(await writeGlobalsDeclarationFile());
-  const mainReference = await writeMainDeclarationFile(references);
-  await writeTsConfigFile(mainReference);
-}
-async function writeImportsDeclarationFile(unimport2) {
-  const filePath = resolve9(wxt.config.typesDir, "imports.d.ts");
-  await unimport2.scanImportsFromDir(void 0, { cwd: wxt.config.srcDir });
-  await writeFileIfDifferent(
-    filePath,
-    ["// Generated by wxt", await unimport2.generateTypeDeclarations()].join(
-      "\n"
-    ) + "\n"
-  );
-  return filePath;
-}
-async function writeImportsEslintFile(unimport2, options) {
-  const globals2 = {};
-  const eslintrc = { globals: globals2 };
-  (await unimport2.getImports()).map((i) => i.as ?? i.name).filter(Boolean).sort().forEach((name) => {
-    eslintrc.globals[name] = options.eslintrc.globalsPropValue;
+  await fs6.ensureDir(wxt.config.typesDir);
+  const entries = [
+    // Hard-coded entries
+    { module: "wxt/vite-builder-env" }
+  ];
+  wxt.config.userModules.forEach((module) => {
+    if (module.type === "node_module" && module.configKey != null)
+      entries.push({ module: module.id });
   });
-  await fs7.writeJson(options.eslintrc.filePath, eslintrc, { spaces: 2 });
+  entries.push(await getPathsDeclarationEntry(entrypoints));
+  entries.push(await getI18nDeclarationEntry());
+  entries.push(await getGlobalsDeclarationEntry());
+  entries.push(await getTsConfigEntry());
+  await wxt.hooks.callHook("prepare:types", wxt, entries);
+  entries.push(getMainDeclarationEntry(entries));
+  const absoluteFileEntries = entries.filter((entry) => "path" in entry).map((entry) => ({
+    ...entry,
+    path: resolve8(wxt.config.wxtDir, entry.path)
+  }));
+  await Promise.all(
+    absoluteFileEntries.map(async (file) => {
+      await fs6.ensureDir(dirname4(file.path));
+      await writeFileIfDifferent(file.path, file.text);
+    })
+  );
 }
-async function writePathsDeclarationFile(entrypoints) {
-  const filePath = resolve9(wxt.config.typesDir, "paths.d.ts");
+async function getPathsDeclarationEntry(entrypoints) {
   const unions = entrypoints.map(
     (entry) => getEntrypointBundlePath(
       entry,
@@ -1968,14 +1986,13 @@ declare module "wxt/browser" {
   }
 }
 `;
-  await writeFileIfDifferent(
-    filePath,
-    template.replace("{{ union }}", unions || "    | never")
-  );
-  return filePath;
+  return {
+    path: "types/paths.d.ts",
+    text: template.replace("{{ union }}", unions || "    | never"),
+    tsReference: true
+  };
 }
-async function writeI18nDeclarationFile() {
-  const filePath = resolve9(wxt.config.typesDir, "i18n.d.ts");
+async function getI18nDeclarationEntry() {
   const defaultLocale = wxt.config.manifest.default_locale;
   const template = `// Generated by wxt
 import "wxt/browser";
@@ -2004,7 +2021,7 @@ declare module "wxt/browser" {
       defaultLocale,
       "messages.json"
     );
-    const content = JSON.parse(await fs7.readFile(defaultLocalePath, "utf-8"));
+    const content = JSON.parse(await fs6.readFile(defaultLocalePath, "utf-8"));
     messages = parseI18nMessages(content);
   } else {
     messages = parseI18nMessages({});
@@ -2021,18 +2038,17 @@ declare module "wxt/browser" {
       options?: GetMessageOptions,
     ): string;`;
   });
-  await writeFileIfDifferent(
-    filePath,
-    template.replace("{{ overrides }}", overrides.join("\n"))
-  );
-  return filePath;
+  return {
+    path: "types/i18n.d.ts",
+    text: template.replace("{{ overrides }}", overrides.join("\n")),
+    tsReference: true
+  };
 }
-async function writeGlobalsDeclarationFile() {
-  const filePath = resolve9(wxt.config.typesDir, "globals.d.ts");
+async function getGlobalsDeclarationEntry() {
   const globals2 = [...getGlobals(wxt.config), ...getEntrypointGlobals("")];
-  await writeFileIfDifferent(
-    filePath,
-    [
+  return {
+    path: "types/globals.d.ts",
+    text: [
       "// Generated by wxt",
       "export {}",
       "interface ImportMetaEnv {",
@@ -2040,36 +2056,31 @@ async function writeGlobalsDeclarationFile() {
       "}",
       "interface ImportMeta {",
       "  readonly env: ImportMetaEnv",
-      "}"
-    ].join("\n") + "\n"
-  );
-  return filePath;
+      "}",
+      ""
+    ].join("\n"),
+    tsReference: true
+  };
 }
-async function writeMainDeclarationFile(references) {
-  const dir = wxt.config.wxtDir;
-  const filePath = resolve9(dir, "wxt.d.ts");
-  await writeFileIfDifferent(
-    filePath,
-    [
-      "// Generated by wxt",
-      `/// <reference types="wxt/vite-builder-env" />`,
-      ...references.map(
-        (ref) => `/// <reference types="./${normalizePath(relative5(dir, ref))}" />`
-      ),
-      // Add references to modules installed from NPM to the TS project so
-      // their type augmentation can update InlineConfig correctly. Local
-      // modules defined in <root>/modules are already apart of the project, so
-      // we don't need to add them.
-      ...wxt.config.modules.filter(
-        (module) => module.type === "node_module" && module.configKey != null
-      ).map((module) => `/// <reference types="${module.id}" />`)
-    ].join("\n") + "\n"
-  );
-  return filePath;
+function getMainDeclarationEntry(references) {
+  const lines = ["// Generated by wxt"];
+  references.forEach((ref) => {
+    if ("module" in ref) {
+      return lines.push(`/// <reference types="${ref.module}" />`);
+    } else if (ref.tsReference) {
+      const absolutePath = resolve8(wxt.config.wxtDir, ref.path);
+      const relativePath = relative4(wxt.config.wxtDir, absolutePath);
+      lines.push(`/// <reference types="./${normalizePath(relativePath)}" />`);
+    }
+  });
+  return {
+    path: "wxt.d.ts",
+    text: lines.join("\n") + "\n"
+  };
 }
-async function writeTsConfigFile(mainReference) {
+async function getTsConfigEntry() {
   const dir = wxt.config.wxtDir;
-  const getTsconfigPath = (path11) => normalizePath(relative5(dir, path11));
+  const getTsconfigPath = (path11) => normalizePath(relative4(dir, path11));
   const paths = Object.entries(wxt.config.alias).flatMap(([alias, absolutePath]) => {
     const aliasPath = getTsconfigPath(absolutePath);
     return [
@@ -2077,9 +2088,7 @@ async function writeTsConfigFile(mainReference) {
       `      "${alias}/*": ["${aliasPath}/*"]`
     ];
   }).join(",\n");
-  await writeFileIfDifferent(
-    resolve9(dir, "tsconfig.json"),
-    `{
+  const text = `{
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
@@ -2096,11 +2105,14 @@ ${paths}
   },
   "include": [
     "${getTsconfigPath(wxt.config.root)}/**/*",
-    "./${getTsconfigPath(mainReference)}"
+    "./wxt.d.ts"
   ],
   "exclude": ["${getTsconfigPath(wxt.config.outBaseDir)}"]
-}`
-  );
+}`;
+  return {
+    path: "tsconfig.json",
+    text
+  };
 }
 
 // src/core/utils/building/resolve-config.ts
@@ -2108,20 +2120,20 @@ import { loadConfig } from "c12";
 import path6 from "node:path";
 
 // src/core/utils/cache.ts
-import fs8, { ensureDir as ensureDir3 } from "fs-extra";
-import { dirname as dirname4, resolve as resolve10 } from "path";
+import fs7, { ensureDir as ensureDir3 } from "fs-extra";
+import { dirname as dirname5, resolve as resolve9 } from "path";
 function createFsCache(wxtDir) {
-  const getPath = (key) => resolve10(wxtDir, "cache", encodeURIComponent(key));
+  const getPath = (key) => resolve9(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
       const path11 = getPath(key);
-      await ensureDir3(dirname4(path11));
+      await ensureDir3(dirname5(path11));
       await writeFileIfDifferent(path11, value);
     },
     async get(key) {
       const path11 = getPath(key);
       try {
-        return await fs8.readFile(path11, "utf-8");
+        return await fs7.readFile(path11, "utf-8");
       } catch {
         return void 0;
       }
@@ -2133,12 +2145,12 @@ function createFsCache(wxtDir) {
 import defu from "defu";
 
 // src/core/utils/package.ts
-import { resolve as resolve11 } from "node:path";
-import fs9 from "fs-extra";
+import { resolve as resolve10 } from "node:path";
+import fs8 from "fs-extra";
 async function getPackageJson() {
-  const file = resolve11(wxt.config.root, "package.json");
+  const file = resolve10(wxt.config.root, "package.json");
   try {
-    return await fs9.readJson(file);
+    return await fs8.readJson(file);
   } catch (err) {
     wxt.logger.debug(
       `Failed to read package.json at: ${file}. Returning undefined.`
@@ -2154,8 +2166,8 @@ function isModuleInstalled(name) {
 }
 
 // src/core/utils/building/resolve-config.ts
-import fs10 from "fs-extra";
-import glob3 from "fast-glob";
+import fs9 from "fs-extra";
+import glob4 from "fast-glob";
 async function resolveConfig(inlineConfig, command) {
   let userConfig = {};
   let userConfigMetadata;
@@ -2232,14 +2244,20 @@ async function resolveConfig(inlineConfig, command) {
       hostname: "localhost"
     };
   }
-  const modules = await resolveWxtModules(modulesDir, mergedConfig.modules);
-  const moduleOptions = modules.reduce((map, module) => {
-    if (module.configKey) {
-      map[module.configKey] = // @ts-expect-error
-      mergedConfig[module.configKey];
-    }
-    return map;
-  }, {});
+  const userModules = await resolveWxtUserModules(
+    modulesDir,
+    mergedConfig.modules
+  );
+  const moduleOptions = userModules.reduce(
+    (map, module) => {
+      if (module.configKey) {
+        map[module.configKey] = // @ts-expect-error
+        mergedConfig[module.configKey];
+      }
+      return map;
+    },
+    {}
+  );
   return {
     browser,
     command,
@@ -2249,7 +2267,7 @@ async function resolveConfig(inlineConfig, command) {
     filterEntrypoints,
     env,
     fsCache: createFsCache(wxtDir),
-    imports: await getUnimportOptions(wxtDir, logger, mergedConfig),
+    imports: await getUnimportOptions(wxtDir, srcDir, logger, mergedConfig),
     logger,
     manifest: await resolveManifestConfig(env, mergedConfig.manifest),
     manifestVersion,
@@ -2270,7 +2288,7 @@ async function resolveConfig(inlineConfig, command) {
     alias,
     experimental: defu(mergedConfig.experimental, {
       includeBrowserPolyfill: true,
-      viteRuntime: false
+      entrypointImporter: "jiti"
     }),
     dev: {
       server: devServerConfig,
@@ -2278,7 +2296,8 @@ async function resolveConfig(inlineConfig, command) {
     },
     hooks: mergedConfig.hooks ?? {},
     vite: mergedConfig.vite ?? (() => ({})),
-    modules,
+    builtinModules,
+    userModules,
     plugins: [],
     ...moduleOptions
   };
@@ -2350,17 +2369,17 @@ function resolveAnalysisConfig(root, mergedConfig) {
     keepArtifacts: mergedConfig.analysis?.keepArtifacts ?? false
   };
 }
-async function getUnimportOptions(wxtDir, logger, config) {
+async function getUnimportOptions(wxtDir, srcDir, logger, config) {
   if (config.imports === false) return false;
-  const enabledConfig = config.imports?.eslintrc?.enabled;
-  let enabled;
-  switch (enabledConfig) {
+  const rawEslintEnabled = config.imports?.eslintrc?.enabled;
+  let eslintEnabled;
+  switch (rawEslintEnabled) {
     case void 0:
     case "auto":
-      enabled = await isModuleInstalled("eslint");
+      eslintEnabled = await isModuleInstalled("eslint");
       break;
     default:
-      enabled = enabledConfig;
+      eslintEnabled = rawEslintEnabled;
   }
   const defaultOptions = {
     debugLog: logger.debug,
@@ -2376,8 +2395,11 @@ async function getUnimportOptions(wxtDir, logger, config) {
     ],
     warn: logger.warn,
     dirs: ["components", "composables", "hooks", "utils"],
+    dirsScanOptions: {
+      cwd: srcDir
+    },
     eslintrc: {
-      enabled,
+      enabled: eslintEnabled,
       filePath: path6.resolve(wxtDir, "eslintrc-auto-import.json"),
       globalsPropValue: true
     }
@@ -2392,7 +2414,7 @@ async function resolveWxtModuleDir() {
   return path6.resolve(requireResolve("wxt"), "../..");
 }
 async function isDirMissing(dir) {
-  return !await fs10.exists(dir);
+  return !await fs9.exists(dir);
 }
 function logMissingDir(logger, name, expected) {
   logger.warn(
@@ -2406,19 +2428,19 @@ var COMMAND_MODES = {
   serve: "development"
 };
 async function mergeBuilderConfig(inlineConfig, userConfig) {
-  const vite = await import("vite").catch(() => void 0);
-  if (vite) {
+  const vite2 = await import("vite").catch(() => void 0);
+  if (vite2) {
     return {
       vite: async (env) => {
         const resolvedInlineConfig = await inlineConfig.vite?.(env) ?? {};
         const resolvedUserConfig = await userConfig.vite?.(env) ?? {};
-        return vite.mergeConfig(resolvedUserConfig, resolvedInlineConfig);
+        return vite2.mergeConfig(resolvedUserConfig, resolvedInlineConfig);
       }
     };
   }
   throw Error("Builder not found. Make sure vite is installed.");
 }
-async function resolveWxtModules(modulesDir, modules = []) {
+async function resolveWxtUserModules(modulesDir, modules = []) {
   const npmModules = await Promise.all(
     modules.map(async (moduleId) => {
       const mod = await import(
@@ -2435,7 +2457,7 @@ async function resolveWxtModules(modulesDir, modules = []) {
       };
     })
   );
-  const localModulePaths = await glob3(["*.[tj]s", "*/index.[tj]s"], {
+  const localModulePaths = await glob4(["*.[tj]s", "*/index.[tj]s"], {
     cwd: modulesDir,
     onlyFiles: true
   }).catch(() => []);
@@ -2504,6 +2526,95 @@ var ENTRY_TYPE_TO_GROUP_MAP = {
   "content-script-style": "individual"
 };
 
+// src/core/utils/building/import-entrypoint.ts
+import createJITI from "jiti";
+import { createUnimport as createUnimport2 } from "unimport";
+import fs10 from "fs-extra";
+import { relative as relative5, resolve as resolve11 } from "node:path";
+import { transformSync } from "esbuild";
+import { fileURLToPath } from "node:url";
+async function importEntrypointFile(path11) {
+  wxt.logger.debug("Loading file metadata:", path11);
+  const normalPath = normalizePath(path11);
+  const unimport = createUnimport2({
+    ...wxt.config.imports,
+    // Only allow specific imports, not all from the project
+    dirs: []
+  });
+  await unimport.init();
+  const text = await fs10.readFile(path11, "utf-8");
+  const textNoImports = removeProjectImportStatements(text);
+  const { code } = await unimport.injectImports(textNoImports);
+  wxt.logger.debug(
+    ["Text:", text, "No imports:", textNoImports, "Code:", code].join("\n")
+  );
+  const jiti = createJITI(
+    typeof __filename !== "undefined" ? __filename : fileURLToPath(import.meta.url),
+    {
+      cache: false,
+      debug: wxt.config.debug,
+      esmResolve: true,
+      alias: {
+        "webextension-polyfill": resolve11(
+          wxt.config.wxtModuleDir,
+          "dist/virtual/mock-browser.js"
+        )
+      },
+      // Continue using node to load TS files even if `bun run --bun` is detected. Jiti does not
+      // respect the custom transform function when using it's native bun option.
+      experimentalBun: false,
+      // List of extensions to transform with esbuild
+      extensions: [
+        ".ts",
+        ".cts",
+        ".mts",
+        ".tsx",
+        ".js",
+        ".cjs",
+        ".mjs",
+        ".jsx"
+      ],
+      transform(opts) {
+        const isEntrypoint = opts.filename === normalPath;
+        return transformSync(
+          // Use modified source code for entrypoints
+          isEntrypoint ? code : opts.source,
+          getEsbuildOptions(opts)
+        );
+      }
+    }
+  );
+  try {
+    const res = await jiti(path11);
+    return res.default;
+  } catch (err) {
+    const filePath = relative5(wxt.config.root, path11);
+    if (err instanceof ReferenceError) {
+      const variableName = err.message.replace(" is not defined", "");
+      throw Error(
+        `${filePath}: Cannot use imported variable "${variableName}" outside the main function. See https://wxt.dev/guide/go-further/entrypoint-side-effects.html`,
+        { cause: err }
+      );
+    } else {
+      wxt.logger.error(err);
+      throw Error(`Failed to load entrypoint: ${filePath}`, { cause: err });
+    }
+  }
+}
+function getEsbuildOptions(opts) {
+  const isJsx = opts.filename?.endsWith("x");
+  return {
+    format: "cjs",
+    loader: isJsx ? "tsx" : "ts",
+    ...isJsx ? {
+      // `h` and `Fragment` are undefined, but that's OK because JSX is never evaluated while
+      // grabbing the entrypoint's options.
+      jsxFactory: "h",
+      jsxFragment: "Fragment"
+    } : void 0
+  };
+}
+
 // src/core/utils/building/internal-build.ts
 import pc5 from "picocolors";
 import fs13 from "fs-extra";
@@ -2615,7 +2726,7 @@ function getChunkSortWeight(filename) {
 import pc4 from "picocolors";
 
 // package.json
-var version = "0.18.7";
+var version = "0.18.9";
 
 // src/core/utils/log/printHeader.ts
 function printHeader() {
@@ -2624,7 +2735,7 @@ function printHeader() {
 }
 
 // src/core/utils/building/internal-build.ts
-import glob4 from "fast-glob";
+import glob5 from "fast-glob";
 
 // src/core/utils/manifest.ts
 import fs12 from "fs-extra";
@@ -3389,7 +3500,7 @@ async function internalBuild() {
   return output;
 }
 async function combineAnalysisStats() {
-  const unixFiles = await glob4(`${wxt.config.analysis.outputName}-*.json`, {
+  const unixFiles = await glob5(`${wxt.config.analysis.outputName}-*.json`, {
     cwd: wxt.config.analysis.outputDir,
     absolute: true
   });
@@ -3438,7 +3549,7 @@ async function build(config) {
 
 // src/core/clean.ts
 import path8 from "node:path";
-import glob5 from "fast-glob";
+import glob6 from "fast-glob";
 import fs14 from "fs-extra";
 import pc6 from "picocolors";
 async function clean(root = process.cwd()) {
@@ -3450,7 +3561,7 @@ async function clean(root = process.cwd()) {
     ".output/*"
   ];
   consola.debug("Looking for:", tempDirs.map(pc6.cyan).join(", "));
-  const directories = await glob5(tempDirs, {
+  const directories = await glob6(tempDirs, {
     cwd: path8.resolve(root),
     absolute: true,
     onlyDirectories: true,
@@ -3942,7 +4053,7 @@ import path10 from "node:path";
 import fs16 from "fs-extra";
 import { minimatch as minimatch2 } from "minimatch";
 import JSZip from "jszip";
-import glob6 from "fast-glob";
+import glob7 from "fast-glob";
 async function zip(config) {
   await registerWxt("build", config);
   const output = await internalBuild();
@@ -3990,7 +4101,7 @@ async function zip(config) {
 }
 async function zipDir(directory, outputPath, options) {
   const archive = new JSZip();
-  const files = (await glob6("**/*", {
+  const files = (await glob7("**/*", {
     cwd: directory,
     // Ignore node_modules, otherwise this glob step takes forever
     ignore: ["**/node_modules"],