wxt 0.14.0 → 0.14.2-alpha2

package/dist/cli.js

@@ -4,7 +4,7 @@ import "./chunk-VBXJIVYU.js";
 import cac from "cac";
 
 // package.json
-var version = "0.14.0";
+var version = "0.14.2-alpha2";
 
 // src/core/utils/fs.ts
 import fs from "fs-extra";
@@ -13,11 +13,11 @@ import glob from "fast-glob";
 // src/core/utils/paths.ts
 import systemPath from "node:path";
 import normalize from "normalize-path";
-function normalizePath(path7) {
-  return normalize(path7);
+function normalizePath(path6) {
+  return normalize(path6);
 }
-function unnormalizePath(path7) {
-  return systemPath.normalize(path7);
+function unnormalizePath(path6) {
+  return systemPath.normalize(path6);
 }
 var CSS_EXTENSIONS = ["css", "scss", "sass", "less", "styl", "stylus"];
 var CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
@@ -38,8 +38,145 @@ async function getPublicFiles(config) {
 
 // src/core/utils/building/build-entrypoints.ts
 import fs2 from "fs-extra";
-import { dirname, resolve } from "path";
+import { dirname, resolve, extname } from "node:path";
 import pc from "picocolors";
+
+// src/i18n/node.ts
+import { readFile } from "node:fs/promises";
+import JSON5 from "json5";
+import YAML from "yaml";
+async function readMessagesFile(file) {
+  const text = await readFile(file, "utf-8");
+  return readMessagesText(text);
+}
+function readMessagesText(text) {
+  const parsers = [
+    JSON.parse,
+    JSON5.parse,
+    YAML.parse
+  ];
+  for (const parse of parsers) {
+    try {
+      const result = parse(text);
+      if (typeof result === "object") {
+        return readMessagesObject(result);
+      }
+    } catch {
+      continue;
+    }
+  }
+  throw Error("I18n messages text is not valid JSON, JSON5, or YAML");
+}
+function readMessagesObject(input) {
+  const messagesFromInput = findEntries([], input);
+  return [...messagesFromInput, ...PREDEFINED_MESSAGES];
+}
+function convertMessagesToManifest(messages) {
+  return messages.filter((message) => !message.isBuiltin).reduce((schema, { name, entry }) => {
+    schema[name] = entry;
+    return schema;
+  }, {});
+}
+function findEntries(keyPath, input) {
+  const name = keyPath.join("_");
+  if (isBasicEntry(input))
+    return [
+      {
+        name,
+        entry: { message: input }
+      }
+    ];
+  if (isManifestEntry(input))
+    return [
+      {
+        name,
+        entry: input
+      }
+    ];
+  if (isPluralEntry(input))
+    return [
+      {
+        name,
+        entry: {
+          message: Object.values(input).join(" | ")
+        },
+        isPlural: true
+      }
+    ];
+  return Object.entries(input).reduce((items, [key, child]) => {
+    const nestedEntries = findEntries(keyPath.concat(key), child);
+    return [...items, ...nestedEntries];
+  }, []);
+}
+function isBasicEntry(entry) {
+  return typeof entry === "string";
+}
+function isManifestEntry(entry) {
+  const keys = Object.keys(entry);
+  if (keys.length < 1 || keys.length > 3)
+    return false;
+  const knownKeys = /* @__PURE__ */ new Set(["message", "placeholders", "description"]);
+  const unknownKeys = keys.filter((key) => !knownKeys.has(key));
+  return unknownKeys.length === 0;
+}
+function isPluralEntry(entry) {
+  const keys = Object.keys(entry);
+  if (keys.length === 0)
+    return false;
+  const invalidKeys = keys.filter((key) => key !== "n" && isNaN(Number(key)));
+  return invalidKeys.length === 0;
+}
+var PREDEFINED_MESSAGES = [
+  {
+    name: "@@extension_id",
+    isBuiltin: true,
+    entry: {
+      message: "<browser.runtime.id>",
+      description: "The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.\nNote: You can't use this message in a manifest file."
+    }
+  },
+  {
+    name: "@@ui_locale",
+    isBuiltin: true,
+    entry: {
+      message: "<browser.i18n.getUiLocale()>"
+    }
+  },
+  {
+    name: "@@bidi_dir",
+    isBuiltin: true,
+    entry: {
+      message: "<ltr|rtl>",
+      description: 'The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.'
+    }
+  },
+  {
+    name: "@@bidi_reversed_dir",
+    isBuiltin: true,
+    entry: {
+      message: "<rtl|ltr>",
+      description: `If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".`
+    }
+  },
+  {
+    name: "@@bidi_start_edge",
+    isBuiltin: true,
+    entry: {
+      message: "<left|right>",
+      description: `If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".`
+    }
+  },
+  {
+    name: "@@bidi_end_edge",
+    isBuiltin: true,
+    entry: {
+      message: "<right|left>",
+      description: `If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".`
+    }
+  }
+];
+
+// src/core/utils/building/build-entrypoints.ts
 async function buildEntrypoints(groups, config, spinner) {
   const steps = [];
   for (let i = 0; i < groups.length; i++) {
@@ -48,7 +185,10 @@ async function buildEntrypoints(groups, config, spinner) {
     spinner.text = pc.dim(`[${i + 1}/${groups.length}]`) + ` ${groupNames}`;
     steps.push(await config.builder.build(group));
   }
-  const publicAssets = await copyPublicDirectory(config);
+  const publicAssets = (await Promise.all([
+    copyPublicDirectory(config),
+    copyLocalesDirectory(config)
+  ])).flat();
   return { publicAssets, steps };
 }
 async function copyPublicDirectory(config) {
@@ -68,6 +208,28 @@ async function copyPublicDirectory(config) {
   }
   return publicAssets;
 }
+async function copyLocalesDirectory(config) {
+  const localesExist = await fs2.exists(config.localesDir);
+  if (!localesExist || config.manifest.default_locale == null)
+    return [];
+  const files = await fs2.readdir(config.localesDir);
+  return await Promise.all(
+    files.map(async (file) => {
+      const locale = file.replace(extname(file), "");
+      const fileName = unnormalizePath(`_locales/${locale}/messages.json`);
+      const srcPath = resolve(config.localesDir, file);
+      const outPath = resolve(config.outDir, fileName);
+      const messages = await readMessagesFile(srcPath);
+      const json = convertMessagesToManifest(messages);
+      await fs2.ensureDir(dirname(outPath));
+      await fs2.writeJson(outPath, json);
+      return {
+        fileName,
+        type: "asset"
+      };
+    })
+  );
+}
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -166,7 +328,7 @@ import { relative as relative2, resolve as resolve3 } from "path";
 import fs3 from "fs-extra";
 import { minimatch } from "minimatch";
 import { parseHTML } from "linkedom";
-import JSON5 from "json5";
+import JSON52 from "json5";
 import glob2 from "fast-glob";
 
 // src/core/utils/entrypoints.ts
@@ -204,7 +366,7 @@ async function findEntrypoints(config) {
     const inputPath = resolve3(config.entrypointsDir, relativePath);
     const name = getEntrypointName(config.entrypointsDir, inputPath);
     const matchingGlob = pathGlobs.find(
-      (glob5) => minimatch(relativePath, glob5)
+      (glob6) => minimatch(relativePath, glob6)
     );
     if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
@@ -323,11 +485,11 @@ function getHtmlBaseOptions(document) {
   const options = {};
   const includeContent = document.querySelector("meta[name='manifest.include']")?.getAttribute("content");
   if (includeContent) {
-    options.include = JSON5.parse(includeContent);
+    options.include = JSON52.parse(includeContent);
   }
   const excludeContent = document.querySelector("meta[name='manifest.exclude']")?.getAttribute("content");
   if (excludeContent) {
-    options.exclude = JSON5.parse(excludeContent);
+    options.exclude = JSON52.parse(excludeContent);
   }
   return options;
 }
@@ -341,7 +503,7 @@ async function getPopupEntrypoint(config, { inputPath, name }) {
   const defaultIconContent = document.querySelector("meta[name='manifest.default_icon']")?.getAttribute("content");
   if (defaultIconContent) {
     try {
-      options.defaultIcon = JSON5.parse(defaultIconContent);
+      options.defaultIcon = JSON52.parse(defaultIconContent);
     } catch (err) {
       config.logger.fatal(
         `Failed to parse default_icon meta tag content as JSON5. content=${defaultIconContent}`,
@@ -517,7 +679,8 @@ function getUnimportOptions(config) {
     debugLog: config.logger.debug,
     imports: [
       { name: "defineConfig", from: "wxt" },
-      { name: "fakeBrowser", from: "wxt/testing" }
+      { name: "fakeBrowser", from: "wxt/testing" },
+      { name: "i18n", from: "wxt/i18n" }
     ],
     presets: [
       { package: "wxt/client" },
@@ -590,46 +753,7 @@ function surroundInUnderscore(name) {
 }
 
 // src/core/utils/building/generate-wxt-dir.ts
-import path2 from "node:path";
-
-// src/core/utils/i18n.ts
-var predefinedMessages = {
-  "@@extension_id": {
-    message: "<browser.runtime.id>",
-    description: "The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.\nNote: You can't use this message in a manifest file."
-  },
-  "@@ui_locale": {
-    message: "<browser.i18n.getUiLocale()>",
-    description: ""
-  },
-  "@@bidi_dir": {
-    message: "<ltr|rtl>",
-    description: 'The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.'
-  },
-  "@@bidi_reversed_dir": {
-    message: "<rtl|ltr>",
-    description: `If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".`
-  },
-  "@@bidi_start_edge": {
-    message: "<left|right>",
-    description: `If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".`
-  },
-  "@@bidi_end_edge": {
-    message: "<right|left>",
-    description: `If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".`
-  }
-};
-function parseI18nMessages(messagesJson) {
-  return Object.entries({
-    ...predefinedMessages,
-    ...messagesJson
-  }).map(([name, details]) => ({
-    name,
-    ...details
-  }));
-}
-
-// src/core/utils/building/generate-wxt-dir.ts
+import glob3 from "fast-glob";
 async function generateTypesDir(entrypoints, config) {
   await fs4.ensureDir(config.typesDir);
   const references = [];
@@ -663,7 +787,7 @@ async function writePathsDeclarationFile(entrypoints, config) {
       config.outDir,
       entry.inputPath.endsWith(".html") ? ".html" : ".js"
     )
-  ).concat(await getPublicFiles(config)).map(normalizePath).map((path7) => `    | "/${path7}"`).sort().join("\n");
+  ).concat(await getPublicFiles(config)).map(normalizePath).map((path6) => `    | "/${path6}"`).sort().join("\n");
   const template = `// Generated by wxt
 import "wxt/browser";
 
@@ -699,28 +823,36 @@ declare module "wxt/browser" {
   }
 
   export interface WxtI18n extends I18n.Static {
-{{ overrides }}
+{{ browserOverrides }}
+  }
+}
+
+declare module "wxt/i18n" {
+  export interface WxtMessageSchema {
+    t: {
+{{ translationTOverrides }}
+    };
+    tp: {
+{{ translationTpOverrides }}
+    };
   }
 }
 `;
   let messages;
   if (defaultLocale) {
-    const defaultLocalePath = path2.resolve(
-      config.publicDir,
-      "_locales",
-      defaultLocale,
-      "messages.json"
-    );
-    const content = JSON.parse(await fs4.readFile(defaultLocalePath, "utf-8"));
-    messages = parseI18nMessages(content);
+    const [defaultLocalePath] = await glob3(`${defaultLocale}.*`, {
+      cwd: config.localesDir,
+      absolute: true
+    });
+    messages = await readMessagesFile(defaultLocalePath);
   } else {
-    messages = parseI18nMessages({});
+    messages = PREDEFINED_MESSAGES;
   }
   const overrides = messages.map((message) => {
     return `    /**
-     * ${message.description ?? "No message description."}
+     * ${message.entry.description ?? "No message description."}
      *
-     * "${message.message}"
+     * "${message.entry.message}"
      */
     getMessage(
       messageName: "${message.name}",
@@ -730,7 +862,13 @@ declare module "wxt/browser" {
   });
   await writeFileIfDifferent(
     filePath,
-    template.replace("{{ overrides }}", overrides.join("\n"))
+    template.replace("{{ browserOverrides }}", overrides.join("\n")).replace(
+      "{{ translationTOverrides }}",
+      messages.filter((message) => !message.isPlural).map((message) => `      "${message.name}": any;`).join("\n")
+    ).replace(
+      "{{ translationTpOverrides }}",
+      messages.filter((message) => message.isPlural).map((message) => `      "${message.name}": any;`).join("\n")
+    )
   );
   return filePath;
 }
@@ -766,7 +904,7 @@ async function writeMainDeclarationFile(references, config) {
 }
 async function writeTsConfigFile(mainReference, config) {
   const dir = config.wxtDir;
-  const getTsconfigPath = (path7) => normalizePath(relative3(dir, path7));
+  const getTsconfigPath = (path6) => normalizePath(relative3(dir, path6));
   const paths = Object.entries(config.alias).flatMap(([alias, absolutePath]) => {
     const aliasPath = getTsconfigPath(absolutePath);
     return [
@@ -802,7 +940,7 @@ ${paths}
 
 // src/core/utils/building/get-internal-config.ts
 import { loadConfig } from "c12";
-import path3 from "node:path";
+import path2 from "node:path";
 
 // src/core/utils/cache.ts
 import fs5, { ensureDir } from "fs-extra";
@@ -811,14 +949,14 @@ function createFsCache(wxtDir) {
   const getPath = (key) => resolve5(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
-      const path7 = getPath(key);
-      await ensureDir(dirname2(path7));
-      await writeFileIfDifferent(path7, value);
+      const path6 = getPath(key);
+      await ensureDir(dirname2(path6));
+      await writeFileIfDifferent(path6, value);
     },
     async get(key) {
-      const path7 = getPath(key);
+      const path6 = getPath(key);
       try {
-        return await fs5.readFile(path7, "utf-8");
+        return await fs5.readFile(path6, "utf-8");
       } catch {
         return void 0;
       }
@@ -1040,7 +1178,7 @@ function download(config) {
 }
 
 // src/core/builders/vite/plugins/multipageMove.ts
-import { dirname as dirname4, extname, resolve as resolve7, join } from "node:path";
+import { dirname as dirname4, extname as extname2, resolve as resolve7, join } from "node:path";
 import fs6, { ensureDir as ensureDir2 } from "fs-extra";
 function multipageMove(entrypoints, config) {
   return {
@@ -1059,7 +1197,7 @@ function multipageMove(entrypoints, config) {
         const newBundlePath = getEntrypointBundlePath(
           entrypoint,
           config.outDir,
-          extname(oldBundlePath)
+          extname2(oldBundlePath)
         );
         if (newBundlePath === oldBundlePath) {
           config.logger.debug(
@@ -1100,7 +1238,7 @@ async function removeEmptyDirs(dir) {
 
 // src/core/builders/vite/plugins/unimport.ts
 import { createUnimport as createUnimport2 } from "unimport";
-import { extname as extname2 } from "path";
+import { extname as extname3 } from "path";
 var ENABLED_EXTENSIONS = /* @__PURE__ */ new Set([
   ".js",
   ".jsx",
@@ -1122,7 +1260,7 @@ function unimport(config) {
     async transform(code, id) {
       if (id.includes("node_modules"))
         return;
-      if (!ENABLED_EXTENSIONS.has(extname2(id)))
+      if (!ENABLED_EXTENSIONS.has(extname3(id)))
         return;
       return unimport2.injectImports(code, id);
     }
@@ -1286,7 +1424,7 @@ function entrypointGroupGlobals(entrypointGroup) {
 }
 
 // src/core/builders/vite/index.ts
-async function craeteViteBuilder(inlineConfig, userConfig, wxtConfig) {
+async function createViteBuilder(inlineConfig, userConfig, wxtConfig) {
   const vite = await import("vite");
   const getBaseConfig = async () => {
     const resolvedInlineConfig = await inlineConfig.vite?.(wxtConfig.env) ?? {};
@@ -1514,19 +1652,20 @@ async function getInternalConfig(inlineConfig, command, server) {
   const manifestVersion = mergedConfig.manifestVersion ?? (browser === "firefox" || browser === "safari" ? 2 : 3);
   const mode = mergedConfig.mode ?? (command === "build" ? "production" : "development");
   const env = { browser, command, manifestVersion, mode };
-  const root = path3.resolve(
+  const root = path2.resolve(
     inlineConfig.root ?? userConfig.root ?? process.cwd()
   );
-  const wxtDir = path3.resolve(root, ".wxt");
-  const srcDir = path3.resolve(root, mergedConfig.srcDir ?? root);
-  const entrypointsDir = path3.resolve(
+  const wxtDir = path2.resolve(root, ".wxt");
+  const srcDir = path2.resolve(root, mergedConfig.srcDir ?? root);
+  const entrypointsDir = path2.resolve(
     srcDir,
     mergedConfig.entrypointsDir ?? "entrypoints"
   );
-  const publicDir = path3.resolve(srcDir, mergedConfig.publicDir ?? "public");
-  const typesDir = path3.resolve(wxtDir, "types");
-  const outBaseDir = path3.resolve(root, mergedConfig.outDir ?? ".output");
-  const outDir = path3.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
+  const publicDir = path2.resolve(srcDir, mergedConfig.publicDir ?? "public");
+  const localesDir = path2.resolve(srcDir, mergedConfig.localesDir ?? "locales");
+  const typesDir = path2.resolve(wxtDir, "types");
+  const outBaseDir = path2.resolve(root, mergedConfig.outDir ?? ".output");
+  const outDir = path2.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
   const runnerConfig = await loadConfig({
     name: "web-ext",
     cwd: root,
@@ -1542,7 +1681,7 @@ async function getInternalConfig(inlineConfig, command, server) {
       "~": srcDir,
       "@@": root,
       "~~": root
-    }).map(([key, value]) => [key, path3.resolve(root, value)])
+    }).map(([key, value]) => [key, path2.resolve(root, value)])
   );
   const finalConfig = {
     browser,
@@ -1559,6 +1698,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     outBaseDir,
     outDir,
     publicDir,
+    localesDir,
     root,
     runnerConfig,
     srcDir,
@@ -1580,7 +1720,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     },
     server
   };
-  const builder = await craeteViteBuilder(
+  const builder = await createViteBuilder(
     inlineConfig,
     userConfig,
     finalConfig
@@ -1627,6 +1767,7 @@ function mergeInlineConfig(inlineConfig, userConfig) {
     manifest,
     mode: inlineConfig.mode ?? userConfig.mode,
     publicDir: inlineConfig.publicDir ?? userConfig.publicDir,
+    localesDir: inlineConfig.localesDir ?? userConfig.localesDir,
     runner,
     srcDir: inlineConfig.srcDir ?? userConfig.srcDir,
     outDir: inlineConfig.outDir ?? userConfig.outDir,
@@ -1731,16 +1872,16 @@ ${noImports}`;
 // src/core/utils/building/import-entrypoint.ts
 import { transformSync } from "esbuild";
 import { fileURLToPath } from "node:url";
-async function importEntrypointFile(path7, config) {
-  config.logger.debug("Loading file metadata:", path7);
-  const normalPath = normalizePath(path7);
+async function importEntrypointFile(path6, config) {
+  config.logger.debug("Loading file metadata:", path6);
+  const normalPath = normalizePath(path6);
   const unimport2 = createUnimport3({
     ...getUnimportOptions(config),
     // Only allow specific imports, not all from the project
     dirs: []
   });
   await unimport2.init();
-  const text = await fs8.readFile(path7, "utf-8");
+  const text = await fs8.readFile(path6, "utf-8");
   const textNoImports = removeProjectImportStatements(text);
   const { code } = await unimport2.injectImports(textNoImports);
   config.logger.debug(
@@ -1783,7 +1924,7 @@ async function importEntrypointFile(path7, config) {
     }
   );
   try {
-    const res = await jiti(path7);
+    const res = await jiti(path6);
     return res.default;
   } catch (err) {
     config.logger.error(err);
@@ -1807,7 +1948,7 @@ import fs12 from "fs-extra";
 import { resolve as resolve10 } from "path";
 
 // src/core/utils/log/printFileList.ts
-import path4 from "node:path";
+import path3 from "node:path";
 import pc2 from "picocolors";
 import fs9 from "fs-extra";
 import { filesize } from "filesize";
@@ -1845,8 +1986,8 @@ async function printFileList(log, header, baseDir, files) {
   const fileRows = await Promise.all(
     files.map(async (file, i) => {
       const parts = [
-        path4.relative(process.cwd(), baseDir) + path4.sep,
-        path4.relative(baseDir, file)
+        path3.relative(process.cwd(), baseDir) + path3.sep,
+        path3.relative(baseDir, file)
       ];
       const prefix = i === files.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
       const color = getChunkColor(file);
@@ -1917,7 +2058,7 @@ function printHeader() {
 }
 
 // src/core/utils/building/internal-build.ts
-import glob3 from "fast-glob";
+import glob4 from "fast-glob";
 
 // src/core/utils/manifest.ts
 import fs11 from "fs-extra";
@@ -2074,7 +2215,7 @@ async function generateManifest(entrypoints, buildOutput, config) {
       "wxt:reload-extension": {
         description: "Reload the extension during development",
         suggested_key: {
-          default: "Ctrl+E"
+          default: "Alt+R"
         }
       }
     };
@@ -2447,13 +2588,12 @@ function stripPathFromMatchPattern(pattern) {
 }
 
 // src/core/utils/building/rebuild.ts
-async function rebuild(config, entrypointGroups, existingOutput = {
+async function rebuild(config, allEntrypoints, entrypointGroups, existingOutput = {
   steps: [],
   publicAssets: []
 }) {
   const { default: ora } = await import("ora");
   const spinner = ora(`Preparing...`).start();
-  const allEntrypoints = await findEntrypoints(config);
   await generateTypesDir(allEntrypoints, config).catch((err) => {
     config.logger.warn("Failed to update .wxt directory:", err);
     if (config.command === "build")
@@ -2503,7 +2643,7 @@ async function internalBuild(config) {
   const entrypoints = await findEntrypoints(config);
   config.logger.debug("Detected entrypoints:", entrypoints);
   const groups = groupEntrypoints(entrypoints);
-  const { output } = await rebuild(config, groups, void 0);
+  const { output } = await rebuild(config, entrypoints, groups, void 0);
   await printBuildSummary(
     config.logger.success,
     `Built extension in ${formatDuration(Date.now() - startTime)}`,
@@ -2521,7 +2661,7 @@ async function internalBuild(config) {
 }
 async function combineAnalysisStats(config) {
   const { execaCommand } = await import("./execa-4F7CCWCA.js");
-  const unixFiles = await glob3(`stats-*.json`, {
+  const unixFiles = await glob4(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
@@ -2539,8 +2679,8 @@ async function build(config) {
 }
 
 // src/core/clean.ts
-import path5 from "node:path";
-import glob4 from "fast-glob";
+import path4 from "node:path";
+import glob5 from "fast-glob";
 import fs13 from "fs-extra";
 import { consola as consola3 } from "consola";
 import pc5 from "picocolors";
@@ -2553,8 +2693,8 @@ async function clean(root = process.cwd()) {
     ".output/*"
   ];
   consola3.debug("Looking for:", tempDirs.map(pc5.cyan).join(", "));
-  const directories = await glob4(tempDirs, {
-    cwd: path5.resolve(root),
+  const directories = await glob5(tempDirs, {
+    cwd: path4.resolve(root),
     absolute: true,
     onlyDirectories: true,
     deep: 2
@@ -2565,11 +2705,11 @@ async function clean(root = process.cwd()) {
   }
   consola3.debug(
     "Found:",
-    directories.map((dir) => pc5.cyan(path5.relative(root, dir))).join(", ")
+    directories.map((dir) => pc5.cyan(path4.relative(root, dir))).join(", ")
   );
   for (const directory of directories) {
     await fs13.rm(directory, { force: true, recursive: true });
-    consola3.debug("Deleted " + pc5.cyan(path5.relative(root, directory)));
+    consola3.debug("Deleted " + pc5.cyan(path4.relative(root, directory)));
   }
 }
 
@@ -2735,8 +2875,8 @@ async function createServer(inlineConfig) {
     reloadContentScript(contentScript) {
       server.ws.send("wxt:reload-content-script", contentScript);
     },
-    reloadPage(path7) {
-      server.ws.send("wxt:reload-page", path7);
+    reloadPage(path6) {
+      server.ws.send("wxt:reload-page", path6);
     },
     reloadExtension() {
       server.ws.send("wxt:reload-extension");
@@ -2771,12 +2911,12 @@ function createFileReloader(options) {
   const { server, getLatestConfig, updateConfig } = options;
   const fileChangedMutex = new Mutex();
   const changeQueue = [];
-  return async (event, path7) => {
+  return async (event, path6) => {
     const config = await getLatestConfig();
     updateConfig(config);
-    if (path7.startsWith(config.outBaseDir))
+    if (path6.startsWith(config.outBaseDir))
       return;
-    changeQueue.push([event, path7]);
+    changeQueue.push([event, path6]);
     await fileChangedMutex.runExclusive(async () => {
       const fileChanges = changeQueue.splice(0, changeQueue.length);
       if (fileChanges.length === 0)
@@ -2792,8 +2932,10 @@ function createFileReloader(options) {
           relative8(config.outDir, getEntrypointOutputFile(entry, ""))
         );
       }).join(pc6.dim(", "));
+      const allEntrypoints = await findEntrypoints(config);
       const { output: newOutput } = await rebuild(
         config,
+        allEntrypoints,
         // TODO: this excludes new entrypoints, so they're not built until the dev command is restarted
         changes.rebuildGroups,
         changes.cachedOutput
@@ -2846,8 +2988,8 @@ function reloadContentScripts(steps, config, server) {
 }
 function reloadHtmlPages(groups, server, config) {
   groups.flat().forEach((entry) => {
-    const path7 = getEntrypointBundlePath(entry, config.outDir, ".html");
-    server.reloadPage(path7);
+    const path6 = getEntrypointBundlePath(entry, config.outDir, ".html");
+    server.reloadPage(path6);
   });
 }
 
@@ -2856,7 +2998,7 @@ import prompts from "prompts";
 import { consola as consola5 } from "consola";
 import { downloadTemplate } from "giget";
 import fs14 from "fs-extra";
-import path6 from "node:path";
+import path5 from "node:path";
 import pc7 from "picocolors";
 async function initialize(options) {
   consola5.info("Initalizing new project");
@@ -2904,7 +3046,7 @@ async function initialize(options) {
   input.template ??= defaultTemplate;
   input.packageManager ??= options.packageManager;
   await cloneProject(input);
-  const cdPath = path6.relative(process.cwd(), path6.resolve(input.directory));
+  const cdPath = path5.relative(process.cwd(), path5.resolve(input.directory));
   console.log();
   consola5.log(
     `\u2728 WXT project created with the ${TEMPLATE_COLORS[input.template.name]?.(input.template.name) ?? input.template.name} template.`
@@ -2956,8 +3098,8 @@ async function cloneProject({
       force: true
     });
     await fs14.move(
-      path6.join(directory, "_gitignore"),
-      path6.join(directory, ".gitignore")
+      path5.join(directory, "_gitignore"),
+      path5.join(directory, ".gitignore")
     ).catch(
       (err) => consola5.warn("Failed to move _gitignore to .gitignore:", err)
     );
@@ -3023,8 +3165,8 @@ async function zip(config) {
     );
     await zipdir(internalConfig.zip.sourcesRoot, {
       saveTo: sourcesZipPath,
-      filter(path7) {
-        const relativePath = relative9(internalConfig.zip.sourcesRoot, path7);
+      filter(path6) {
+        const relativePath = relative9(internalConfig.zip.sourcesRoot, path6);
         const matchedPattern = internalConfig.zip.ignoredSources.find(
           (pattern) => minimatch2(relativePath, pattern)
         );