wxt 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -328,15 +328,41 @@ function virtualEntrypoin(type, config) {
   };
 }
 
+// src/core/vite-plugins/tsconfigPaths.ts
+var import_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"), 1);
+function tsconfigPaths(config) {
+  const fn = typeof import_vite_tsconfig_paths.default === "function" ? import_vite_tsconfig_paths.default : import_vite_tsconfig_paths.default.default;
+  return fn({
+    root: config.root
+  });
+}
+
+// src/core/vite-plugins/hmrLogger.ts
+var import_path4 = require("path");
+var import_picocolors = __toESM(require("picocolors"), 1);
+function hmrLogger(config) {
+  return {
+    name: "wxt:hmr-logger",
+    apply: "serve",
+    handleHotUpdate(ctx) {
+      if (ctx.file.startsWith(config.srcDir) && !ctx.file.startsWith(config.wxtDir) && !ctx.file.endsWith(".html")) {
+        config.logger.info(
+          "Hot reload: " + import_picocolors.default.dim((0, import_path4.relative)(process.cwd(), ctx.file))
+        );
+      }
+    }
+  };
+}
+
 // src/core/utils/createFsCache.ts
 var import_fs_extra3 = __toESM(require("fs-extra"), 1);
-var import_path4 = require("path");
+var import_path5 = require("path");
 function createFsCache(wxtDir) {
-  const getPath = (key) => (0, import_path4.resolve)(wxtDir, "cache", encodeURIComponent(key));
+  const getPath = (key) => (0, import_path5.resolve)(wxtDir, "cache", encodeURIComponent(key));
   return {
     async set(key, value) {
       const path5 = getPath(key);
-      await (0, import_fs_extra3.ensureDir)((0, import_path4.dirname)(path5));
+      await (0, import_fs_extra3.ensureDir)((0, import_path5.dirname)(path5));
       await import_fs_extra3.default.writeFile(path5, value, "utf-8");
     },
     async get(key) {
@@ -480,6 +506,8 @@ async function getInternalConfig(config, command) {
     virtualEntrypoin("content-script", finalConfig)
   );
   finalConfig.vite.plugins.push(devServerGlobals(finalConfig));
+  finalConfig.vite.plugins.push(tsconfigPaths(finalConfig));
+  finalConfig.vite.plugins.push(hmrLogger(finalConfig));
   finalConfig.vite.define ??= {};
   getGlobals(finalConfig).forEach((global) => {
     finalConfig.vite.define[global.name] = JSON.stringify(global.value);
@@ -491,7 +519,7 @@ async function resolveManifestConfig(env, manifest) {
 }
 
 // src/index.ts
-var import_picocolors3 = __toESM(require("picocolors"), 1);
+var import_picocolors4 = __toESM(require("picocolors"), 1);
 var vite5 = __toESM(require("vite"), 1);
 
 // src/core/utils/arrays.ts
@@ -595,11 +623,11 @@ var vite2 = __toESM(require("vite"), 1);
 
 // src/core/utils/removeEmptyDirs.ts
 var import_fs_extra4 = __toESM(require("fs-extra"), 1);
-var import_path5 = __toESM(require("path"), 1);
+var import_path6 = __toESM(require("path"), 1);
 async function removeEmptyDirs(dir) {
   const files = await import_fs_extra4.default.readdir(dir);
   for (const file of files) {
-    const filePath = import_path5.default.join(dir, file);
+    const filePath = import_path6.default.join(dir, file);
     const stats = await import_fs_extra4.default.stat(filePath);
     if (stats.isDirectory()) {
       await removeEmptyDirs(filePath);
@@ -614,7 +642,7 @@ 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_path6 = require("path");
+var import_path7 = require("path");
 async function buildEntrypoints(groups, config) {
   const steps = [];
   for (const group of groups) {
@@ -706,9 +734,9 @@ async function copyPublicDirectory(config) {
     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));
+    const srcPath = (0, import_path7.resolve)(config.publicDir, file);
+    const outPath = (0, import_path7.resolve)(config.outDir, file);
+    await import_fs_extra5.default.ensureDir((0, import_path7.dirname)(outPath));
     await import_fs_extra5.default.copyFile(srcPath, outPath);
     publicAssets.push({
       type: "asset",
@@ -722,7 +750,7 @@ async function copyPublicDirectory(config) {
 }
 
 // src/core/build/findEntrypoints.ts
-var import_path8 = require("path");
+var import_path9 = require("path");
 var import_fs_extra7 = __toESM(require("fs-extra"), 1);
 var import_picomatch = __toESM(require("picomatch"), 1);
 var import_linkedom2 = require("linkedom");
@@ -732,7 +760,7 @@ var import_json5 = __toESM(require("json5"), 1);
 var import_jiti = __toESM(require("jiti"), 1);
 var import_unimport2 = require("unimport");
 var import_fs_extra6 = __toESM(require("fs-extra"), 1);
-var import_path7 = require("path");
+var import_path8 = require("path");
 var import_babel = __toESM(require("jiti/dist/babel"), 1);
 async function importTsFile(path5, config) {
   config.logger.debug("Loading file metadata:", path5);
@@ -754,7 +782,7 @@ async function importTsFile(path5, config) {
     esmResolve: true,
     interopDefault: true,
     alias: {
-      "webextension-polyfill": (0, import_path7.resolve)(
+      "webextension-polyfill": (0, import_path8.resolve)(
         config.root,
         "node_modules/wxt/dist/virtual-modules/fake-browser.js"
       )
@@ -786,7 +814,7 @@ async function findEntrypoints(config) {
   const entrypoints = [];
   await Promise.all(
     relativePaths.map(async (relativePath) => {
-      const path5 = (0, import_path8.resolve)(config.entrypointsDir, relativePath);
+      const path5 = (0, import_path9.resolve)(config.entrypointsDir, relativePath);
       const matchingGlob = pathGlobs.find(
         (glob3) => import_picomatch.default.isMatch(relativePath, glob3)
       );
@@ -833,8 +861,8 @@ ${JSON.stringify(
       if (withSameName) {
         throw Error(
           `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
-            (0, import_path8.relative)(config.root, withSameName.inputPath),
-            (0, import_path8.relative)(config.root, entrypoint.inputPath)
+            (0, import_path9.relative)(config.root, withSameName.inputPath),
+            (0, import_path9.relative)(config.root, entrypoint.inputPath)
           ].join(", ")}`
         );
       }
@@ -923,7 +951,7 @@ async function getContentScriptEntrypoint(config, name, path5) {
     type: "content-script",
     name: getEntrypointName(config.entrypointsDir, path5),
     inputPath: path5,
-    outputDir: (0, import_path8.resolve)(config.outDir, "content-scripts"),
+    outputDir: (0, import_path9.resolve)(config.outDir, "content-scripts"),
     options
   };
 }
@@ -961,7 +989,7 @@ 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_path9 = require("path");
+var import_path10 = require("path");
 async function generateTypesDir(entrypoints, config) {
   await import_fs_extra8.default.ensureDir(config.typesDir);
   const references = [];
@@ -972,7 +1000,7 @@ async function generateTypesDir(entrypoints, config) {
   await writeTsConfigFile(mainReference, config);
 }
 async function writeImportsDeclarationFile(config) {
-  const filePath = (0, import_path9.resolve)(config.typesDir, "imports.d.ts");
+  const filePath = (0, import_path10.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(
@@ -984,7 +1012,7 @@ async function writeImportsDeclarationFile(config) {
   return filePath;
 }
 async function writePathsDeclarationFile(entrypoints, config) {
-  const filePath = (0, import_path9.resolve)(config.typesDir, "paths.d.ts");
+  const filePath = (0, import_path10.resolve)(config.typesDir, "paths.d.ts");
   const unions = entrypoints.map((entry) => {
     const path5 = getEntrypointBundlePath(
       entry,
@@ -1004,7 +1032,7 @@ async function writePathsDeclarationFile(entrypoints, config) {
   return filePath;
 }
 async function writeGlobalsDeclarationFile(config) {
-  const filePath = (0, import_path9.resolve)(config.typesDir, "globals.d.ts");
+  const filePath = (0, import_path10.resolve)(config.typesDir, "globals.d.ts");
   const globals = getGlobals(config);
   await import_fs_extra8.default.writeFile(
     filePath,
@@ -1021,13 +1049,14 @@ async function writeGlobalsDeclarationFile(config) {
 }
 async function writeMainDeclarationFile(references, config) {
   const dir = config.wxtDir;
-  const filePath = (0, import_path9.resolve)(dir, "wxt.d.ts");
+  const filePath = (0, import_path10.resolve)(dir, "wxt.d.ts");
   await import_fs_extra8.default.writeFile(
     filePath,
     [
       "// Generated by wxt",
+      `/// <reference types="vite/client" />`,
       ...references.map(
-        (ref) => `/// <reference types="./${(0, import_path9.relative)(dir, ref)}" />`
+        (ref) => `/// <reference types="./${(0, import_path10.relative)(dir, ref)}" />`
       )
     ].join("\n") + "\n"
   );
@@ -1036,7 +1065,7 @@ async function writeMainDeclarationFile(references, config) {
 async function writeTsConfigFile(mainReference, config) {
   const dir = config.wxtDir;
   await import_fs_extra8.default.writeFile(
-    (0, import_path9.resolve)(dir, "tsconfig.json"),
+    (0, import_path10.resolve)(dir, "tsconfig.json"),
     `{
   "compilerOptions": {
     "target": "ESNext",
@@ -1054,30 +1083,30 @@ async function writeTsConfigFile(mainReference, config) {
     "skipLibCheck": true,
 
     /* Aliases */
-    "baseUrl": "${(0, import_path9.relative)(dir, config.root)}",
+    "baseUrl": "${(0, import_path10.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)}/*"]
+      "@": ["${(0, import_path10.relative)(config.root, config.srcDir)}"],
+      "@/*": ["${(0, import_path10.relative)(config.root, config.srcDir)}/*"],
+      "~": ["${(0, import_path10.relative)(config.root, config.srcDir)}"],
+      "~/*": ["${(0, import_path10.relative)(config.root, config.srcDir)}/*"]
     }
   },
   "include": [
-    "${(0, import_path9.relative)(dir, config.root)}/**/*",
-    "./${(0, import_path9.relative)(dir, mainReference)}"
+    "${(0, import_path10.relative)(dir, config.root)}/**/*",
+    "./${(0, import_path10.relative)(dir, mainReference)}"
   ],
-  "exclude": ["${(0, import_path9.relative)(dir, config.outBaseDir)}"]
+  "exclude": ["${(0, import_path10.relative)(dir, config.outBaseDir)}"]
 }`
   );
 }
 
 // src/core/utils/manifest.ts
 var import_fs_extra9 = __toESM(require("fs-extra"), 1);
-var import_path10 = require("path");
+var import_path11 = require("path");
 
 // src/core/utils/ContentSecurityPolicy.ts
 var ContentSecurityPolicy = class _ContentSecurityPolicy {
@@ -1126,7 +1155,7 @@ var ContentSecurityPolicy = class _ContentSecurityPolicy {
 async function writeManifest(manifest, output, config) {
   const str = config.mode === "production" ? JSON.stringify(manifest) : JSON.stringify(manifest, null, 2);
   await import_fs_extra9.default.ensureDir(config.outDir);
-  await import_fs_extra9.default.writeFile((0, import_path10.resolve)(config.outDir, "manifest.json"), str, "utf-8");
+  await import_fs_extra9.default.writeFile((0, import_path11.resolve)(config.outDir, "manifest.json"), str, "utf-8");
   output.publicAssets.unshift({
     type: "asset",
     fileName: "manifest.json",
@@ -1159,7 +1188,7 @@ async function generateMainfest(entrypoints, buildOutput, config) {
   return manifest;
 }
 async function getPackageJson(config) {
-  return await import_fs_extra9.default.readJson((0, import_path10.resolve)(config.root, "package.json"));
+  return await import_fs_extra9.default.readJson((0, import_path11.resolve)(config.root, "package.json"));
 }
 function simplifyVersion(versionName) {
   const version3 = /^((0|[1-9][0-9]{0,8})([.](0|[1-9][0-9]{0,8})){0,3}).*$/.exec(
@@ -1402,7 +1431,7 @@ function addHostPermission(manifest, hostPermission) {
 }
 
 // src/core/build.ts
-var import_picocolors2 = __toESM(require("picocolors"), 1);
+var import_picocolors3 = __toESM(require("picocolors"), 1);
 var vite3 = __toESM(require("vite"), 1);
 var import_fs_extra11 = __toESM(require("fs-extra"), 1);
 
@@ -1452,7 +1481,7 @@ function formatDuration(duration) {
 }
 
 // src/core/log/printBuildSummary.ts
-var import_path11 = __toESM(require("path"), 1);
+var import_path12 = __toESM(require("path"), 1);
 
 // src/core/log/printTable.ts
 function printTable(log, rows, gap = 2) {
@@ -1481,7 +1510,7 @@ function printTable(log, rows, gap = 2) {
 }
 
 // src/core/log/printBuildSummary.ts
-var import_picocolors = __toESM(require("picocolors"), 1);
+var import_picocolors2 = __toESM(require("picocolors"), 1);
 var import_fs_extra10 = __toESM(require("fs-extra"), 1);
 var import_filesize = require("filesize");
 async function printBuildSummary(output, config) {
@@ -1500,23 +1529,23 @@ async function printBuildSummary(output, config) {
   const chunkRows = await Promise.all(
     chunks.map(async (chunk, i) => {
       const file = [
-        (0, import_path11.relative)(process.cwd(), config.outDir) + import_path11.default.sep,
+        (0, import_path12.relative)(process.cwd(), config.outDir) + import_path12.default.sep,
         chunk.fileName
       ];
       const prefix = i === chunks.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
       const color = getChunkColor(chunk.fileName);
-      const stats = await import_fs_extra10.default.lstat((0, import_path11.resolve)(config.outDir, chunk.fileName));
+      const stats = await import_fs_extra10.default.lstat((0, import_path12.resolve)(config.outDir, chunk.fileName));
       totalSize += stats.size;
       const size = String((0, import_filesize.filesize)(stats.size));
       return [
-        `${import_picocolors.default.gray(prefix)} ${import_picocolors.default.dim(file[0])}${color(file[1])}`,
-        import_picocolors.default.dim(size)
+        `${import_picocolors2.default.gray(prefix)} ${import_picocolors2.default.dim(file[0])}${color(file[1])}`,
+        import_picocolors2.default.dim(size)
       ];
     })
   );
   printTable(config.logger.log, chunkRows);
   config.logger.log(
-    `${import_picocolors.default.cyan("\u03A3 Total size:")} ${String((0, import_filesize.filesize)(totalSize))}`
+    `${import_picocolors2.default.cyan("\u03A3 Total size:")} ${String((0, import_filesize.filesize)(totalSize))}`
   );
 }
 var DEFAULT_SORT_WEIGHT = 100;
@@ -1532,12 +1561,12 @@ function getChunkSortWeight(filename) {
     ([key]) => filename.endsWith(key)
   )?.[1] ?? DEFAULT_SORT_WEIGHT;
 }
-var DEFAULT_COLOR = import_picocolors.default.blue;
+var DEFAULT_COLOR = import_picocolors2.default.blue;
 var CHUNK_COLORS = {
-  ".js.map": import_picocolors.default.gray,
-  ".html": import_picocolors.default.green,
-  ".css": import_picocolors.default.magenta,
-  ".js": import_picocolors.default.cyan
+  ".js.map": import_picocolors2.default.gray,
+  ".html": import_picocolors2.default.green,
+  ".css": import_picocolors2.default.magenta,
+  ".js": import_picocolors2.default.cyan
 };
 function getChunkColor(filename) {
   return Object.entries(CHUNK_COLORS).find(([key]) => filename.endsWith(key))?.[1] ?? DEFAULT_COLOR;
@@ -1548,7 +1577,7 @@ async function buildInternal(config) {
   const verb = config.command === "serve" ? "Pre-rendering" : "Building";
   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(
+    `${verb} ${import_picocolors3.default.cyan(target)} for ${import_picocolors3.default.cyan(config.mode)} with ${import_picocolors3.default.green(
       `Vite ${vite3.version}`
     )}`
   );
@@ -1767,7 +1796,7 @@ function reloadHtmlPages(groups, server, config) {
 }
 
 // package.json
-var version2 = "0.1.4";
+var version2 = "0.1.6";
 
 // src/core/utils/defineConfig.ts
 function defineConfig(config) {
@@ -1810,14 +1839,14 @@ async function createServer2(config) {
       const changes = detectDevChanges(fileChanges, server.currentOutput);
       if (changes.type === "no-change")
         return;
-      import_consola2.consola.info(
-        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => import_picocolors3.default.dim((0, import_node_path4.relative)(internalConfig.root, file))).join(", ")}`
+      internalConfig.logger.info(
+        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => import_picocolors4.default.dim((0, import_node_path4.relative)(internalConfig.root, file))).join(", ")}`
       );
       const rebuiltNames = changes.rebuildGroups.flat().map((entry) => {
-        return import_picocolors3.default.cyan(
+        return import_picocolors4.default.cyan(
           (0, import_node_path4.relative)(internalConfig.outDir, getEntrypointOutputFile(entry, ""))
         );
-      }).join(import_picocolors3.default.dim(", "));
+      }).join(import_picocolors4.default.dim(", "));
       internalConfig = await getLatestInternalConfig();
       internalConfig.server = server;
       const { output: newOutput } = await rebuild(