wxt 0.14.0 → 0.14.2-alpha2

package/dist/chunk-JPUPWTMG.js

@@ -0,0 +1,7 @@
+// src/browser.ts
+import originalBrowser from "webextension-polyfill";
+var browser = originalBrowser;
+
+export {
+  browser
+};

package/dist/{chunk-4BYWUUR2.js → chunk-Y6R4JWTX.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.14.0";
+var version = "0.14.2-alpha2";
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -12,11 +12,11 @@ function every(array, predicate) {
 // src/core/utils/paths.ts
 import systemPath from "node:path";
 import normalize from "normalize-path";
-function normalizePath(path6) {
-  return normalize(path6);
+function normalizePath(path5) {
+  return normalize(path5);
 }
-function unnormalizePath(path6) {
-  return systemPath.normalize(path6);
+function unnormalizePath(path5) {
+  return systemPath.normalize(path5);
 }
 var CSS_EXTENSIONS = ["css", "scss", "sass", "less", "styl", "stylus"];
 var CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
@@ -131,7 +131,7 @@ import { relative as relative4, resolve as resolve12 } from "path";
 import fs12 from "fs-extra";
 import { minimatch } from "minimatch";
 import { parseHTML as parseHTML2 } from "linkedom";
-import JSON5 from "json5";
+import JSON52 from "json5";
 
 // src/core/utils/fs.ts
 import fs from "fs-extra";
@@ -151,8 +151,145 @@ async function getPublicFiles(config) {
 
 // src/core/utils/building/build-entrypoints.ts
 import fs2 from "fs-extra";
-import { dirname, resolve as resolve2 } from "path";
+import { dirname, resolve as resolve2, 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++) {
@@ -161,7 +298,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) {
@@ -181,6 +321,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 = resolve2(config.localesDir, file);
+      const outPath = resolve2(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/building/generate-wxt-dir.ts
 import { createUnimport } from "unimport";
@@ -196,7 +358,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" },
@@ -269,46 +432,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 glob2 from "fast-glob";
 async function generateTypesDir(entrypoints, config) {
   await fs3.ensureDir(config.typesDir);
   const references = [];
@@ -342,7 +466,7 @@ async function writePathsDeclarationFile(entrypoints, config) {
       config.outDir,
       entry.inputPath.endsWith(".html") ? ".html" : ".js"
     )
-  ).concat(await getPublicFiles(config)).map(normalizePath).map((path6) => `    | "/${path6}"`).sort().join("\n");
+  ).concat(await getPublicFiles(config)).map(normalizePath).map((path5) => `    | "/${path5}"`).sort().join("\n");
   const template = `// Generated by wxt
 import "wxt/browser";
 
@@ -378,28 +502,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 fs3.readFile(defaultLocalePath, "utf-8"));
-    messages = parseI18nMessages(content);
+    const [defaultLocalePath] = await glob2(`${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}",
@@ -409,7 +541,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;
 }
@@ -445,7 +583,7 @@ async function writeMainDeclarationFile(references, config) {
 }
 async function writeTsConfigFile(mainReference, config) {
   const dir = config.wxtDir;
-  const getTsconfigPath = (path6) => normalizePath(relative2(dir, path6));
+  const getTsconfigPath = (path5) => normalizePath(relative2(dir, path5));
   const paths = Object.entries(config.alias).flatMap(([alias, absolutePath]) => {
     const aliasPath = getTsconfigPath(absolutePath);
     return [
@@ -481,7 +619,7 @@ ${paths}
 
 // src/core/utils/building/get-internal-config.ts
 import { loadConfig } from "c12";
-import path4 from "node:path";
+import path3 from "node:path";
 
 // src/core/utils/cache.ts
 import fs4, { ensureDir } from "fs-extra";
@@ -490,14 +628,14 @@ function createFsCache(wxtDir) {
   const getPath = (key) => resolve4(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
-      const path6 = getPath(key);
-      await ensureDir(dirname2(path6));
-      await writeFileIfDifferent(path6, value);
+      const path5 = getPath(key);
+      await ensureDir(dirname2(path5));
+      await writeFileIfDifferent(path5, value);
     },
     async get(key) {
-      const path6 = getPath(key);
+      const path5 = getPath(key);
       try {
-        return await fs4.readFile(path6, "utf-8");
+        return await fs4.readFile(path5, "utf-8");
       } catch {
         return void 0;
       }
@@ -719,7 +857,7 @@ function download(config) {
 }
 
 // src/core/builders/vite/plugins/multipageMove.ts
-import { dirname as dirname4, extname, resolve as resolve6, join } from "node:path";
+import { dirname as dirname4, extname as extname2, resolve as resolve6, join } from "node:path";
 import fs5, { ensureDir as ensureDir2 } from "fs-extra";
 function multipageMove(entrypoints, config) {
   return {
@@ -738,7 +876,7 @@ function multipageMove(entrypoints, config) {
         const newBundlePath = getEntrypointBundlePath(
           entrypoint,
           config.outDir,
-          extname(oldBundlePath)
+          extname2(oldBundlePath)
         );
         if (newBundlePath === oldBundlePath) {
           config.logger.debug(
@@ -779,7 +917,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",
@@ -801,7 +939,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);
     }
@@ -927,7 +1065,7 @@ function globals(config) {
 }
 
 // src/core/builders/vite/plugins/webextensionPolyfillMock.ts
-import path3 from "node:path";
+import path2 from "node:path";
 function webextensionPolyfillMock(config) {
   return {
     name: "wxt:testing-inline-deps",
@@ -936,7 +1074,7 @@ function webextensionPolyfillMock(config) {
         resolve: {
           alias: {
             // Alias to use a mocked version of the polyfill
-            "webextension-polyfill": path3.resolve(
+            "webextension-polyfill": path2.resolve(
               config.root,
               "node_modules/wxt/dist/virtual/mock-browser"
             )
@@ -993,7 +1131,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) ?? {};
@@ -1221,19 +1359,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 = path4.resolve(
+  const root = path3.resolve(
     inlineConfig.root ?? userConfig.root ?? process.cwd()
   );
-  const wxtDir = path4.resolve(root, ".wxt");
-  const srcDir = path4.resolve(root, mergedConfig.srcDir ?? root);
-  const entrypointsDir = path4.resolve(
+  const wxtDir = path3.resolve(root, ".wxt");
+  const srcDir = path3.resolve(root, mergedConfig.srcDir ?? root);
+  const entrypointsDir = path3.resolve(
     srcDir,
     mergedConfig.entrypointsDir ?? "entrypoints"
   );
-  const publicDir = path4.resolve(srcDir, mergedConfig.publicDir ?? "public");
-  const typesDir = path4.resolve(wxtDir, "types");
-  const outBaseDir = path4.resolve(root, mergedConfig.outDir ?? ".output");
-  const outDir = path4.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
+  const publicDir = path3.resolve(srcDir, mergedConfig.publicDir ?? "public");
+  const localesDir = path3.resolve(srcDir, mergedConfig.localesDir ?? "locales");
+  const typesDir = path3.resolve(wxtDir, "types");
+  const outBaseDir = path3.resolve(root, mergedConfig.outDir ?? ".output");
+  const outDir = path3.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
   const runnerConfig = await loadConfig({
     name: "web-ext",
     cwd: root,
@@ -1249,7 +1388,7 @@ async function getInternalConfig(inlineConfig, command, server) {
       "~": srcDir,
       "@@": root,
       "~~": root
-    }).map(([key, value]) => [key, path4.resolve(root, value)])
+    }).map(([key, value]) => [key, path3.resolve(root, value)])
   );
   const finalConfig = {
     browser,
@@ -1266,6 +1405,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     outBaseDir,
     outDir,
     publicDir,
+    localesDir,
     root,
     runnerConfig,
     srcDir,
@@ -1287,7 +1427,7 @@ async function getInternalConfig(inlineConfig, command, server) {
     },
     server
   };
-  const builder = await craeteViteBuilder(
+  const builder = await createViteBuilder(
     inlineConfig,
     userConfig,
     finalConfig
@@ -1334,6 +1474,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,
@@ -1438,16 +1579,16 @@ ${noImports}`;
 // src/core/utils/building/import-entrypoint.ts
 import { transformSync } from "esbuild";
 import { fileURLToPath } from "node:url";
-async function importEntrypointFile(path6, config) {
-  config.logger.debug("Loading file metadata:", path6);
-  const normalPath = normalizePath(path6);
+async function importEntrypointFile(path5, config) {
+  config.logger.debug("Loading file metadata:", path5);
+  const normalPath = normalizePath(path5);
   const unimport2 = createUnimport3({
     ...getUnimportOptions(config),
     // Only allow specific imports, not all from the project
     dirs: []
   });
   await unimport2.init();
-  const text = await fs7.readFile(path6, "utf-8");
+  const text = await fs7.readFile(path5, "utf-8");
   const textNoImports = removeProjectImportStatements(text);
   const { code } = await unimport2.injectImports(textNoImports);
   config.logger.debug(
@@ -1490,7 +1631,7 @@ async function importEntrypointFile(path6, config) {
     }
   );
   try {
-    const res = await jiti(path6);
+    const res = await jiti(path5);
     return res.default;
   } catch (err) {
     config.logger.error(err);
@@ -1514,7 +1655,7 @@ import fs11 from "fs-extra";
 import { resolve as resolve9 } from "path";
 
 // src/core/utils/log/printFileList.ts
-import path5 from "node:path";
+import path4 from "node:path";
 import pc2 from "picocolors";
 import fs8 from "fs-extra";
 import { filesize } from "filesize";
@@ -1552,8 +1693,8 @@ async function printFileList(log, header, baseDir, files) {
   const fileRows = await Promise.all(
     files.map(async (file, i) => {
       const parts = [
-        path5.relative(process.cwd(), baseDir) + path5.sep,
-        path5.relative(baseDir, file)
+        path4.relative(process.cwd(), baseDir) + path4.sep,
+        path4.relative(baseDir, file)
       ];
       const prefix = i === files.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
       const color = getChunkColor(file);
@@ -1620,7 +1761,7 @@ import pc3 from "picocolors";
 import { consola as consola2 } from "consola";
 
 // src/core/utils/building/internal-build.ts
-import glob2 from "fast-glob";
+import glob3 from "fast-glob";
 
 // src/core/utils/manifest.ts
 import fs10 from "fs-extra";
@@ -1777,7 +1918,7 @@ async function generateManifest(entrypoints, buildOutput, config) {
       "wxt:reload-extension": {
         description: "Reload the extension during development",
         suggested_key: {
-          default: "Ctrl+E"
+          default: "Alt+R"
         }
       }
     };
@@ -2150,13 +2291,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")
@@ -2206,7 +2346,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)}`,
@@ -2224,7 +2364,7 @@ async function internalBuild(config) {
 }
 async function combineAnalysisStats(config) {
   const { execaCommand } = await import("./execa-4F7CCWCA.js");
-  const unixFiles = await glob2(`stats-*.json`, {
+  const unixFiles = await glob3(`stats-*.json`, {
     cwd: config.outDir,
     absolute: true
   });
@@ -2236,9 +2376,9 @@ async function combineAnalysisStats(config) {
 }
 
 // src/core/utils/building/find-entrypoints.ts
-import glob3 from "fast-glob";
+import glob4 from "fast-glob";
 async function findEntrypoints(config) {
-  const relativePaths = await glob3(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
+  const relativePaths = await glob4(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
     cwd: config.entrypointsDir
   });
   relativePaths.sort();
@@ -2247,7 +2387,7 @@ async function findEntrypoints(config) {
     const inputPath = resolve12(config.entrypointsDir, relativePath);
     const name = getEntrypointName(config.entrypointsDir, inputPath);
     const matchingGlob = pathGlobs.find(
-      (glob4) => minimatch(relativePath, glob4)
+      (glob5) => minimatch(relativePath, glob5)
     );
     if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
@@ -2366,11 +2506,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;
 }
@@ -2384,7 +2524,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}`,