wxt 0.19.7 → 0.19.9

package/dist/browser/chrome.d.ts

@@ -1,7 +1,3 @@
-/**
- * @module wxt/browser/chrome
- */
-import type { WxtRuntime, WxtI18n } from './index';
 /**
  * EXPERIMENTAL
  *
@@ -9,9 +5,9 @@ import type { WxtRuntime, WxtI18n } from './index';
  *
  * @module wxt/browser/chrome
  */
-export type Chrome = typeof chrome;
-export type WxtBrowser = Omit<Chrome, 'runtime' | 'i18n'> & {
-    runtime: WxtRuntime & Omit<Chrome['runtime'], 'getURL'>;
-    i18n: WxtI18n & Omit<Chrome['i18n'], 'getMessage'>;
+import type { WxtRuntime, WxtI18n } from './index';
+export type WxtBrowser = Omit<typeof chrome, 'runtime' | 'i18n'> & {
+    runtime: WxtRuntime & Omit<(typeof chrome)['runtime'], 'getURL'>;
+    i18n: WxtI18n & Omit<(typeof chrome)['i18n'], 'getMessage'>;
 };
 export declare const browser: WxtBrowser;

package/dist/core/builders/vite/index.mjs

@@ -28,6 +28,10 @@ export async function createViteBuilder(wxtConfig, hooks, server) {
     if (config.build.sourcemap == null && wxtConfig.command === "serve") {
       config.build.sourcemap = "inline";
     }
+    config.server ??= {};
+    config.server.watch = {
+      ignored: [`${wxtConfig.outBaseDir}/**`, `${wxtConfig.wxtDir}/**`]
+    };
     config.plugins ??= [];
     config.plugins.push(
       wxtPlugins.download(wxtConfig),
@@ -227,10 +231,7 @@ export async function createViteBuilder(wxtConfig, hooks, server) {
           port: info.port,
           strictPort: true,
           host: info.hostname,
-          origin: info.origin,
-          watch: {
-            ignored: [`${wxtConfig.outBaseDir}/**`, `${wxtConfig.wxtDir}/**`]
-          }
+          origin: info.origin
         }
       };
       const baseConfig = await getBaseConfig();

package/dist/core/create-server.mjs

@@ -147,7 +147,7 @@ function createFileReloader(server) {
             wxt.logger.success(`Reloaded: ${getFilenameList(rebuiltNames)}`);
             break;
         }
-      } catch (err) {
+      } catch {
       }
     });
   };

package/dist/core/initialize.mjs

@@ -73,32 +73,46 @@ export async function initialize(options) {
   console.log();
 }
 async function listTemplates() {
-  try {
-    const res = await fetch("https://ungh.cc/repos/wxt-dev/wxt/files/main");
-    if (res.status >= 300)
-      throw Error(`Request failed with status ${res.status} ${res.statusText}`);
-    const data = await res.json();
-    return data.files.map((item) => item.path.match(/templates\/(.+)\/package\.json/)?.[1]).filter((name) => name != null).map((name) => ({ name, path: `templates/${name}` })).sort((l, r) => {
-      const lWeight = TEMPLATE_SORT_WEIGHT[l.name] ?? Number.MAX_SAFE_INTEGER;
-      const rWeight = TEMPLATE_SORT_WEIGHT[r.name] ?? Number.MAX_SAFE_INTEGER;
-      const diff = lWeight - rWeight;
-      if (diff !== 0) return diff;
-      return l.name.localeCompare(r.name);
-    });
-  } catch (err) {
-    consola.error(err);
-    throw Error(`Failed to load templates`);
-  }
+  const templates = await listTemplatesUngh().catch((err) => {
+    consola.debug("Failed to load templates via ungh:", err);
+    return listTemplatesGithub();
+  });
+  return templates.sort((l, r) => {
+    const lWeight = TEMPLATE_SORT_WEIGHT[l.name] ?? Number.MAX_SAFE_INTEGER;
+    const rWeight = TEMPLATE_SORT_WEIGHT[r.name] ?? Number.MAX_SAFE_INTEGER;
+    const diff = lWeight - rWeight;
+    if (diff !== 0) return diff;
+    return l.name.localeCompare(r.name);
+  });
+}
+async function listTemplatesUngh() {
+  const res = await fetch("https://ungh.cc/repos/wxt-dev/wxt/files/main");
+  if (res.status !== 200)
+    throw Error(
+      `Request failed with status ${res.status} ${res.statusText}: ${await res.text()}`
+    );
+  const data = await res.json();
+  return data.files.map((item) => item.path.match(/templates\/(.+)\/package\.json/)?.[1]).filter((name) => name != null).map((name) => ({ name, path: `templates/${name}` }));
+}
+async function listTemplatesGithub() {
+  const res = await fetch(
+    `https://api.github.com/repos/${REPO}/contents/templates`,
+    { headers: { Accept: "application/vnd.github+json" } }
+  );
+  if (res.status !== 200)
+    throw Error(
+      `Request failed with status ${res.status} ${res.statusText}: ${await res.text()}`
+    );
+  return await res.json();
 }
 async function cloneProject({
   directory,
-  template,
-  packageManager
+  template
 }) {
   const { default: ora } = await import("ora");
   const spinner = ora("Downloading template").start();
   try {
-    await downloadTemplate(`gh:wxt-dev/wxt/${template.path}`, {
+    await downloadTemplate(`gh:${REPO}/${template.path}`, {
       dir: directory,
       force: true
     });
@@ -126,3 +140,4 @@ const TEMPLATE_SORT_WEIGHT = {
   vue: 1,
   react: 2
 };
+const REPO = "wxt-dev/wxt";

package/dist/core/utils/building/generate-wxt-dir.mjs

@@ -146,7 +146,6 @@ async function getGlobalsDeclarationEntry() {
     path: "types/globals.d.ts",
     text: [
       "// Generated by wxt",
-      "export {}",
       "interface ImportMetaEnv {",
       ...globals.map((global) => `  readonly ${global.name}: ${global.type};`),
       "}",

package/dist/core/utils/building/rebuild.mjs

@@ -15,24 +15,18 @@ export async function rebuild(allEntrypoints, entrypointGroups, existingOutput =
   const newOutput = await buildEntrypoints(entrypointGroups, spinner);
   const mergedOutput = {
     steps: [...existingOutput.steps, ...newOutput.steps],
-    publicAssets: [...existingOutput.publicAssets, ...newOutput.publicAssets]
+    // Do not merge existing because all publicAssets copied everytime
+    publicAssets: newOutput.publicAssets
   };
   const { manifest: newManifest, warnings: manifestWarnings } = await generateManifest(allEntrypoints, mergedOutput);
   const finalOutput = {
     manifest: newManifest,
-    ...newOutput
+    ...mergedOutput
   };
   await writeManifest(newManifest, finalOutput);
   spinner.clear().stop();
   return {
-    output: {
-      manifest: newManifest,
-      steps: [...existingOutput.steps, ...finalOutput.steps],
-      publicAssets: [
-        ...existingOutput.publicAssets,
-        ...finalOutput.publicAssets
-      ]
-    },
+    output: finalOutput,
     manifest: newManifest,
     warnings: manifestWarnings
   };

package/dist/core/utils/building/resolve-config.mjs

@@ -46,7 +46,7 @@ export async function resolveConfig(inlineConfig, command) {
   if (await isDirMissing(entrypointsDir)) {
     logMissingDir(logger, "Entrypoints", entrypointsDir);
   }
-  const filterEntrypoints = !!mergedConfig.filterEntrypoints?.length ? new Set(mergedConfig.filterEntrypoints) : void 0;
+  const filterEntrypoints = mergedConfig.filterEntrypoints?.length ? new Set(mergedConfig.filterEntrypoints) : void 0;
   const publicDir = path.resolve(srcDir, mergedConfig.publicDir ?? "public");
   const typesDir = path.resolve(wxtDir, "types");
   const outBaseDir = path.resolve(root, mergedConfig.outDir ?? ".output");

package/dist/core/utils/entrypoints.mjs

@@ -2,7 +2,7 @@ import path, { relative, resolve } from "node:path";
 import { normalizePath } from "./paths.mjs";
 export function getEntrypointName(entrypointsDir, inputPath) {
   const relativePath = path.relative(entrypointsDir, inputPath);
-  const name = relativePath.split(/[\.\/\\]/, 2)[0];
+  const name = relativePath.split(/[./\\]/, 2)[0];
   return name;
 }
 export function getEntrypointOutputFile(entrypoint, ext) {

package/dist/core/utils/environments/environment.mjs

@@ -30,7 +30,7 @@ export function applyGlobals(globals) {
   Object.entries(globals).forEach(([key, envValue]) => {
     try {
       globalThis[key] = envValue;
-    } catch (err) {
+    } catch {
     }
   });
 }

package/dist/core/utils/eslint.mjs

@@ -5,7 +5,7 @@ export async function getEslintVersion() {
     );
     const { ESLint } = require("eslint");
     return ESLint.version?.split(".") ?? [];
-  } catch (error) {
+  } catch {
     return [];
   }
 }

package/dist/core/utils/manifest.mjs

@@ -190,14 +190,14 @@ function addEntrypoints(manifest, entrypoints, buildOutput) {
       options2.browser_style = popup.options.browserStyle;
     if (manifest.manifest_version === 3) {
       manifest.action = {
-        ...manifest.action ?? {},
+        ...manifest.action,
         ...options2,
         default_popup
       };
     } else {
       const key = popup.options.mv2Key ?? "browser_action";
       manifest[key] = {
-        ...manifest[key] ?? {},
+        ...manifest[key],
         ...options2,
         default_popup
       };
@@ -325,9 +325,9 @@ function discoverIcons(buildOutput) {
     // icon@16h.png
     /^icon@([0-9]+)\.png$/,
     // icon@16.png
-    /^icons?[\/\\]([0-9]+)\.png$/,
+    /^icons?[/\\]([0-9]+)\.png$/,
     // icon/16.png | icons/16.png
-    /^icons?[\/\\]([0-9]+)x[0-9]+\.png$/
+    /^icons?[/\\]([0-9]+)x[0-9]+\.png$/
     // icon/16x16.png | icons/16x16.png
   ];
   buildOutput.publicAssets.forEach((asset) => {

package/dist/core/utils/package.mjs

@@ -7,7 +7,8 @@ export async function getPackageJson() {
     return await fs.readJson(file);
   } catch (err) {
     wxt.logger.debug(
-      `Failed to read package.json at: ${file}. Returning undefined.`
+      `Failed to read package.json at: ${file}. Returning undefined.`,
+      err
     );
     return {};
   }

package/dist/core/utils/strings.d.ts

@@ -3,6 +3,10 @@ export declare function kebabCaseAlphanumeric(str: string): string;
  * Return a safe variable name for a given string.
  */
 export declare function safeVarName(str: string): string;
+/**
+ * Converts a string to a valid filename (NOT path), stripping out invalid characters.
+ */
+export declare function safeFilename(str: string): string;
 /**
  * Removes import statements from the top of a file. Keeps import.meta and inline, async `import()`
  * calls.

package/dist/core/utils/strings.mjs

@@ -1,8 +1,14 @@
+import { camelCase } from "scule";
 export function kebabCaseAlphanumeric(str) {
   return str.toLowerCase().replace(/[^a-z0-9-\s]/g, "").replace(/\s+/g, "-");
 }
 export function safeVarName(str) {
-  return "_" + kebabCaseAlphanumeric(str.trim()).replace("-", "_");
+  const name = camelCase(kebabCaseAlphanumeric(str));
+  if (name.match(/^[a-z]/)) return name;
+  return "_" + name;
+}
+export function safeFilename(str) {
+  return kebabCaseAlphanumeric(str);
 }
 export function removeImportStatements(text) {
   return text.replace(