wxt 0.18.9 → 0.18.10

package/dist/{chunk-UA35R5HN.js → chunk-2V7XZSZQ.js}

@@ -3,6 +3,10 @@ import {
   some,
   toArray
 } from "./chunk-BERPNPEZ.js";
+import {
+  addViteConfig,
+  defineWxtModule
+} from "./chunk-6XSIWUWF.js";
 import {
   LogLevels,
   consola
@@ -12,7 +16,7 @@ import {
 } from "./chunk-QGM4M3NI.js";
 
 // package.json
-var version = "0.18.8";
+var version = "0.18.9";
 
 // src/core/utils/paths.ts
 import systemPath from "node:path";
@@ -128,38 +132,6 @@ function download(config) {
   };
 }
 
-// src/core/builders/vite/plugins/unimport.ts
-import { createUnimport } from "unimport";
-import { extname } 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(extname(id))) return;
-      const injected = await unimport2.injectImports(code, id);
-      return {
-        code: injected.code,
-        map: injected.s.generateMap({ hires: "boundary", source: id })
-      };
-    }
-  };
-}
-
 // src/core/builders/vite/plugins/tsconfigPaths.ts
 function tsconfigPaths(config) {
   return {
@@ -428,7 +400,7 @@ function devServerGlobals(config, server) {
 }
 
 // src/core/builders/vite/plugins/multipageMove.ts
-import { dirname as dirname2, extname as extname2, resolve as resolve3, join } from "node:path";
+import { dirname as dirname2, extname, resolve as resolve3, join } from "node:path";
 import fs, { ensureDir } from "fs-extra";
 function multipageMove(entrypoints, config) {
   return {
@@ -447,7 +419,7 @@ function multipageMove(entrypoints, config) {
         const newBundlePath = getEntrypointBundlePath(
           entrypoint,
           config.outDir,
-          extname2(oldBundlePath)
+          extname(oldBundlePath)
         );
         if (newBundlePath === oldBundlePath) {
           config.logger.debug(
@@ -751,6 +723,86 @@ function removeProjectImportStatements(text) {
 ${noImports}`;
 }
 
+// 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/core/utils/fs.ts
 import fs3 from "fs-extra";
 import glob from "fast-glob";
@@ -796,13 +848,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;
@@ -1281,9 +1337,8 @@ var PATH_GLOB_TO_TYPE_MAP = {
 var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 
 // src/core/utils/building/generate-wxt-dir.ts
-import { createUnimport as createUnimport2 } from "unimport";
 import fs6 from "fs-extra";
-import { relative as relative4, resolve as resolve8 } from "path";
+import { dirname as dirname4, relative as relative4, resolve as resolve8 } from "node:path";
 import path4 from "node:path";
 
 // src/core/utils/i18n.ts
@@ -1326,41 +1381,32 @@ function parseI18nMessages(messagesJson) {
 // src/core/utils/building/generate-wxt-dir.ts
 async function generateTypesDir(entrypoints) {
   await fs6.ensureDir(wxt.config.typesDir);
-  const references = [];
-  if (wxt.config.imports !== false) {
-    const unimport2 = createUnimport2(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 = resolve8(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;
+  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 fs6.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 = resolve8(wxt.config.typesDir, "paths.d.ts");
+async function getPathsDeclarationEntry(entrypoints) {
   const unions = entrypoints.map(
     (entry) => getEntrypointBundlePath(
       entry,
@@ -1381,14 +1427,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 = resolve8(wxt.config.typesDir, "i18n.d.ts");
+async function getI18nDeclarationEntry() {
   const defaultLocale = wxt.config.manifest.default_locale;
   const template = `// Generated by wxt
 import "wxt/browser";
@@ -1434,18 +1479,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 = resolve8(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 {",
@@ -1453,34 +1497,29 @@ 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 = resolve8(dir, "wxt.d.ts");
-  await writeFileIfDifferent(
-    filePath,
-    [
-      "// Generated by wxt",
-      `/// <reference types="wxt/vite-builder-env" />`,
-      ...references.map(
-        (ref) => `/// <reference types="./${normalizePath(relative4(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 = (path8) => normalizePath(relative4(dir, path8));
   const paths = Object.entries(wxt.config.alias).flatMap(([alias, absolutePath]) => {
@@ -1490,9 +1529,7 @@ async function writeTsConfigFile(mainReference) {
       `      "${alias}/*": ["${aliasPath}/*"]`
     ];
   }).join(",\n");
-  await writeFileIfDifferent(
-    resolve8(dir, "tsconfig.json"),
-    `{
+  const text = `{
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
@@ -1509,11 +1546,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
@@ -1522,13 +1562,13 @@ import path5 from "node:path";
 
 // src/core/utils/cache.ts
 import fs7, { ensureDir as ensureDir2 } from "fs-extra";
-import { dirname as dirname4, resolve as resolve9 } from "path";
+import { dirname as dirname5, resolve as resolve9 } from "path";
 function createFsCache(wxtDir) {
   const getPath = (key) => resolve9(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
       const path8 = getPath(key);
-      await ensureDir2(dirname4(path8));
+      await ensureDir2(dirname5(path8));
       await writeFileIfDifferent(path8, value);
     },
     async get(key) {
@@ -1569,6 +1609,11 @@ function isModuleInstalled(name) {
 // src/core/utils/building/resolve-config.ts
 import fs9 from "fs-extra";
 import glob3 from "fast-glob";
+
+// src/builtin-modules/index.ts
+var builtinModules = [unimport_default];
+
+// src/core/utils/building/resolve-config.ts
 async function resolveConfig(inlineConfig, command) {
   let userConfig = {};
   let userConfigMetadata;
@@ -1645,14 +1690,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,
@@ -1662,7 +1713,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,
@@ -1691,7 +1742,8 @@ async function resolveConfig(inlineConfig, command) {
     },
     hooks: mergedConfig.hooks ?? {},
     vite: mergedConfig.vite ?? (() => ({})),
-    modules,
+    builtinModules,
+    userModules,
     plugins: [],
     ...moduleOptions
   };
@@ -1763,17 +1815,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,
@@ -1789,8 +1841,11 @@ async function getUnimportOptions(wxtDir, logger, config) {
     ],
     warn: logger.warn,
     dirs: ["components", "composables", "hooks", "utils"],
+    dirsScanOptions: {
+      cwd: srcDir
+    },
     eslintrc: {
-      enabled,
+      enabled: eslintEnabled,
       filePath: path5.resolve(wxtDir, "eslintrc-auto-import.json"),
       globalsPropValue: true
     }
@@ -1831,7 +1886,7 @@ async function mergeBuilderConfig(inlineConfig, userConfig) {
   }
   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(
@@ -1919,7 +1974,7 @@ var ENTRY_TYPE_TO_GROUP_MAP = {
 
 // src/core/utils/building/import-entrypoint.ts
 import createJITI from "jiti";
-import { createUnimport as createUnimport3 } from "unimport";
+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";
@@ -1927,15 +1982,15 @@ import { fileURLToPath } from "node:url";
 async function importEntrypointFile(path8) {
   wxt.logger.debug("Loading file metadata:", path8);
   const normalPath = normalizePath(path8);
-  const unimport2 = createUnimport3({
+  const unimport = createUnimport2({
     ...wxt.config.imports,
     // Only allow specific imports, not all from the project
     dirs: []
   });
-  await unimport2.init();
+  await unimport.init();
   const text = await fs10.readFile(path8, "utf-8");
   const textNoImports = removeProjectImportStatements(text);
-  const { code } = await unimport2.injectImports(textNoImports);
+  const { code } = await unimport.injectImports(textNoImports);
   wxt.logger.debug(
     ["Text:", text, "No imports:", textNoImports, "Code:", code].join("\n")
   );
@@ -3152,7 +3207,6 @@ async function createViteBuilder(wxtConfig, hooks, server) {
     config.plugins.push(
       download(wxtConfig),
       devHtmlPrerender(wxtConfig, server),
-      unimport(wxtConfig),
       resolveVirtualModules(wxtConfig),
       devServerGlobals(wxtConfig, server),
       tsconfigPaths(wxtConfig),
@@ -3434,18 +3488,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);
 }
@@ -3457,11 +3509,11 @@ export {
   isHtmlEntrypoint,
   formatDuration,
   download,
-  unimport,
   tsconfigPaths,
   globals,
   webextensionPolyfillMock,
   kebabCaseAlphanumeric,
+  vitePlugin,
   wxt,
   registerWxt,
   detectDevChanges,

package/dist/chunk-6XSIWUWF.js

@@ -0,0 +1,57 @@
+// src/modules.ts
+import * as vite from "vite";
+import glob from "fast-glob";
+import { resolve } from "node:path";
+function defineWxtModule(module) {
+  if (typeof module === "function") return { setup: module };
+  return module;
+}
+function addEntrypoint(wxt, entrypoint) {
+  wxt.hooks.hook("entrypoints:resolved", (wxt2, entrypoints) => {
+    entrypoints.push(entrypoint);
+  });
+}
+function addPublicAssets(wxt, dir) {
+  wxt.hooks.hook("build:publicAssets", async (wxt2, files) => {
+    const moreFiles = await glob("**/*", { cwd: dir });
+    if (moreFiles.length === 0) {
+      wxt2.logger.warn("No files to copy in", dir);
+      return;
+    }
+    moreFiles.forEach((file) => {
+      files.unshift({ absoluteSrc: resolve(dir, file), relativeDest: file });
+    });
+  });
+}
+function addViteConfig(wxt, viteConfig) {
+  wxt.hooks.hook("ready", (wxt2) => {
+    const userVite = wxt2.config.vite;
+    wxt2.config.vite = async (env) => {
+      const fromUser = await userVite(env);
+      const fromModule = viteConfig(env) ?? {};
+      return vite.mergeConfig(fromModule, fromUser);
+    };
+  });
+}
+function addWxtPlugin(wxt, plugin) {
+  wxt.hooks.hook("ready", (wxt2) => {
+    wxt2.config.plugins.push(plugin);
+  });
+}
+function addImportPreset(wxt, preset) {
+  wxt.hooks.hook("ready", (wxt2) => {
+    if (!wxt2.config.imports) return;
+    wxt2.config.imports.presets ??= [];
+    if (wxt2.config.imports.presets.includes(preset)) return;
+    wxt2.config.imports.presets.push(preset);
+  });
+}
+
+export {
+  defineWxtModule,
+  addEntrypoint,
+  addPublicAssets,
+  addViteConfig,
+  addWxtPlugin,
+  addImportPreset
+};