wxt 0.19.6 → 0.19.8

package/dist/browser/chrome.d.ts

@@ -1,4 +1,3 @@
-import type { WxtRuntime, WxtI18n } from './index';
 /**
  * EXPERIMENTAL
  *
@@ -6,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/builders/vite/plugins/extensionApiMock.mjs

@@ -1,5 +1,7 @@
 import path from "node:path";
 export function extensionApiMock(config) {
+  const virtualSetupModule = "virtual:wxt-setup";
+  const resolvedVirtualSetupModule = "\0" + virtualSetupModule;
   return {
     name: "wxt:extension-api-mock",
     config() {
@@ -8,6 +10,9 @@ export function extensionApiMock(config) {
         "dist/virtual/mock-browser"
       );
       return {
+        test: {
+          setupFiles: [virtualSetupModule]
+        },
         resolve: {
           alias: [
             { find: "webextension-polyfill", replacement },
@@ -21,6 +26,19 @@ export function extensionApiMock(config) {
           noExternal: ["wxt"]
         }
       };
+    },
+    resolveId(id) {
+      if (id.endsWith(virtualSetupModule)) return resolvedVirtualSetupModule;
+    },
+    load(id) {
+      if (id === resolvedVirtualSetupModule) return setupTemplate;
     }
   };
 }
+const setupTemplate = `
+  import { vi } from 'vitest';
+  import { fakeBrowser } from 'wxt/testing';
+
+  vi.stubGlobal("chrome", fakeBrowser);
+  vi.stubGlobal("browser", fakeBrowser);
+`;

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

@@ -176,7 +176,11 @@ function getMainDeclarationEntry(references) {
 }
 async function getTsConfigEntry() {
   const dir = wxt.config.wxtDir;
-  const getTsconfigPath = (path2) => normalizePath(relative(dir, path2));
+  const getTsconfigPath = (path2) => {
+    const res = normalizePath(relative(dir, path2));
+    if (res.startsWith(".") || res.startsWith("/")) return res;
+    return "./" + res;
+  };
   const paths = Object.entries(wxt.config.alias).flatMap(([alias, absolutePath]) => {
     const aliasPath = getTsconfigPath(absolutePath);
     return [

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

@@ -48,9 +48,6 @@ export async function resolveConfig(inlineConfig, command) {
   }
   const filterEntrypoints = !!mergedConfig.filterEntrypoints?.length ? new Set(mergedConfig.filterEntrypoints) : void 0;
   const publicDir = path.resolve(srcDir, mergedConfig.publicDir ?? "public");
-  if (await isDirMissing(publicDir)) {
-    logMissingDir(logger, "Public", publicDir);
-  }
   const typesDir = path.resolve(wxtDir, "types");
   const outBaseDir = path.resolve(root, mergedConfig.outDir ?? ".output");
   const outDir = path.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);

package/dist/modules.d.ts

@@ -107,3 +107,31 @@ export declare function addWxtPlugin(wxt: Wxt, plugin: string): void;
  * });
  */
 export declare function addImportPreset(wxt: Wxt, preset: UnimportOptions['presets'][0]): void;
+/**
+ * Adds an import alias to the project's TSConfig paths and bundler. Path can
+ * be absolute or relative to the project's root directory.
+ *
+ * Usually, this is used to provide access to some code generated by your
+ * module. In the example below, a `i18n` plugin generates a variable that it
+ * wants to provide access to, so it creates the file and adds an import alias
+ * to it.
+ *
+ * @example
+ * import path from 'node:path';
+ *
+ * export default defineWxtModule((wxt) => {
+ *   const i18nPath = path.resolve(wxt.config.wxtDir, "i18n.ts");
+ *
+ *   // Generate the file
+ *   wxt.hooks.hook("prepare:types", (_, entries) => {
+ *     entries.push({
+ *       path: i18nPath,
+ *       text: `export const i18n = ...`,
+ *     });
+ *   });
+ *
+ *   // Add alias
+ *   addAlias(wxt, "#i18n", i18nPath);
+ * });
+ */
+export declare function addAlias(wxt: Wxt, alias: string, path: string): void;

package/dist/modules.mjs

@@ -46,3 +46,14 @@ export function addImportPreset(wxt, preset) {
     wxt2.config.imports.presets.push(preset);
   });
 }
+export function addAlias(wxt, alias, path) {
+  wxt.hooks.hook("ready", (wxt2) => {
+    const target = resolve(wxt2.config.root, path);
+    if (wxt2.config.alias[alias] != null) {
+      wxt2.logger.warn(
+        `Skipped adding alias (${alias} => ${target}) because an alias with the same name already exists: ${alias} => ${wxt2.config.alias[alias]}`
+      );
+    }
+    wxt2.config.alias[alias] = target;
+  });
+}

package/dist/testing/wxt-vitest-plugin.mjs

@@ -5,20 +5,20 @@ import {
   extensionApiMock,
   resolveAppConfig
 } from "../core/builders/vite/plugins/index.mjs";
-import { resolveConfig } from "../core/utils/building/index.mjs";
 import { vitePlugin as unimportPlugin } from "../builtin-modules/unimport.mjs";
 import { createUnimport } from "unimport";
+import { registerWxt, wxt } from "../core/wxt.mjs";
 export async function WxtVitest(inlineConfig) {
-  const config = await resolveConfig(inlineConfig ?? {}, "serve");
+  await registerWxt("serve", inlineConfig ?? {});
   const plugins = [
-    globals(config),
-    download(config),
-    tsconfigPaths(config),
-    resolveAppConfig(config),
-    extensionApiMock(config)
+    globals(wxt.config),
+    download(wxt.config),
+    tsconfigPaths(wxt.config),
+    resolveAppConfig(wxt.config),
+    extensionApiMock(wxt.config)
   ];
-  if (config.imports !== false) {
-    const unimport = createUnimport(config.imports);
+  if (wxt.config.imports !== false) {
+    const unimport = createUnimport(wxt.config.imports);
     await unimport.init();
     plugins.push(unimportPlugin(unimport));
   }

package/dist/version.mjs

@@ -1 +1 @@
-export const version = "0.19.6";
+export const version = "0.19.7";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.19.6",
+  "version": "0.19.8",
   "description": "Next gen framework for developing web extensions",
   "repository": {
     "type": "git",