wxt 0.1.5 → 0.1.6

package/dist/index.d.ts

@@ -245,7 +245,7 @@ interface ExtensionRunnerConfig {
 
 type EntrypointGroup = Entrypoint | Entrypoint[];
 
-var version = "0.1.5";
+var version = "0.1.6";
 
 declare function defineConfig(config: UserConfig): UserConfig;
 

package/dist/index.js

@@ -288,6 +288,32 @@ function virtualEntrypoin(type, config) {
   };
 }
 
+// src/core/vite-plugins/tsconfigPaths.ts
+import paths from "vite-tsconfig-paths";
+function tsconfigPaths(config) {
+  const fn = typeof paths === "function" ? paths : paths.default;
+  return fn({
+    root: config.root
+  });
+}
+
+// src/core/vite-plugins/hmrLogger.ts
+import { relative as relative3 } from "path";
+import pc from "picocolors";
+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: " + pc.dim(relative3(process.cwd(), ctx.file))
+        );
+      }
+    }
+  };
+}
+
 // src/core/utils/createFsCache.ts
 import fs3, { ensureDir as ensureDir2 } from "fs-extra";
 import { dirname as dirname3, resolve as resolve5 } from "path";
@@ -440,6 +466,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);
@@ -451,7 +479,7 @@ async function resolveManifestConfig(env, manifest) {
 }
 
 // src/index.ts
-import pc3 from "picocolors";
+import pc4 from "picocolors";
 import * as vite5 from "vite";
 
 // src/core/utils/arrays.ts
@@ -548,7 +576,7 @@ function findEffectedSteps(changedFile, currentOutput) {
 // src/index.ts
 import { Mutex } from "async-mutex";
 import { consola as consola2 } from "consola";
-import { relative as relative6 } from "node:path";
+import { relative as relative7 } from "node:path";
 
 // src/core/build/buildEntrypoints.ts
 import * as vite2 from "vite";
@@ -682,7 +710,7 @@ async function copyPublicDirectory(config) {
 }
 
 // src/core/build/findEntrypoints.ts
-import { relative as relative3, resolve as resolve9 } from "path";
+import { relative as relative4, resolve as resolve9 } from "path";
 import fs7 from "fs-extra";
 import picomatch from "picomatch";
 import { parseHTML as parseHTML2 } from "linkedom";
@@ -793,8 +821,8 @@ ${JSON.stringify(
       if (withSameName) {
         throw Error(
           `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
-            relative3(config.root, withSameName.inputPath),
-            relative3(config.root, entrypoint.inputPath)
+            relative4(config.root, withSameName.inputPath),
+            relative4(config.root, entrypoint.inputPath)
           ].join(", ")}`
         );
       }
@@ -921,7 +949,7 @@ var PATH_GLOB_TO_TYPE_MAP = {
 // src/core/build/generateTypesDir.ts
 import { createUnimport as createUnimport3 } from "unimport";
 import fs8 from "fs-extra";
-import { relative as relative4, resolve as resolve10 } from "path";
+import { relative as relative5, resolve as resolve10 } from "path";
 async function generateTypesDir(entrypoints, config) {
   await fs8.ensureDir(config.typesDir);
   const references = [];
@@ -988,7 +1016,7 @@ async function writeMainDeclarationFile(references, config) {
       "// Generated by wxt",
       `/// <reference types="vite/client" />`,
       ...references.map(
-        (ref) => `/// <reference types="./${relative4(dir, ref)}" />`
+        (ref) => `/// <reference types="./${relative5(dir, ref)}" />`
       )
     ].join("\n") + "\n"
   );
@@ -1015,23 +1043,23 @@ async function writeTsConfigFile(mainReference, config) {
     "skipLibCheck": true,
 
     /* Aliases */
-    "baseUrl": "${relative4(dir, config.root)}",
+    "baseUrl": "${relative5(dir, config.root)}",
     "paths": {
       "@@": ["."],
       "@@/*": ["./*"],
       "~~": ["."],
       "~~/*": ["./*"],
-      "@": ["${relative4(config.root, config.srcDir)}"],
-      "@/*": ["${relative4(config.root, config.srcDir)}/*"],
-      "~": ["${relative4(config.root, config.srcDir)}"],
-      "~/*": ["${relative4(config.root, config.srcDir)}/*"]
+      "@": ["${relative5(config.root, config.srcDir)}"],
+      "@/*": ["${relative5(config.root, config.srcDir)}/*"],
+      "~": ["${relative5(config.root, config.srcDir)}"],
+      "~/*": ["${relative5(config.root, config.srcDir)}/*"]
     }
   },
   "include": [
-    "${relative4(dir, config.root)}/**/*",
-    "./${relative4(dir, mainReference)}"
+    "${relative5(dir, config.root)}/**/*",
+    "./${relative5(dir, mainReference)}"
   ],
-  "exclude": ["${relative4(dir, config.outBaseDir)}"]
+  "exclude": ["${relative5(dir, config.outBaseDir)}"]
 }`
   );
 }
@@ -1363,7 +1391,7 @@ function addHostPermission(manifest, hostPermission) {
 }
 
 // src/core/build.ts
-import pc2 from "picocolors";
+import pc3 from "picocolors";
 import * as vite3 from "vite";
 import fs11 from "fs-extra";
 
@@ -1413,7 +1441,7 @@ function formatDuration(duration) {
 }
 
 // src/core/log/printBuildSummary.ts
-import path4, { relative as relative5, resolve as resolve12 } from "path";
+import path4, { relative as relative6, resolve as resolve12 } from "path";
 
 // src/core/log/printTable.ts
 function printTable(log, rows, gap = 2) {
@@ -1442,7 +1470,7 @@ function printTable(log, rows, gap = 2) {
 }
 
 // src/core/log/printBuildSummary.ts
-import pc from "picocolors";
+import pc2 from "picocolors";
 import fs10 from "fs-extra";
 import { filesize } from "filesize";
 async function printBuildSummary(output, config) {
@@ -1461,7 +1489,7 @@ async function printBuildSummary(output, config) {
   const chunkRows = await Promise.all(
     chunks.map(async (chunk, i) => {
       const file = [
-        relative5(process.cwd(), config.outDir) + path4.sep,
+        relative6(process.cwd(), config.outDir) + path4.sep,
         chunk.fileName
       ];
       const prefix = i === chunks.length - 1 ? "  \u2514\u2500" : "  \u251C\u2500";
@@ -1470,14 +1498,14 @@ async function printBuildSummary(output, config) {
       totalSize += stats.size;
       const size = String(filesize(stats.size));
       return [
-        `${pc.gray(prefix)} ${pc.dim(file[0])}${color(file[1])}`,
-        pc.dim(size)
+        `${pc2.gray(prefix)} ${pc2.dim(file[0])}${color(file[1])}`,
+        pc2.dim(size)
       ];
     })
   );
   printTable(config.logger.log, chunkRows);
   config.logger.log(
-    `${pc.cyan("\u03A3 Total size:")} ${String(filesize(totalSize))}`
+    `${pc2.cyan("\u03A3 Total size:")} ${String(filesize(totalSize))}`
   );
 }
 var DEFAULT_SORT_WEIGHT = 100;
@@ -1493,12 +1521,12 @@ function getChunkSortWeight(filename) {
     ([key]) => filename.endsWith(key)
   )?.[1] ?? DEFAULT_SORT_WEIGHT;
 }
-var DEFAULT_COLOR = pc.blue;
+var DEFAULT_COLOR = pc2.blue;
 var CHUNK_COLORS = {
-  ".js.map": pc.gray,
-  ".html": pc.green,
-  ".css": pc.magenta,
-  ".js": pc.cyan
+  ".js.map": pc2.gray,
+  ".html": pc2.green,
+  ".css": pc2.magenta,
+  ".js": pc2.cyan
 };
 function getChunkColor(filename) {
   return Object.entries(CHUNK_COLORS).find(([key]) => filename.endsWith(key))?.[1] ?? DEFAULT_COLOR;
@@ -1509,7 +1537,7 @@ async function buildInternal(config) {
   const verb = config.command === "serve" ? "Pre-rendering" : "Building";
   const target = `${config.browser}-mv${config.manifestVersion}`;
   config.logger.info(
-    `${verb} ${pc2.cyan(target)} for ${pc2.cyan(config.mode)} with ${pc2.green(
+    `${verb} ${pc3.cyan(target)} for ${pc3.cyan(config.mode)} with ${pc3.green(
       `Vite ${vite3.version}`
     )}`
   );
@@ -1728,7 +1756,7 @@ function reloadHtmlPages(groups, server, config) {
 }
 
 // package.json
-var version2 = "0.1.5";
+var version2 = "0.1.6";
 
 // src/core/utils/defineConfig.ts
 function defineConfig(config) {
@@ -1771,14 +1799,14 @@ async function createServer2(config) {
       const changes = detectDevChanges(fileChanges, server.currentOutput);
       if (changes.type === "no-change")
         return;
-      consola2.info(
-        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => pc3.dim(relative6(internalConfig.root, file))).join(", ")}`
+      internalConfig.logger.info(
+        `Changed: ${Array.from(new Set(fileChanges.map((change) => change[1]))).map((file) => pc4.dim(relative7(internalConfig.root, file))).join(", ")}`
       );
       const rebuiltNames = changes.rebuildGroups.flat().map((entry) => {
-        return pc3.cyan(
-          relative6(internalConfig.outDir, getEntrypointOutputFile(entry, ""))
+        return pc4.cyan(
+          relative7(internalConfig.outDir, getEntrypointOutputFile(entry, ""))
         );
-      }).join(pc3.dim(", "));
+      }).join(pc4.dim(", "));
       internalConfig = await getLatestInternalConfig();
       internalConfig.server = server;
       const { output: newOutput } = await rebuild(