wxt 0.2.4 → 0.3.0

package/dist/index.cjs

@@ -39,22 +39,36 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/core/utils/getInternalConfig.ts
-var import_node_path3 = __toESM(require("path"), 1);
-var vite = __toESM(require("vite"), 1);
+var import_node_path4 = __toESM(require("path"), 1);
+var vite2 = __toESM(require("vite"), 1);
 var import_consola = require("consola");
 
 // src/core/utils/entrypoints.ts
+var import_node_path2 = __toESM(require("path"), 1);
+
+// src/core/utils/paths.ts
 var import_node_path = __toESM(require("path"), 1);
+var vite = __toESM(require("vite"), 1);
+function normalizePath2(path5) {
+  return vite.normalizePath(path5);
+}
+function unnormalizePath(path5) {
+  return import_node_path.default.normalize(path5);
+}
+
+// src/core/utils/entrypoints.ts
 function getEntrypointName(entrypointsDir, inputPath) {
-  const relativePath = import_node_path.default.relative(entrypointsDir, inputPath);
-  const name = relativePath.split(/[\.\/]/, 2)[0];
+  const relativePath = import_node_path2.default.relative(entrypointsDir, inputPath);
+  const name = relativePath.split(/[\.\/\\]/, 2)[0];
   return name;
 }
 function getEntrypointOutputFile(entrypoint, ext) {
-  return (0, import_node_path.resolve)(entrypoint.outputDir, `${entrypoint.name}${ext}`);
+  return (0, import_node_path2.resolve)(entrypoint.outputDir, `${entrypoint.name}${ext}`);
 }
 function getEntrypointBundlePath(entrypoint, outDir, ext) {
-  return (0, import_node_path.relative)(outDir, getEntrypointOutputFile(entrypoint, ext));
+  return normalizePath2(
+    (0, import_node_path2.relative)(outDir, getEntrypointOutputFile(entrypoint, ext))
+  );
 }
 
 // src/core/vite-plugins/devHtmlPrerender.ts
@@ -208,7 +222,7 @@ function download(config) {
 }
 
 // src/core/vite-plugins/multipageMove.ts
-var import_node_path2 = require("path");
+var import_node_path3 = require("path");
 var import_fs_extra = __toESM(require("fs-extra"), 1);
 function multipageMove(entrypoints, config) {
   return {
@@ -216,7 +230,7 @@ function multipageMove(entrypoints, config) {
     async writeBundle(_, bundle) {
       for (const oldBundlePath in bundle) {
         const entrypoint = entrypoints.find(
-          (entry) => !!entry.inputPath.endsWith(oldBundlePath)
+          (entry) => !!normalizePath2(entry.inputPath).endsWith(oldBundlePath)
         );
         if (entrypoint == null) {
           config.logger.debug("No entrypoint found for", oldBundlePath);
@@ -225,7 +239,7 @@ function multipageMove(entrypoints, config) {
         const newBundlePath = getEntrypointBundlePath(
           entrypoint,
           config.outDir,
-          (0, import_node_path2.extname)(oldBundlePath)
+          (0, import_node_path3.extname)(oldBundlePath)
         );
         if (newBundlePath === oldBundlePath) {
           config.logger.debug(
@@ -234,9 +248,9 @@ function multipageMove(entrypoints, config) {
           );
           continue;
         }
-        const oldAbsPath = (0, import_node_path2.resolve)(config.outDir, oldBundlePath);
-        const newAbsPath = (0, import_node_path2.resolve)(config.outDir, newBundlePath);
-        await (0, import_fs_extra.ensureDir)((0, import_node_path2.dirname)(newAbsPath));
+        const oldAbsPath = (0, import_node_path3.resolve)(config.outDir, oldBundlePath);
+        const newAbsPath = (0, import_node_path3.resolve)(config.outDir, newBundlePath);
+        await (0, import_fs_extra.ensureDir)((0, import_node_path3.dirname)(newAbsPath));
         await import_fs_extra.default.move(oldAbsPath, newAbsPath, { overwrite: true });
         const renamedChunk = {
           ...bundle[oldBundlePath],
@@ -257,13 +271,10 @@ var import_vite = require("vite");
 function getUnimportOptions(config) {
   const defaultOptions = {
     debugLog: config.logger.debug,
-    imports: [
-      { name: "*", as: "browser", from: "webextension-polyfill" },
-      { name: "defineConfig", from: "wxt" }
-    ],
-    presets: [{ package: "wxt/client" }],
+    imports: [{ name: "defineConfig", from: "wxt" }],
+    presets: [{ package: "wxt/client" }, { package: "wxt/browser" }],
     warn: config.logger.warn,
-    dirs: ["components", "composables", "hooks", "utils"]
+    dirs: ["./components/*", "./composables/*", "./hooks/*", "./utils/*"]
   };
   return (0, import_vite.mergeConfig)(
     defaultOptions,
@@ -309,7 +320,7 @@ function virtualEntrypoin(type, config) {
       const index = id.indexOf(virtualId);
       if (index === -1)
         return;
-      const inputPath = id.substring(index + virtualId.length);
+      const inputPath = normalizePath2(id.substring(index + virtualId.length));
       return resolvedVirtualId + inputPath;
     },
     async load(id) {
@@ -337,6 +348,26 @@ function tsconfigPaths(config) {
   });
 }
 
+// src/core/vite-plugins/noopBackground.ts
+function noopBackground() {
+  const virtualModuleId = VIRTUAL_NOOP_BACKGROUND_MODULE_ID;
+  const resolvedVirtualModuleId = "\0" + virtualModuleId;
+  return {
+    name: "wxt:noop-background",
+    resolveId(id) {
+      if (id === virtualModuleId)
+        return resolvedVirtualModuleId;
+    },
+    load(id) {
+      if (id === resolvedVirtualModuleId) {
+        return `import { defineBackground } from 'wxt/client';
+export default defineBackground(() => void 0)`;
+      }
+    }
+  };
+}
+var VIRTUAL_NOOP_BACKGROUND_MODULE_ID = "virtual:user-background";
+
 // src/core/utils/createFsCache.ts
 var import_fs_extra3 = __toESM(require("fs-extra"), 1);
 var import_path4 = require("path");
@@ -370,7 +401,7 @@ function getGlobals(config) {
     {
       name: "__BROWSER__",
       value: config.browser,
-      type: `"chromium" | "firefox"`
+      type: `string`
     },
     {
       name: "__IS_CHROME__",
@@ -408,12 +439,12 @@ function getGlobals(config) {
 // src/core/utils/getInternalConfig.ts
 var import_c12 = require("c12");
 async function getInternalConfig(config, command) {
-  const root = config.root ? import_node_path3.default.resolve(config.root) : process.cwd();
+  const root = config.root ? import_node_path4.default.resolve(config.root) : process.cwd();
   const mode = config.mode ?? (command === "build" ? "production" : "development");
   const browser = config.browser ?? "chrome";
   const manifestVersion = config.manifestVersion ?? (browser == "firefox" ? 2 : 3);
-  const outBaseDir = import_node_path3.default.resolve(root, ".output");
-  const outDir = import_node_path3.default.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
+  const outBaseDir = import_node_path4.default.resolve(root, ".output");
+  const outDir = import_node_path4.default.resolve(outBaseDir, `${browser}-mv${manifestVersion}`);
   const logger = config.logger ?? import_consola.consola;
   const baseConfig = {
     root,
@@ -446,22 +477,22 @@ async function getInternalConfig(config, command) {
     });
     userConfig = loaded.config ?? {};
   }
-  const merged = vite.mergeConfig(
+  const merged = vite2.mergeConfig(
     baseConfig,
     userConfig
   );
-  const srcDir = userConfig.srcDir ? (0, import_node_path3.resolve)(root, userConfig.srcDir) : root;
-  const entrypointsDir = (0, import_node_path3.resolve)(
+  const srcDir = userConfig.srcDir ? (0, import_node_path4.resolve)(root, userConfig.srcDir) : root;
+  const entrypointsDir = (0, import_node_path4.resolve)(
     srcDir,
     userConfig.entrypointsDir ?? "entrypoints"
   );
-  const publicDir = (0, import_node_path3.resolve)(srcDir, userConfig.publicDir ?? "public");
-  const wxtDir = (0, import_node_path3.resolve)(srcDir, ".wxt");
-  const typesDir = (0, import_node_path3.resolve)(wxtDir, "types");
+  const publicDir = (0, import_node_path4.resolve)(root, userConfig.publicDir ?? "public");
+  const wxtDir = (0, import_node_path4.resolve)(srcDir, ".wxt");
+  const typesDir = (0, import_node_path4.resolve)(wxtDir, "types");
   const env = { mode, browser, manifestVersion, command };
   const userManifest = await resolveManifestConfig(env, userConfig.manifest);
   const inlineManifest = await resolveManifestConfig(env, config.manifest);
-  const manifest = vite.mergeConfig(userManifest, inlineManifest);
+  const manifest = vite2.mergeConfig(userManifest, inlineManifest);
   const finalConfig = {
     ...merged,
     srcDir,
@@ -510,6 +541,7 @@ async function getInternalConfig(config, command) {
   );
   finalConfig.vite.plugins.push(devServerGlobals(finalConfig));
   finalConfig.vite.plugins.push(tsconfigPaths(finalConfig));
+  finalConfig.vite.plugins.push(noopBackground());
   finalConfig.vite.define ??= {};
   getGlobals(finalConfig).forEach((global) => {
     finalConfig.vite.define[global.name] = JSON.stringify(global.value);
@@ -522,7 +554,7 @@ async function resolveManifestConfig(env, manifest) {
 
 // src/index.ts
 var import_picocolors3 = __toESM(require("picocolors"), 1);
-var vite5 = __toESM(require("vite"), 1);
+var vite6 = __toESM(require("vite"), 1);
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -595,11 +627,12 @@ function detectDevChanges(changedFiles, currentOutput) {
 }
 function findEffectedSteps(changedFile, currentOutput) {
   const changes = [];
-  const changedPath = changedFile[1];
+  const changedPath = normalizePath2(changedFile[1]);
   const isChunkEffected = (chunk) => (
     // If it's an HTML file with the same path, is is effected because HTML files need to be pre-rendered
-    // TODO: use bundle path to support `<name>/index.html`?
+    // fileName is normalized, relative bundle path
     chunk.type === "asset" && changedPath.endsWith(chunk.fileName) || // If it's a chunk that depends on the changed file, it is effected
+    // moduleIds are absolute, normalized paths
     chunk.type === "chunk" && chunk.moduleIds.includes(changedPath)
   );
   for (const step of currentOutput.steps) {
@@ -618,10 +651,10 @@ function findEffectedSteps(changedFile, currentOutput) {
 // src/index.ts
 var import_async_mutex = require("async-mutex");
 var import_consola2 = require("consola");
-var import_node_path6 = require("path");
+var import_node_path7 = require("path");
 
 // src/core/build/buildEntrypoints.ts
-var vite2 = __toESM(require("vite"), 1);
+var vite3 = __toESM(require("vite"), 1);
 
 // src/core/utils/removeEmptyDirs.ts
 var import_fs_extra4 = __toESM(require("fs-extra"), 1);
@@ -642,9 +675,20 @@ async function removeEmptyDirs(dir) {
 }
 
 // src/core/build/buildEntrypoints.ts
-var import_fast_glob = __toESM(require("fast-glob"), 1);
-var import_fs_extra5 = __toESM(require("fs-extra"), 1);
+var import_fs_extra6 = __toESM(require("fs-extra"), 1);
 var import_path6 = require("path");
+
+// src/core/utils/public.ts
+var import_fs_extra5 = __toESM(require("fs-extra"), 1);
+var import_fast_glob = __toESM(require("fast-glob"), 1);
+async function getPublicFiles(config) {
+  if (!await import_fs_extra5.default.exists(config.publicDir))
+    return [];
+  const files = await (0, import_fast_glob.default)("**/*", { cwd: config.publicDir });
+  return files.map(unnormalizePath);
+}
+
+// src/core/build/buildEntrypoints.ts
 async function buildEntrypoints(groups, config) {
   const steps = [];
   for (const group of groups) {
@@ -683,11 +727,11 @@ async function buildSingleEntrypoint(entrypoint, config) {
       }
     }
   };
-  const entryConfig = vite2.mergeConfig(
+  const entryConfig = vite3.mergeConfig(
     libMode,
     config.vite
   );
-  const result = await vite2.build(entryConfig);
+  const result = await vite3.build(entryConfig);
   return {
     entrypoints: entrypoint,
     chunks: getBuildOutputChunks(result)
@@ -713,11 +757,11 @@ async function buildMultipleEntrypoints(entrypoints, config) {
       }
     }
   };
-  const entryConfig = vite2.mergeConfig(
+  const entryConfig = vite3.mergeConfig(
     multiPage,
     config.vite
   );
-  const result = await vite2.build(entryConfig);
+  const result = await vite3.build(entryConfig);
   return {
     entrypoints,
     chunks: getBuildOutputChunks(result)
@@ -731,21 +775,21 @@ function getBuildOutputChunks(result) {
   return result.output;
 }
 async function copyPublicDirectory(config) {
+  const files = await getPublicFiles(config);
+  if (files.length === 0)
+    return [];
   const publicAssets = [];
-  if (!await import_fs_extra5.default.exists(config.publicDir))
-    return publicAssets;
-  const files = await (0, import_fast_glob.default)("**/*", { cwd: config.publicDir });
   for (const file of files) {
     const srcPath = (0, import_path6.resolve)(config.publicDir, file);
     const outPath = (0, import_path6.resolve)(config.outDir, file);
-    await import_fs_extra5.default.ensureDir((0, import_path6.dirname)(outPath));
-    await import_fs_extra5.default.copyFile(srcPath, outPath);
+    await import_fs_extra6.default.ensureDir((0, import_path6.dirname)(outPath));
+    await import_fs_extra6.default.copyFile(srcPath, outPath);
     publicAssets.push({
       type: "asset",
       fileName: file,
       name: file,
       needsCodeReference: false,
-      source: await import_fs_extra5.default.readFile(srcPath)
+      source: await import_fs_extra6.default.readFile(srcPath)
     });
   }
   return publicAssets;
@@ -753,7 +797,7 @@ async function copyPublicDirectory(config) {
 
 // src/core/build/findEntrypoints.ts
 var import_path8 = require("path");
-var import_fs_extra7 = __toESM(require("fs-extra"), 1);
+var import_fs_extra8 = __toESM(require("fs-extra"), 1);
 var import_picomatch = __toESM(require("picomatch"), 1);
 var import_linkedom2 = require("linkedom");
 var import_json5 = __toESM(require("json5"), 1);
@@ -761,20 +805,30 @@ var import_json5 = __toESM(require("json5"), 1);
 // src/core/utils/importTsFile.ts
 var import_jiti = __toESM(require("jiti"), 1);
 var import_unimport2 = require("unimport");
-var import_fs_extra6 = __toESM(require("fs-extra"), 1);
+var import_fs_extra7 = __toESM(require("fs-extra"), 1);
 var import_path7 = require("path");
 var import_babel = __toESM(require("jiti/dist/babel"), 1);
+
+// src/core/utils/strings.ts
+function removeImportStatements(text) {
+  return text.replace(
+    /(import\s?[{\w][\s\S]*?from\s?["'][\s\S]*?["'];?|import\s?["'][\s\S]*?["'];?)/gm,
+    ""
+  );
+}
+
+// src/core/utils/importTsFile.ts
 async function importTsFile(path5, config) {
   config.logger.debug("Loading file metadata:", path5);
+  const normalPath = normalizePath2(path5);
   const unimport2 = (0, import_unimport2.createUnimport)({
     ...getUnimportOptions(config),
     // Only allow specific imports, not all from the project
-    imports: [{ name: "*", as: "browser", from: "webextension-polyfill" }],
     dirs: []
   });
   await unimport2.init();
-  const text = await import_fs_extra6.default.readFile(path5, "utf-8");
-  const textNoImports = text.replace(/import.*[\n;]/gm, "");
+  const text = await import_fs_extra7.default.readFile(path5, "utf-8");
+  const textNoImports = removeImportStatements(text);
   const { code } = await unimport2.injectImports(textNoImports);
   config.logger.debug(
     ["Text:", text, "No imports:", textNoImports, "Code:", code].join("\n")
@@ -790,7 +844,7 @@ async function importTsFile(path5, config) {
       )
     },
     transform(opts) {
-      if (opts.filename === path5)
+      if (opts.filename === normalPath)
         return (0, import_babel.default)({ ...opts, source: code });
       else
         return (0, import_babel.default)(opts);
@@ -814,6 +868,7 @@ async function findEntrypoints(config) {
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
   const existingNames = {};
   const entrypoints = [];
+  let hasBackground = false;
   await Promise.all(
     relativePaths.map(async (relativePath) => {
       const path5 = (0, import_path8.resolve)(config.entrypointsDir, relativePath);
@@ -843,6 +898,7 @@ ${JSON.stringify(
           break;
         case "background":
           entrypoint = await getBackgroundEntrypoint(config, path5);
+          hasBackground = true;
           break;
         case "content-script":
           entrypoint = await getContentScriptEntrypoint(
@@ -872,11 +928,16 @@ ${JSON.stringify(
       existingNames[entrypoint.name] = entrypoint;
     })
   );
+  if (config.command === "serve" && !hasBackground) {
+    entrypoints.push(
+      await getBackgroundEntrypoint(config, VIRTUAL_NOOP_BACKGROUND_MODULE_ID)
+    );
+  }
   return entrypoints;
 }
 async function getPopupEntrypoint(config, path5) {
   const options = {};
-  const content = await import_fs_extra7.default.readFile(path5, "utf-8");
+  const content = await import_fs_extra8.default.readFile(path5, "utf-8");
   const { document } = (0, import_linkedom2.parseHTML)(content);
   const title = document.querySelector("title");
   if (title != null)
@@ -906,7 +967,7 @@ async function getPopupEntrypoint(config, path5) {
 }
 async function getOptionsEntrypoint(config, path5) {
   const options = {};
-  const content = await import_fs_extra7.default.readFile(path5, "utf-8");
+  const content = await import_fs_extra8.default.readFile(path5, "utf-8");
   const { document } = (0, import_linkedom2.parseHTML)(content);
   const openInTabContent = document.querySelector("meta[name='manifest.open_in_tab']")?.getAttribute("content");
   if (openInTabContent) {
@@ -929,9 +990,17 @@ async function getOptionsEntrypoint(config, path5) {
   };
 }
 async function getBackgroundEntrypoint(config, path5) {
-  const { main: _, ...options } = await importTsFile(path5, config);
-  if (options == null) {
-    throw Error("Background script does not have a default export");
+  let options = {};
+  if (path5 !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
+    const defaultExport = await importTsFile(
+      path5,
+      config
+    );
+    if (defaultExport == null) {
+      throw Error("Background script does not have a default export");
+    }
+    const { main: _, ...moduleOptions } = defaultExport;
+    options = moduleOptions;
   }
   return {
     type: "background",
@@ -975,6 +1044,7 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "devtools.html": "devtools",
   "devtools/index.html": "devtools",
   "background.ts": "background",
+  [VIRTUAL_NOOP_BACKGROUND_MODULE_ID]: "background",
   "content.ts?(x)": "content-script",
   "content/index.ts?(x)": "content-script",
   "*.content.ts?(x)": "content-script",
@@ -992,10 +1062,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
 
 // src/core/build/generateTypesDir.ts
 var import_unimport3 = require("unimport");
-var import_fs_extra8 = __toESM(require("fs-extra"), 1);
+var import_fs_extra9 = __toESM(require("fs-extra"), 1);
 var import_path9 = require("path");
 async function generateTypesDir(entrypoints, config) {
-  await import_fs_extra8.default.ensureDir(config.typesDir);
+  await import_fs_extra9.default.ensureDir(config.typesDir);
   const references = [];
   references.push(await writeImportsDeclarationFile(config));
   references.push(await writePathsDeclarationFile(entrypoints, config));
@@ -1007,7 +1077,7 @@ async function writeImportsDeclarationFile(config) {
   const filePath = (0, import_path9.resolve)(config.typesDir, "imports.d.ts");
   const unimport2 = (0, import_unimport3.createUnimport)(getUnimportOptions(config));
   await unimport2.scanImportsFromDir(void 0, { cwd: config.srcDir });
-  await import_fs_extra8.default.writeFile(
+  await import_fs_extra9.default.writeFile(
     filePath,
     ["// Generated by wxt", await unimport2.generateTypeDeclarations()].join(
       "\n"
@@ -1017,28 +1087,34 @@ async function writeImportsDeclarationFile(config) {
 }
 async function writePathsDeclarationFile(entrypoints, config) {
   const filePath = (0, import_path9.resolve)(config.typesDir, "paths.d.ts");
-  const unions = entrypoints.map((entry) => {
-    const path5 = getEntrypointBundlePath(
+  const unions = entrypoints.map(
+    (entry) => getEntrypointBundlePath(
       entry,
       config.outDir,
       entry.inputPath.endsWith(".html") ? ".html" : ".js"
-    );
-    return `  | "/${path5}"`;
-  }).sort();
-  await import_fs_extra8.default.writeFile(
+    )
+  ).concat(await getPublicFiles(config)).map(normalizePath2).map((path5) => `    | "/${path5}"`).sort().join("\n");
+  const template = `// Generated by wxt
+import "wxt/browser";
+
+declare module "wxt/browser" {
+  type PublicPath =
+{{ union }}
+  export interface ProjectRuntime extends Runtime.Static {
+    getURL(path: PublicPath): string;
+  }
+}
+`;
+  await import_fs_extra9.default.writeFile(
     filePath,
-    [
-      "// Generated by wxt",
-      "type EntrypointPath =",
-      ...unions.length === 0 ? ["  never"] : unions
-    ].join("\n") + "\n"
+    template.replace("{{ union }}", unions || "    | never")
   );
   return filePath;
 }
 async function writeGlobalsDeclarationFile(config) {
   const filePath = (0, import_path9.resolve)(config.typesDir, "globals.d.ts");
   const globals = getGlobals(config);
-  await import_fs_extra8.default.writeFile(
+  await import_fs_extra9.default.writeFile(
     filePath,
     [
       "// Generated by wxt",
@@ -1054,13 +1130,13 @@ async function writeGlobalsDeclarationFile(config) {
 async function writeMainDeclarationFile(references, config) {
   const dir = config.wxtDir;
   const filePath = (0, import_path9.resolve)(dir, "wxt.d.ts");
-  await import_fs_extra8.default.writeFile(
+  await import_fs_extra9.default.writeFile(
     filePath,
     [
       "// Generated by wxt",
       `/// <reference types="vite/client" />`,
       ...references.map(
-        (ref) => `/// <reference types="./${(0, import_path9.relative)(dir, ref)}" />`
+        (ref) => `/// <reference types="./${normalizePath2((0, import_path9.relative)(dir, ref))}" />`
       )
     ].join("\n") + "\n"
   );
@@ -1068,7 +1144,7 @@ async function writeMainDeclarationFile(references, config) {
 }
 async function writeTsConfigFile(mainReference, config) {
   const dir = config.wxtDir;
-  await import_fs_extra8.default.writeFile(
+  await import_fs_extra9.default.writeFile(
     (0, import_path9.resolve)(dir, "tsconfig.json"),
     `{
   "compilerOptions": {
@@ -1079,37 +1155,32 @@ async function writeTsConfigFile(mainReference, config) {
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
-
-    /* Type Checking */
     "strict": true,
-
-    /* Completeness */
+    "lib": ["DOM", "WebWorker"],
     "skipLibCheck": true,
-
-    /* Aliases */
-    "baseUrl": "${(0, import_path9.relative)(dir, config.root)}",
+    "baseUrl": "${normalizePath2((0, import_path9.relative)(dir, config.root))}",
     "paths": {
       "@@": ["."],
       "@@/*": ["./*"],
       "~~": ["."],
       "~~/*": ["./*"],
-      "@": ["${(0, import_path9.relative)(config.root, config.srcDir)}"],
-      "@/*": ["${(0, import_path9.relative)(config.root, config.srcDir)}/*"],
-      "~": ["${(0, import_path9.relative)(config.root, config.srcDir)}"],
-      "~/*": ["${(0, import_path9.relative)(config.root, config.srcDir)}/*"]
+      "@": ["${normalizePath2((0, import_path9.relative)(config.root, config.srcDir))}"],
+      "@/*": ["${normalizePath2((0, import_path9.relative)(config.root, config.srcDir))}/*"],
+      "~": ["${normalizePath2((0, import_path9.relative)(config.root, config.srcDir))}"],
+      "~/*": ["${normalizePath2((0, import_path9.relative)(config.root, config.srcDir))}/*"]
     }
   },
   "include": [
-    "${(0, import_path9.relative)(dir, config.root)}/**/*",
-    "./${(0, import_path9.relative)(dir, mainReference)}"
+    "${normalizePath2((0, import_path9.relative)(dir, config.root))}/**/*",
+    "./${normalizePath2((0, import_path9.relative)(dir, mainReference))}"
   ],
-  "exclude": ["${(0, import_path9.relative)(dir, config.outBaseDir)}"]
+  "exclude": ["${normalizePath2((0, import_path9.relative)(dir, config.outBaseDir))}"]
 }`
   );
 }
 
 // src/core/utils/manifest.ts
-var import_fs_extra10 = __toESM(require("fs-extra"), 1);
+var import_fs_extra11 = __toESM(require("fs-extra"), 1);
 var import_path10 = require("path");
 
 // src/core/utils/ContentSecurityPolicy.ts
@@ -1194,12 +1265,12 @@ function mapWxtOptionsToContentScript(options) {
 }
 
 // src/core/utils/package.ts
-var import_node_path4 = require("path");
-var import_fs_extra9 = __toESM(require("fs-extra"), 1);
+var import_node_path5 = require("path");
+var import_fs_extra10 = __toESM(require("fs-extra"), 1);
 async function getPackageJson(config) {
-  const file = (0, import_node_path4.resolve)(config.root, "package.json");
+  const file = (0, import_node_path5.resolve)(config.root, "package.json");
   try {
-    return await import_fs_extra9.default.readJson(file);
+    return await import_fs_extra10.default.readJson(file);
   } catch (err) {
     config.logger.debug(
       `Failed to read package.json at: ${file}. Returning undefined.`
@@ -1211,8 +1282,8 @@ async function getPackageJson(config) {
 // src/core/utils/manifest.ts
 async function writeManifest(manifest, output, config) {
   const str = config.mode === "production" ? JSON.stringify(manifest) : JSON.stringify(manifest, null, 2);
-  await import_fs_extra10.default.ensureDir(config.outDir);
-  await import_fs_extra10.default.writeFile((0, import_path10.resolve)(config.outDir, "manifest.json"), str, "utf-8");
+  await import_fs_extra11.default.ensureDir(config.outDir);
+  await import_fs_extra11.default.writeFile((0, import_path10.resolve)(config.outDir, "manifest.json"), str, "utf-8");
   output.publicAssets.unshift({
     type: "asset",
     fileName: "manifest.json",
@@ -1493,8 +1564,8 @@ function addHostPermission(manifest, hostPermission) {
 
 // src/core/build.ts
 var import_picocolors2 = __toESM(require("picocolors"), 1);
-var vite3 = __toESM(require("vite"), 1);
-var import_fs_extra12 = __toESM(require("fs-extra"), 1);
+var vite4 = __toESM(require("vite"), 1);
+var import_fs_extra13 = __toESM(require("fs-extra"), 1);
 
 // src/core/utils/groupEntrypoints.ts
 function groupEntrypoints(entrypoints) {
@@ -1545,9 +1616,9 @@ function formatDuration(duration) {
 var import_path11 = require("path");
 
 // src/core/log/printFileList.ts
-var import_node_path5 = __toESM(require("path"), 1);
+var import_node_path6 = __toESM(require("path"), 1);
 var import_picocolors = __toESM(require("picocolors"), 1);
-var import_fs_extra11 = __toESM(require("fs-extra"), 1);
+var import_fs_extra12 = __toESM(require("fs-extra"), 1);
 var import_filesize = require("filesize");
 
 // src/core/log/printTable.ts
@@ -1582,12 +1653,12 @@ async function printFileList(log, baseDir, files) {
   const fileRows = await Promise.all(
     files.map(async (file, i) => {
       const parts = [
-        import_node_path5.default.relative(process.cwd(), baseDir) + import_node_path5.default.sep,
-        import_node_path5.default.relative(baseDir, file)
+        import_node_path6.default.relative(process.cwd(), baseDir) + import_node_path6.default.sep,
+        import_node_path6.default.relative(baseDir, file)
       ];
       const prefix = i === files.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
       const color = getChunkColor(file);
-      const stats = await import_fs_extra11.default.lstat(file);
+      const stats = await import_fs_extra12.default.lstat(file);
       totalSize += stats.size;
       const size = String((0, import_filesize.filesize)(stats.size));
       return [
@@ -1647,15 +1718,15 @@ async function buildInternal(config) {
   const target = `${config.browser}-mv${config.manifestVersion}`;
   config.logger.info(
     `${verb} ${import_picocolors2.default.cyan(target)} for ${import_picocolors2.default.cyan(config.mode)} with ${import_picocolors2.default.green(
-      `Vite ${vite3.version}`
+      `Vite ${vite4.version}`
     )}`
   );
   const startTime = Date.now();
-  await import_fs_extra12.default.rm(config.outDir, { recursive: true, force: true });
-  await import_fs_extra12.default.ensureDir(config.outDir);
+  await import_fs_extra13.default.rm(config.outDir, { recursive: true, force: true });
+  await import_fs_extra13.default.ensureDir(config.outDir);
   const entrypoints = await findEntrypoints(config);
   const groups = groupEntrypoints(entrypoints);
-  const { output } = await rebuild(config, groups);
+  const { output } = await rebuild(config, groups, void 0);
   config.logger.success(
     `Built extension in ${formatDuration(Date.now() - startTime)}`
   );
@@ -1667,7 +1738,11 @@ async function rebuild(config, entrypointGroups, existingOutput = {
   publicAssets: []
 }) {
   const allEntrypoints = await findEntrypoints(config);
-  await generateTypesDir(allEntrypoints, config);
+  await generateTypesDir(allEntrypoints, config).catch((err) => {
+    config.logger.warn("Failed to update .wxt directory:", err);
+    if (config.command === "build")
+      throw err;
+  });
   const newOutput = await buildEntrypoints(entrypointGroups, config);
   const mergedOutput = {
     steps: [...existingOutput.steps, ...newOutput.steps],
@@ -1697,7 +1772,7 @@ async function rebuild(config, entrypointGroups, existingOutput = {
 }
 
 // src/core/server.ts
-var vite4 = __toESM(require("vite"), 1);
+var vite5 = __toESM(require("vite"), 1);
 
 // src/core/runners/createWebExtRunner.ts
 function createWebExtRunner() {
@@ -1776,8 +1851,8 @@ async function getServerInfo() {
 }
 async function setupServer(serverInfo, config) {
   const runner = createWebExtRunner();
-  const viteServer = await vite4.createServer(
-    vite4.mergeConfig(serverInfo, config.vite)
+  const viteServer = await vite5.createServer(
+    vite5.mergeConfig(serverInfo, config.vite)
   );
   const start = async () => {
     await viteServer.listen(server.port);
@@ -1843,7 +1918,7 @@ function reloadHtmlPages(groups, server, config) {
 }
 
 // package.json
-var version2 = "0.2.4";
+var version2 = "0.3.0";
 
 // src/core/utils/defineConfig.ts
 function defineConfig(config) {
@@ -1863,7 +1938,7 @@ async function build2(config) {
 async function createServer2(config) {
   const serverInfo = await getServerInfo();
   const getLatestInternalConfig = () => {
-    const viteConfig = vite5.mergeConfig(
+    const viteConfig = vite6.mergeConfig(
       serverInfo.viteServerConfig,
       config?.vite ?? {}
     );
@@ -1883,15 +1958,17 @@ async function createServer2(config) {
     changeQueue.push([event, path5]);
     await fileChangedMutex.runExclusive(async () => {
       const fileChanges = changeQueue.splice(0, changeQueue.length);
+      if (fileChanges.length === 0)
+        return;
       const changes = detectDevChanges(fileChanges, server.currentOutput);
       if (changes.type === "no-change")
         return;
       internalConfig.logger.info(
-        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => import_picocolors3.default.dim((0, import_node_path6.relative)(internalConfig.root, file))).join(", ")}`
+        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => import_picocolors3.default.dim((0, import_node_path7.relative)(internalConfig.root, file))).join(", ")}`
       );
       const rebuiltNames = changes.rebuildGroups.flat().map((entry) => {
         return import_picocolors3.default.cyan(
-          (0, import_node_path6.relative)(internalConfig.outDir, getEntrypointOutputFile(entry, ""))
+          (0, import_node_path7.relative)(internalConfig.outDir, getEntrypointOutputFile(entry, ""))
         );
       }).join(import_picocolors3.default.dim(", "));
       internalConfig = await getLatestInternalConfig();