wxt 0.14.0 → 0.14.2-alpha2

package/dist/index.cjs

@@ -40,7 +40,7 @@ var require_windows = __commonJS({
     module2.exports = isexe;
     isexe.sync = sync;
     var fs16 = require("fs");
-    function checkPathExt(path10, options) {
+    function checkPathExt(path9, options) {
       var pathext = options.pathExt !== void 0 ? options.pathExt : process.env.PATHEXT;
       if (!pathext) {
         return true;
@@ -51,25 +51,25 @@ var require_windows = __commonJS({
       }
       for (var i = 0; i < pathext.length; i++) {
         var p = pathext[i].toLowerCase();
-        if (p && path10.substr(-p.length).toLowerCase() === p) {
+        if (p && path9.substr(-p.length).toLowerCase() === p) {
           return true;
         }
       }
       return false;
     }
-    function checkStat(stat, path10, options) {
+    function checkStat(stat, path9, options) {
       if (!stat.isSymbolicLink() && !stat.isFile()) {
         return false;
       }
-      return checkPathExt(path10, options);
+      return checkPathExt(path9, options);
     }
-    function isexe(path10, options, cb) {
-      fs16.stat(path10, function(er, stat) {
-        cb(er, er ? false : checkStat(stat, path10, options));
+    function isexe(path9, options, cb) {
+      fs16.stat(path9, function(er, stat) {
+        cb(er, er ? false : checkStat(stat, path9, options));
       });
     }
-    function sync(path10, options) {
-      return checkStat(fs16.statSync(path10), path10, options);
+    function sync(path9, options) {
+      return checkStat(fs16.statSync(path9), path9, options);
     }
   }
 });
@@ -81,13 +81,13 @@ var require_mode = __commonJS({
     module2.exports = isexe;
     isexe.sync = sync;
     var fs16 = require("fs");
-    function isexe(path10, options, cb) {
-      fs16.stat(path10, function(er, stat) {
+    function isexe(path9, options, cb) {
+      fs16.stat(path9, function(er, stat) {
         cb(er, er ? false : checkStat(stat, options));
       });
     }
-    function sync(path10, options) {
-      return checkStat(fs16.statSync(path10), options);
+    function sync(path9, options) {
+      return checkStat(fs16.statSync(path9), options);
     }
     function checkStat(stat, options) {
       return stat.isFile() && checkMode(stat, options);
@@ -121,7 +121,7 @@ var require_isexe = __commonJS({
     }
     module2.exports = isexe;
     isexe.sync = sync;
-    function isexe(path10, options, cb) {
+    function isexe(path9, options, cb) {
       if (typeof options === "function") {
         cb = options;
         options = {};
@@ -131,7 +131,7 @@ var require_isexe = __commonJS({
           throw new TypeError("callback not provided");
         }
         return new Promise(function(resolve14, reject) {
-          isexe(path10, options || {}, function(er, is) {
+          isexe(path9, options || {}, function(er, is) {
             if (er) {
               reject(er);
             } else {
@@ -140,7 +140,7 @@ var require_isexe = __commonJS({
           });
         });
       }
-      core(path10, options || {}, function(er, is) {
+      core(path9, options || {}, function(er, is) {
         if (er) {
           if (er.code === "EACCES" || options && options.ignoreErrors) {
             er = null;
@@ -150,9 +150,9 @@ var require_isexe = __commonJS({
         cb(er, is);
       });
     }
-    function sync(path10, options) {
+    function sync(path9, options) {
       try {
-        return core.sync(path10, options || {});
+        return core.sync(path9, options || {});
       } catch (er) {
         if (options && options.ignoreErrors || er.code === "EACCES") {
           return false;
@@ -169,7 +169,7 @@ var require_which = __commonJS({
   "node_modules/.pnpm/which@2.0.2/node_modules/which/which.js"(exports, module2) {
     "use strict";
     var isWindows = process.platform === "win32" || process.env.OSTYPE === "cygwin" || process.env.OSTYPE === "msys";
-    var path10 = require("path");
+    var path9 = require("path");
     var COLON = isWindows ? ";" : ":";
     var isexe = require_isexe();
     var getNotFoundError = (cmd) => Object.assign(new Error(`not found: ${cmd}`), { code: "ENOENT" });
@@ -207,7 +207,7 @@ var require_which = __commonJS({
           return opt.all && found.length ? resolve14(found) : reject(getNotFoundError(cmd));
         const ppRaw = pathEnv[i];
         const pathPart = /^".*"$/.test(ppRaw) ? ppRaw.slice(1, -1) : ppRaw;
-        const pCmd = path10.join(pathPart, cmd);
+        const pCmd = path9.join(pathPart, cmd);
         const p = !pathPart && /^\.[\\\/]/.test(cmd) ? cmd.slice(0, 2) + pCmd : pCmd;
         resolve14(subStep(p, i, 0));
       });
@@ -234,7 +234,7 @@ var require_which = __commonJS({
       for (let i = 0; i < pathEnv.length; i++) {
         const ppRaw = pathEnv[i];
         const pathPart = /^".*"$/.test(ppRaw) ? ppRaw.slice(1, -1) : ppRaw;
-        const pCmd = path10.join(pathPart, cmd);
+        const pCmd = path9.join(pathPart, cmd);
         const p = !pathPart && /^\.[\\\/]/.test(cmd) ? cmd.slice(0, 2) + pCmd : pCmd;
         for (let j = 0; j < pathExt.length; j++) {
           const cur = p + pathExt[j];
@@ -282,7 +282,7 @@ var require_path_key = __commonJS({
 var require_resolveCommand = __commonJS({
   "node_modules/.pnpm/cross-spawn@7.0.3/node_modules/cross-spawn/lib/util/resolveCommand.js"(exports, module2) {
     "use strict";
-    var path10 = require("path");
+    var path9 = require("path");
     var which = require_which();
     var getPathKey = require_path_key();
     function resolveCommandAttempt(parsed, withoutPathExt) {
@@ -300,7 +300,7 @@ var require_resolveCommand = __commonJS({
       try {
         resolved = which.sync(parsed.command, {
           path: env[getPathKey({ env })],
-          pathExt: withoutPathExt ? path10.delimiter : void 0
+          pathExt: withoutPathExt ? path9.delimiter : void 0
         });
       } catch (e) {
       } finally {
@@ -309,7 +309,7 @@ var require_resolveCommand = __commonJS({
         }
       }
       if (resolved) {
-        resolved = path10.resolve(hasCustomCwd ? parsed.options.cwd : "", resolved);
+        resolved = path9.resolve(hasCustomCwd ? parsed.options.cwd : "", resolved);
       }
       return resolved;
     }
@@ -363,8 +363,8 @@ var require_shebang_command = __commonJS({
       if (!match) {
         return null;
       }
-      const [path10, argument] = match[0].replace(/#! ?/, "").split(" ");
-      const binary = path10.split("/").pop();
+      const [path9, argument] = match[0].replace(/#! ?/, "").split(" ");
+      const binary = path9.split("/").pop();
       if (binary === "env") {
         return argument;
       }
@@ -399,7 +399,7 @@ var require_readShebang = __commonJS({
 var require_parse = __commonJS({
   "node_modules/.pnpm/cross-spawn@7.0.3/node_modules/cross-spawn/lib/parse.js"(exports, module2) {
     "use strict";
-    var path10 = require("path");
+    var path9 = require("path");
     var resolveCommand = require_resolveCommand();
     var escape = require_escape();
     var readShebang = require_readShebang();
@@ -424,7 +424,7 @@ var require_parse = __commonJS({
       const needsShell = !isExecutableRegExp.test(commandFile);
       if (parsed.options.forceShell || needsShell) {
         const needsDoubleEscapeMetaChars = isCmdShimRegExp.test(commandFile);
-        parsed.command = path10.normalize(parsed.command);
+        parsed.command = path9.normalize(parsed.command);
         parsed.command = escape.command(parsed.command);
         parsed.args = parsed.args.map((arg) => escape.argument(arg, needsDoubleEscapeMetaChars));
         const shellCommand = [parsed.command].concat(parsed.args).join(" ");
@@ -590,9 +590,9 @@ function npmRunPath(options = {}) {
 }
 function npmRunPathEnv({ env = import_node_process.default.env, ...options } = {}) {
   env = { ...env };
-  const path10 = pathKey({ env });
-  options.path = env[path10];
-  env[path10] = npmRunPath(options);
+  const path9 = pathKey({ env });
+  options.path = env[path9];
+  env[path9] = npmRunPath(options);
   return env;
 }
 var import_node_process, import_node_path11, import_node_url2;
@@ -1891,12 +1891,12 @@ var require_merge_stream = __commonJS({
 });
 
 // node_modules/.pnpm/execa@8.0.1/node_modules/execa/lib/stream.js
-var import_node_fs2, import_promises, import_merge_stream, validateInputOptions, getInputSync, handleInputSync, getInput, handleInput, makeAllStream, getBufferedData, getStreamPromise, applyEncoding, getSpawnedResult;
+var import_node_fs2, import_promises2, import_merge_stream, validateInputOptions, getInputSync, handleInputSync, getInput, handleInput, makeAllStream, getBufferedData, getStreamPromise, applyEncoding, getSpawnedResult;
 var init_stream = __esm({
   "node_modules/.pnpm/execa@8.0.1/node_modules/execa/lib/stream.js"() {
     "use strict";
     import_node_fs2 = require("fs");
-    import_promises = require("timers/promises");
+    import_promises2 = require("timers/promises");
     init_is_stream();
     init_source();
     import_merge_stream = __toESM(require_merge_stream(), 1);
@@ -1954,7 +1954,7 @@ var init_stream = __esm({
       if (!stream || streamPromise === void 0) {
         return;
       }
-      await (0, import_promises.setTimeout)(0);
+      await (0, import_promises2.setTimeout)(0);
       stream.destroy();
       try {
         return await streamPromise;
@@ -2434,11 +2434,11 @@ var import_fast_glob = __toESM(require("fast-glob"), 1);
 // src/core/utils/paths.ts
 var import_node_path = __toESM(require("path"), 1);
 var import_normalize_path = __toESM(require("normalize-path"), 1);
-function normalizePath(path10) {
-  return (0, import_normalize_path.default)(path10);
+function normalizePath(path9) {
+  return (0, import_normalize_path.default)(path9);
 }
-function unnormalizePath(path10) {
-  return import_node_path.default.normalize(path10);
+function unnormalizePath(path9) {
+  return import_node_path.default.normalize(path9);
 }
 var CSS_EXTENSIONS = ["css", "scss", "sass", "less", "styl", "stylus"];
 var CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
@@ -2459,8 +2459,145 @@ async function getPublicFiles(config) {
 
 // src/core/utils/building/build-entrypoints.ts
 var import_fs_extra2 = __toESM(require("fs-extra"), 1);
-var import_path = require("path");
+var import_node_path2 = require("path");
 var import_picocolors = __toESM(require("picocolors"), 1);
+
+// src/i18n/node.ts
+var import_promises = require("fs/promises");
+var import_json5 = __toESM(require("json5"), 1);
+var import_yaml = __toESM(require("yaml"), 1);
+async function readMessagesFile(file) {
+  const text = await (0, import_promises.readFile)(file, "utf-8");
+  return readMessagesText(text);
+}
+function readMessagesText(text) {
+  const parsers = [
+    JSON.parse,
+    import_json5.default.parse,
+    import_yaml.default.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++) {
@@ -2469,7 +2606,10 @@ async function buildEntrypoints(groups, config, spinner) {
     spinner.text = import_picocolors.default.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) {
@@ -2478,9 +2618,9 @@ async function copyPublicDirectory(config) {
     return [];
   const publicAssets = [];
   for (const file of files) {
-    const srcPath = (0, import_path.resolve)(config.publicDir, file);
-    const outPath = (0, import_path.resolve)(config.outDir, file);
-    await import_fs_extra2.default.ensureDir((0, import_path.dirname)(outPath));
+    const srcPath = (0, import_node_path2.resolve)(config.publicDir, file);
+    const outPath = (0, import_node_path2.resolve)(config.outDir, file);
+    await import_fs_extra2.default.ensureDir((0, import_node_path2.dirname)(outPath));
     await import_fs_extra2.default.copyFile(srcPath, outPath);
     publicAssets.push({
       type: "asset",
@@ -2489,6 +2629,28 @@ async function copyPublicDirectory(config) {
   }
   return publicAssets;
 }
+async function copyLocalesDirectory(config) {
+  const localesExist = await import_fs_extra2.default.exists(config.localesDir);
+  if (!localesExist || config.manifest.default_locale == null)
+    return [];
+  const files = await import_fs_extra2.default.readdir(config.localesDir);
+  return await Promise.all(
+    files.map(async (file) => {
+      const locale = file.replace((0, import_node_path2.extname)(file), "");
+      const fileName = unnormalizePath(`_locales/${locale}/messages.json`);
+      const srcPath = (0, import_node_path2.resolve)(config.localesDir, file);
+      const outPath = (0, import_node_path2.resolve)(config.outDir, fileName);
+      const messages = await readMessagesFile(srcPath);
+      const json = convertMessagesToManifest(messages);
+      await import_fs_extra2.default.ensureDir((0, import_node_path2.dirname)(outPath));
+      await import_fs_extra2.default.writeJson(outPath, json);
+      return {
+        fileName,
+        type: "asset"
+      };
+    })
+  );
+}
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -2583,26 +2745,26 @@ function findEffectedSteps(changedFile, currentOutput) {
 }
 
 // src/core/utils/building/find-entrypoints.ts
-var import_path2 = require("path");
+var import_path = require("path");
 var import_fs_extra3 = __toESM(require("fs-extra"), 1);
 var import_minimatch = require("minimatch");
 var import_linkedom = require("linkedom");
-var import_json5 = __toESM(require("json5"), 1);
+var import_json52 = __toESM(require("json5"), 1);
 var import_fast_glob2 = __toESM(require("fast-glob"), 1);
 
 // src/core/utils/entrypoints.ts
-var import_node_path2 = __toESM(require("path"), 1);
+var import_node_path3 = __toESM(require("path"), 1);
 function getEntrypointName(entrypointsDir, inputPath) {
-  const relativePath = import_node_path2.default.relative(entrypointsDir, inputPath);
+  const relativePath = import_node_path3.default.relative(entrypointsDir, inputPath);
   const name = relativePath.split(/[\.\/\\]/, 2)[0];
   return name;
 }
 function getEntrypointOutputFile(entrypoint, ext) {
-  return (0, import_node_path2.resolve)(entrypoint.outputDir, `${entrypoint.name}${ext}`);
+  return (0, import_node_path3.resolve)(entrypoint.outputDir, `${entrypoint.name}${ext}`);
 }
 function getEntrypointBundlePath(entrypoint, outDir, ext) {
   return normalizePath(
-    (0, import_node_path2.relative)(outDir, getEntrypointOutputFile(entrypoint, ext))
+    (0, import_node_path3.relative)(outDir, getEntrypointOutputFile(entrypoint, ext))
   );
 }
 function resolvePerBrowserOption(option, browser) {
@@ -2622,10 +2784,10 @@ async function findEntrypoints(config) {
   relativePaths.sort();
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
   const entrypointInfos = relativePaths.reduce((results, relativePath) => {
-    const inputPath = (0, import_path2.resolve)(config.entrypointsDir, relativePath);
+    const inputPath = (0, import_path.resolve)(config.entrypointsDir, relativePath);
     const name = getEntrypointName(config.entrypointsDir, inputPath);
     const matchingGlob = pathGlobs.find(
-      (glob5) => (0, import_minimatch.minimatch)(relativePath, glob5)
+      (glob6) => (0, import_minimatch.minimatch)(relativePath, glob6)
     );
     if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
@@ -2657,7 +2819,7 @@ async function findEntrypoints(config) {
           return {
             ...info,
             type,
-            outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
+            outputDir: (0, import_path.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
             options: {
               include: void 0,
               exclude: void 0
@@ -2719,7 +2881,7 @@ function preventDuplicateEntrypointNames(config, files) {
       if (absolutePaths.length > 1) {
         lines.push(`- ${name}`);
         absolutePaths.forEach((absolutePath) => {
-          lines.push(`  - ${(0, import_path2.relative)(config.root, absolutePath)}`);
+          lines.push(`  - ${(0, import_path.relative)(config.root, absolutePath)}`);
         });
       }
       return lines;
@@ -2744,11 +2906,11 @@ function getHtmlBaseOptions(document) {
   const options = {};
   const includeContent = document.querySelector("meta[name='manifest.include']")?.getAttribute("content");
   if (includeContent) {
-    options.include = import_json5.default.parse(includeContent);
+    options.include = import_json52.default.parse(includeContent);
   }
   const excludeContent = document.querySelector("meta[name='manifest.exclude']")?.getAttribute("content");
   if (excludeContent) {
-    options.exclude = import_json5.default.parse(excludeContent);
+    options.exclude = import_json52.default.parse(excludeContent);
   }
   return options;
 }
@@ -2762,7 +2924,7 @@ async function getPopupEntrypoint(config, { inputPath, name }) {
   const defaultIconContent = document.querySelector("meta[name='manifest.default_icon']")?.getAttribute("content");
   if (defaultIconContent) {
     try {
-      options.defaultIcon = import_json5.default.parse(defaultIconContent);
+      options.defaultIcon = import_json52.default.parse(defaultIconContent);
     } catch (err) {
       config.logger.fatal(
         `Failed to parse default_icon meta tag content as JSON5. content=${defaultIconContent}`,
@@ -2879,7 +3041,7 @@ async function getContentScriptEntrypoint(config, { inputPath, name }) {
     type: "content-script",
     name,
     inputPath,
-    outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
+    outputDir: (0, import_path.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
 }
@@ -2927,7 +3089,7 @@ var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 // src/core/utils/building/generate-wxt-dir.ts
 var import_unimport = require("unimport");
 var import_fs_extra4 = __toESM(require("fs-extra"), 1);
-var import_path3 = require("path");
+var import_path2 = require("path");
 
 // src/core/utils/unimport.ts
 var import_defu = require("defu");
@@ -2938,7 +3100,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" },
@@ -3011,46 +3174,7 @@ function surroundInUnderscore(name) {
 }
 
 // src/core/utils/building/generate-wxt-dir.ts
-var import_node_path3 = __toESM(require("path"), 1);
-
-// 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
+var import_fast_glob3 = __toESM(require("fast-glob"), 1);
 async function generateTypesDir(entrypoints, config) {
   await import_fs_extra4.default.ensureDir(config.typesDir);
   const references = [];
@@ -3065,7 +3189,7 @@ async function generateTypesDir(entrypoints, config) {
   await writeTsConfigFile(mainReference, config);
 }
 async function writeImportsDeclarationFile(config, unimportOptions) {
-  const filePath = (0, import_path3.resolve)(config.typesDir, "imports.d.ts");
+  const filePath = (0, import_path2.resolve)(config.typesDir, "imports.d.ts");
   const unimport2 = (0, import_unimport.createUnimport)(unimportOptions);
   await unimport2.scanImportsFromDir(void 0, { cwd: config.srcDir });
   await writeFileIfDifferent(
@@ -3077,14 +3201,14 @@ async function writeImportsDeclarationFile(config, unimportOptions) {
   return filePath;
 }
 async function writePathsDeclarationFile(entrypoints, config) {
-  const filePath = (0, import_path3.resolve)(config.typesDir, "paths.d.ts");
+  const filePath = (0, import_path2.resolve)(config.typesDir, "paths.d.ts");
   const unions = entrypoints.map(
     (entry) => getEntrypointBundlePath(
       entry,
       config.outDir,
       entry.inputPath.endsWith(".html") ? ".html" : ".js"
     )
-  ).concat(await getPublicFiles(config)).map(normalizePath).map((path10) => `    | "/${path10}"`).sort().join("\n");
+  ).concat(await getPublicFiles(config)).map(normalizePath).map((path9) => `    | "/${path9}"`).sort().join("\n");
   const template = `// Generated by wxt
 import "wxt/browser";
 
@@ -3103,7 +3227,7 @@ declare module "wxt/browser" {
   return filePath;
 }
 async function writeI18nDeclarationFile(config) {
-  const filePath = (0, import_path3.resolve)(config.typesDir, "i18n.d.ts");
+  const filePath = (0, import_path2.resolve)(config.typesDir, "i18n.d.ts");
   const defaultLocale = config.manifest.default_locale;
   const template = `// Generated by wxt
 import "wxt/browser";
@@ -3120,28 +3244,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 = import_node_path3.default.resolve(
-      config.publicDir,
-      "_locales",
-      defaultLocale,
-      "messages.json"
-    );
-    const content = JSON.parse(await import_fs_extra4.default.readFile(defaultLocalePath, "utf-8"));
-    messages = parseI18nMessages(content);
+    const [defaultLocalePath] = await (0, import_fast_glob3.default)(`${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}",
@@ -3151,12 +3283,18 @@ 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;
 }
 async function writeGlobalsDeclarationFile(config) {
-  const filePath = (0, import_path3.resolve)(config.typesDir, "globals.d.ts");
+  const filePath = (0, import_path2.resolve)(config.typesDir, "globals.d.ts");
   const globals2 = [...getGlobals(config), ...getEntrypointGlobals("")];
   await writeFileIfDifferent(
     filePath,
@@ -3172,14 +3310,14 @@ async function writeGlobalsDeclarationFile(config) {
 }
 async function writeMainDeclarationFile(references, config) {
   const dir = config.wxtDir;
-  const filePath = (0, import_path3.resolve)(dir, "wxt.d.ts");
+  const filePath = (0, import_path2.resolve)(dir, "wxt.d.ts");
   await writeFileIfDifferent(
     filePath,
     [
       "// Generated by wxt",
       `/// <reference types="wxt/vite-builder-env" />`,
       ...references.map(
-        (ref) => `/// <reference types="./${normalizePath((0, import_path3.relative)(dir, ref))}" />`
+        (ref) => `/// <reference types="./${normalizePath((0, import_path2.relative)(dir, ref))}" />`
       )
     ].join("\n") + "\n"
   );
@@ -3187,7 +3325,7 @@ async function writeMainDeclarationFile(references, config) {
 }
 async function writeTsConfigFile(mainReference, config) {
   const dir = config.wxtDir;
-  const getTsconfigPath = (path10) => normalizePath((0, import_path3.relative)(dir, path10));
+  const getTsconfigPath = (path9) => normalizePath((0, import_path2.relative)(dir, path9));
   const paths = Object.entries(config.alias).flatMap(([alias, absolutePath]) => {
     const aliasPath = getTsconfigPath(absolutePath);
     return [
@@ -3196,7 +3334,7 @@ async function writeTsConfigFile(mainReference, config) {
     ];
   }).join(",\n");
   await writeFileIfDifferent(
-    (0, import_path3.resolve)(dir, "tsconfig.json"),
+    (0, import_path2.resolve)(dir, "tsconfig.json"),
     `{
   "compilerOptions": {
     "target": "ESNext",
@@ -3227,19 +3365,19 @@ var import_node_path7 = __toESM(require("path"), 1);
 
 // src/core/utils/cache.ts
 var import_fs_extra5 = __toESM(require("fs-extra"), 1);
-var import_path4 = require("path");
+var import_path3 = require("path");
 function createFsCache(wxtDir) {
-  const getPath = (key) => (0, import_path4.resolve)(wxtDir, "cache", encodeURIComponent(key));
+  const getPath = (key) => (0, import_path3.resolve)(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
-      const path10 = getPath(key);
-      await (0, import_fs_extra5.ensureDir)((0, import_path4.dirname)(path10));
-      await writeFileIfDifferent(path10, value);
+      const path9 = getPath(key);
+      await (0, import_fs_extra5.ensureDir)((0, import_path3.dirname)(path9));
+      await writeFileIfDifferent(path9, value);
     },
     async get(key) {
-      const path10 = getPath(key);
+      const path9 = getPath(key);
       try {
-        return await import_fs_extra5.default.readFile(path10, "utf-8");
+        return await import_fs_extra5.default.readFile(path9, "utf-8");
       } catch {
         return void 0;
       }
@@ -3521,7 +3659,7 @@ async function removeEmptyDirs(dir) {
 
 // src/core/builders/vite/plugins/unimport.ts
 var import_unimport3 = require("unimport");
-var import_path5 = require("path");
+var import_path4 = require("path");
 var ENABLED_EXTENSIONS = /* @__PURE__ */ new Set([
   ".js",
   ".jsx",
@@ -3543,7 +3681,7 @@ function unimport(config) {
     async transform(code, id) {
       if (id.includes("node_modules"))
         return;
-      if (!ENABLED_EXTENSIONS.has((0, import_path5.extname)(id)))
+      if (!ENABLED_EXTENSIONS.has((0, import_path4.extname)(id)))
         return;
       return unimport2.injectImports(code, id);
     }
@@ -3552,7 +3690,7 @@ function unimport(config) {
 
 // src/core/builders/vite/plugins/virtualEntrypoint.ts
 var import_fs_extra7 = __toESM(require("fs-extra"), 1);
-var import_path6 = require("path");
+var import_path5 = require("path");
 function virtualEntrypoint(type, config) {
   const virtualId = `virtual:wxt-${type}?`;
   const resolvedVirtualId = `\0${virtualId}`;
@@ -3570,7 +3708,7 @@ function virtualEntrypoint(type, config) {
         return;
       const inputPath = id.replace(resolvedVirtualId, "");
       const template = await import_fs_extra7.default.readFile(
-        (0, import_path6.resolve)(
+        (0, import_path5.resolve)(
           config.root,
           `node_modules/wxt/dist/virtual/${type}-entrypoint.js`
         ),
@@ -3710,7 +3848,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) ?? {};
@@ -3948,6 +4086,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     mergedConfig.entrypointsDir ?? "entrypoints"
   );
   const publicDir = import_node_path7.default.resolve(srcDir, mergedConfig.publicDir ?? "public");
+  const localesDir = import_node_path7.default.resolve(srcDir, mergedConfig.localesDir ?? "locales");
   const typesDir = import_node_path7.default.resolve(wxtDir, "types");
   const outBaseDir = import_node_path7.default.resolve(root, mergedConfig.outDir ?? ".output");
   const outDir = import_node_path7.default.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
@@ -3983,6 +4122,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     outBaseDir,
     outDir,
     publicDir,
+    localesDir,
     root,
     runnerConfig,
     srcDir,
@@ -4004,7 +4144,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     },
     server
   };
-  const builder = await craeteViteBuilder(
+  const builder = await createViteBuilder(
     inlineConfig,
     userConfig,
     finalConfig
@@ -4051,6 +4191,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,
@@ -4156,16 +4297,16 @@ ${noImports}`;
 var import_esbuild = require("esbuild");
 var import_node_url = require("url");
 var import_meta = {};
-async function importEntrypointFile(path10, config) {
-  config.logger.debug("Loading file metadata:", path10);
-  const normalPath = normalizePath(path10);
+async function importEntrypointFile(path9, config) {
+  config.logger.debug("Loading file metadata:", path9);
+  const normalPath = normalizePath(path9);
   const unimport2 = (0, import_unimport5.createUnimport)({
     ...getUnimportOptions(config),
     // Only allow specific imports, not all from the project
     dirs: []
   });
   await unimport2.init();
-  const text = await import_fs_extra8.default.readFile(path10, "utf-8");
+  const text = await import_fs_extra8.default.readFile(path9, "utf-8");
   const textNoImports = removeProjectImportStatements(text);
   const { code } = await unimport2.injectImports(textNoImports);
   config.logger.debug(
@@ -4208,7 +4349,7 @@ async function importEntrypointFile(path10, config) {
     }
   );
   try {
-    const res = await jiti(path10);
+    const res = await jiti(path9);
     return res.default;
   } catch (err) {
     config.logger.error(err);
@@ -4229,7 +4370,7 @@ var import_picocolors4 = __toESM(require("picocolors"), 1);
 var import_fs_extra12 = __toESM(require("fs-extra"), 1);
 
 // src/core/utils/log/printBuildSummary.ts
-var import_path7 = require("path");
+var import_path6 = require("path");
 
 // src/core/utils/log/printFileList.ts
 var import_node_path9 = __toESM(require("path"), 1);
@@ -4316,7 +4457,7 @@ async function printBuildSummary(log, header, output, config) {
       return diff;
     return l.fileName.localeCompare(r.fileName);
   });
-  const files = chunks.map((chunk) => (0, import_path7.resolve)(config.outDir, chunk.fileName));
+  const files = chunks.map((chunk) => (0, import_path6.resolve)(config.outDir, chunk.fileName));
   await printFileList(log, header, config.outDir, files);
 }
 var DEFAULT_SORT_WEIGHT = 100;
@@ -4337,17 +4478,17 @@ function getChunkSortWeight(filename) {
 var import_picocolors3 = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "0.14.0";
+var version = "0.14.2-alpha2";
 
 // src/core/utils/log/printHeader.ts
 var import_consola2 = require("consola");
 
 // src/core/utils/building/internal-build.ts
-var import_fast_glob3 = __toESM(require("fast-glob"), 1);
+var import_fast_glob4 = __toESM(require("fast-glob"), 1);
 
 // src/core/utils/manifest.ts
 var import_fs_extra11 = __toESM(require("fs-extra"), 1);
-var import_path8 = require("path");
+var import_path7 = require("path");
 
 // src/core/utils/content-security-policy.ts
 var ContentSecurityPolicy = class _ContentSecurityPolicy {
@@ -4471,7 +4612,7 @@ var import_defu3 = __toESM(require("defu"), 1);
 async function writeManifest(manifest, output, config) {
   const str = config.mode === "production" ? JSON.stringify(manifest) : JSON.stringify(manifest, null, 2);
   await import_fs_extra11.default.ensureDir(config.outDir);
-  await writeFileIfDifferent((0, import_path8.resolve)(config.outDir, "manifest.json"), str);
+  await writeFileIfDifferent((0, import_path7.resolve)(config.outDir, "manifest.json"), str);
   output.publicAssets.unshift({
     type: "asset",
     fileName: "manifest.json"
@@ -4500,7 +4641,7 @@ async function generateManifest(entrypoints, buildOutput, config) {
       "wxt:reload-extension": {
         description: "Reload the extension during development",
         suggested_key: {
-          default: "Ctrl+E"
+          default: "Alt+R"
         }
       }
     };
@@ -4873,13 +5014,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")
@@ -4929,7 +5069,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)}`,
@@ -4947,7 +5087,7 @@ async function internalBuild(config) {
 }
 async function combineAnalysisStats(config) {
   const { execaCommand: execaCommand2 } = await Promise.resolve().then(() => (init_execa(), execa_exports));
-  const unixFiles = await (0, import_fast_glob3.default)(`stats-*.json`, {
+  const unixFiles = await (0, import_fast_glob4.default)(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
@@ -4966,7 +5106,7 @@ async function build(config) {
 
 // src/core/clean.ts
 var import_node_path13 = __toESM(require("path"), 1);
-var import_fast_glob4 = __toESM(require("fast-glob"), 1);
+var import_fast_glob5 = __toESM(require("fast-glob"), 1);
 var import_fs_extra13 = __toESM(require("fs-extra"), 1);
 var import_consola3 = require("consola");
 var import_picocolors5 = __toESM(require("picocolors"), 1);
@@ -4979,7 +5119,7 @@ async function clean(root = process.cwd()) {
     ".output/*"
   ];
   import_consola3.consola.debug("Looking for:", tempDirs.map(import_picocolors5.default.cyan).join(", "));
-  const directories = await (0, import_fast_glob4.default)(tempDirs, {
+  const directories = await (0, import_fast_glob5.default)(tempDirs, {
     cwd: import_node_path13.default.resolve(root),
     absolute: true,
     onlyDirectories: true,
@@ -5171,8 +5311,8 @@ async function createServer(inlineConfig) {
     reloadContentScript(contentScript) {
       server.ws.send("wxt:reload-content-script", contentScript);
     },
-    reloadPage(path10) {
-      server.ws.send("wxt:reload-page", path10);
+    reloadPage(path9) {
+      server.ws.send("wxt:reload-page", path9);
     },
     reloadExtension() {
       server.ws.send("wxt:reload-extension");
@@ -5207,12 +5347,12 @@ function createFileReloader(options) {
   const { server, getLatestConfig, updateConfig } = options;
   const fileChangedMutex = new import_async_mutex.Mutex();
   const changeQueue = [];
-  return async (event, path10) => {
+  return async (event, path9) => {
     const config = await getLatestConfig();
     updateConfig(config);
-    if (path10.startsWith(config.outBaseDir))
+    if (path9.startsWith(config.outBaseDir))
       return;
-    changeQueue.push([event, path10]);
+    changeQueue.push([event, path9]);
     await fileChangedMutex.runExclusive(async () => {
       const fileChanges = changeQueue.splice(0, changeQueue.length);
       if (fileChanges.length === 0)
@@ -5228,8 +5368,10 @@ function createFileReloader(options) {
           (0, import_node_path17.relative)(config.outDir, getEntrypointOutputFile(entry, ""))
         );
       }).join(import_picocolors6.default.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
@@ -5282,8 +5424,8 @@ function reloadContentScripts(steps, config, server) {
 }
 function reloadHtmlPages(groups, server, config) {
   groups.flat().forEach((entry) => {
-    const path10 = getEntrypointBundlePath(entry, config.outDir, ".html");
-    server.reloadPage(path10);
+    const path9 = getEntrypointBundlePath(entry, config.outDir, ".html");
+    server.reloadPage(path9);
   });
 }
 
@@ -5459,8 +5601,8 @@ async function zip(config) {
     );
     await (0, import_zip_dir.default)(internalConfig.zip.sourcesRoot, {
       saveTo: sourcesZipPath,
-      filter(path10) {
-        const relativePath = (0, import_node_path19.relative)(internalConfig.zip.sourcesRoot, path10);
+      filter(path9) {
+        const relativePath = (0, import_node_path19.relative)(internalConfig.zip.sourcesRoot, path9);
         const matchedPattern = internalConfig.zip.ignoredSources.find(
           (pattern) => (0, import_minimatch2.minimatch)(relativePath, pattern)
         );