wxt 0.2.4 → 0.2.5

package/dist/index.d.ts

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

package/dist/index.js

@@ -223,7 +223,7 @@ function getUnimportOptions(config) {
     ],
     presets: [{ package: "wxt/client" }],
     warn: config.logger.warn,
-    dirs: ["components", "composables", "hooks", "utils"]
+    dirs: ["./components/*", "./composables/*", "./hooks/*", "./utils/*"]
   };
   return mergeConfig(
     defaultOptions,
@@ -297,6 +297,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
 import fs3, { ensureDir as ensureDir2 } from "fs-extra";
 import { dirname as dirname3, resolve as resolve5 } from "path";
@@ -470,6 +490,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);
@@ -724,6 +745,16 @@ import { createUnimport as createUnimport2 } from "unimport";
 import fs6 from "fs-extra";
 import { resolve as resolve8 } from "path";
 import transform from "jiti/dist/babel";
+
+// 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 unimport2 = createUnimport2({
@@ -734,7 +765,7 @@ async function importTsFile(path5, config) {
   });
   await unimport2.init();
   const text = await fs6.readFile(path5, "utf-8");
-  const textNoImports = text.replace(/import.*[\n;]/gm, "");
+  const textNoImports = removeImportStatements(text);
   const { code } = await unimport2.injectImports(textNoImports);
   config.logger.debug(
     ["Text:", text, "No imports:", textNoImports, "Code:", code].join("\n")
@@ -774,6 +805,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 = resolve9(config.entrypointsDir, relativePath);
@@ -803,6 +835,7 @@ ${JSON.stringify(
           break;
         case "background":
           entrypoint = await getBackgroundEntrypoint(config, path5);
+          hasBackground = true;
           break;
         case "content-script":
           entrypoint = await getContentScriptEntrypoint(
@@ -832,6 +865,11 @@ ${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) {
@@ -889,9 +927,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",
@@ -935,6 +981,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",
@@ -1615,7 +1662,7 @@ async function buildInternal(config) {
   await fs12.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)}`
   );
@@ -1627,7 +1674,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],
@@ -1803,7 +1854,7 @@ function reloadHtmlPages(groups, server, config) {
 }
 
 // package.json
-var version2 = "0.2.4";
+var version2 = "0.2.5";
 
 // src/core/utils/defineConfig.ts
 function defineConfig(config) {
@@ -1843,6 +1894,8 @@ 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;