wxt 0.11.1 → 0.11.2

package/dist/{chunk-65FJ5ESC.js → chunk-XTGVY6KL.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.11.1";
+var version = "0.11.2";
 
 // src/core/utils/arrays.ts
 function every(array, predicate) {
@@ -2203,51 +2203,46 @@ async function combineAnalysisStats(config) {
 // src/core/utils/building/find-entrypoints.ts
 import glob3 from "fast-glob";
 async function findEntrypoints(config) {
-  const relativePaths = await glob3("**/*", {
+  const relativePaths = await glob3(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
     cwd: config.entrypointsDir
   });
   relativePaths.sort();
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
-  let hasBackground = false;
-  const possibleEntrypoints = await Promise.all(
-    relativePaths.map(async (relativePath) => {
-      const path6 = resolve12(config.entrypointsDir, relativePath);
-      const matchingGlob = pathGlobs.find(
-        (glob4) => minimatch(relativePath, glob4)
-      );
-      if (matchingGlob == null) {
-        config.logger.warn(
-          `${relativePath} does not match any known entrypoint. Known entrypoints:
-${JSON.stringify(
-            PATH_GLOB_TO_TYPE_MAP,
-            null,
-            2
-          )}`
-        );
-        return;
-      }
+  const entrypointInfos = relativePaths.reduce((results, relativePath) => {
+    const inputPath = resolve12(config.entrypointsDir, relativePath);
+    const name = getEntrypointName(config.entrypointsDir, inputPath);
+    const matchingGlob = pathGlobs.find(
+      (glob4) => minimatch(relativePath, glob4)
+    );
+    if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
-      if (type === "ignored")
-        return;
+      results.push({ name, inputPath, type });
+    }
+    return results;
+  }, []);
+  preventDuplicateEntrypointNames(config, entrypointInfos);
+  let hasBackground = false;
+  const entrypoints = await Promise.all(
+    entrypointInfos.map(async (info) => {
+      const { type } = info;
       switch (type) {
         case "popup":
-          return await getPopupEntrypoint(config, path6);
+          return await getPopupEntrypoint(config, info);
         case "options":
-          return await getOptionsEntrypoint(config, path6);
+          return await getOptionsEntrypoint(config, info);
         case "background":
           hasBackground = true;
-          return await getBackgroundEntrypoint(config, path6);
+          return await getBackgroundEntrypoint(config, info);
         case "content-script":
-          return await getContentScriptEntrypoint(config, path6);
+          return await getContentScriptEntrypoint(config, info);
         case "unlisted-page":
-          return await getUnlistedPageEntrypoint(config, path6);
+          return await getUnlistedPageEntrypoint(config, info);
         case "unlisted-script":
-          return await getUnlistedScriptEntrypoint(config, path6);
+          return await getUnlistedScriptEntrypoint(config, info);
         case "content-script-style":
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path6),
-            inputPath: path6,
             outputDir: resolve12(config.outDir, CONTENT_SCRIPT_OUT_DIR),
             options: {
               include: void 0,
@@ -2256,9 +2251,8 @@ ${JSON.stringify(
           };
         default:
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path6),
-            inputPath: path6,
             outputDir: config.outDir,
             options: {
               include: void 0,
@@ -2268,25 +2262,13 @@ ${JSON.stringify(
       }
     })
   );
-  const entrypoints = possibleEntrypoints.filter(
-    (entry) => !!entry
-  );
-  const existingNames = {};
-  entrypoints.forEach((entrypoint) => {
-    const withSameName = existingNames[entrypoint.name];
-    if (withSameName) {
-      throw Error(
-        `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
-          relative4(config.root, withSameName.inputPath),
-          relative4(config.root, entrypoint.inputPath)
-        ].join(", ")}`
-      );
-    }
-    existingNames[entrypoint.name] = entrypoint;
-  });
   if (config.command === "serve" && !hasBackground) {
     entrypoints.push(
-      await getBackgroundEntrypoint(config, VIRTUAL_NOOP_BACKGROUND_MODULE_ID)
+      await getBackgroundEntrypoint(config, {
+        inputPath: VIRTUAL_NOOP_BACKGROUND_MODULE_ID,
+        name: "background",
+        type: "background"
+      })
     );
   }
   config.logger.debug("All entrypoints:", entrypoints);
@@ -2309,6 +2291,36 @@ ${JSON.stringify(
   config.logger.debug(`${config.browser} entrypoints:`, targetEntrypoints);
   return targetEntrypoints;
 }
+function preventDuplicateEntrypointNames(config, files) {
+  const namesToPaths = files.reduce(
+    (map, { name, inputPath }) => {
+      map[name] ??= [];
+      map[name].push(inputPath);
+      return map;
+    },
+    {}
+  );
+  const errorLines = Object.entries(namesToPaths).reduce(
+    (lines, [name, absolutePaths]) => {
+      if (absolutePaths.length > 1) {
+        lines.push(`- ${name}`);
+        absolutePaths.forEach((absolutePath) => {
+          lines.push(`  - ${relative4(config.root, absolutePath)}`);
+        });
+      }
+      return lines;
+    },
+    []
+  );
+  if (errorLines.length > 0) {
+    const errorContent = errorLines.join("\n");
+    throw Error(
+      `Multiple entrypoints with the same name detected, only one entrypoint for each name is allowed.
+
+${errorContent}`
+    );
+  }
+}
 function getHtmlBaseOptions(document) {
   const options = {};
   const includeContent = document.querySelector("meta[name='manifest.include']")?.getAttribute("content");
@@ -2321,8 +2333,8 @@ function getHtmlBaseOptions(document) {
   }
   return options;
 }
-async function getPopupEntrypoint(config, path6) {
-  const content = await fs12.readFile(path6, "utf-8");
+async function getPopupEntrypoint(config, { inputPath, name }) {
+  const content = await fs12.readFile(inputPath, "utf-8");
   const { document } = parseHTML2(content);
   const options = getHtmlBaseOptions(document);
   const title = document.querySelector("title");
@@ -2351,12 +2363,12 @@ async function getPopupEntrypoint(config, path6) {
     type: "popup",
     name: "popup",
     options,
-    inputPath: path6,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getOptionsEntrypoint(config, path6) {
-  const content = await fs12.readFile(path6, "utf-8");
+async function getOptionsEntrypoint(config, { inputPath, name }) {
+  const content = await fs12.readFile(inputPath, "utf-8");
   const { document } = parseHTML2(content);
   const options = getHtmlBaseOptions(document);
   const openInTabContent = document.querySelector("meta[name='manifest.open_in_tab']")?.getAttribute("content");
@@ -2375,25 +2387,24 @@ async function getOptionsEntrypoint(config, path6) {
     type: "options",
     name: "options",
     options,
-    inputPath: path6,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getUnlistedPageEntrypoint(config, path6) {
-  const content = await fs12.readFile(path6, "utf-8");
+async function getUnlistedPageEntrypoint(config, { inputPath, name }) {
+  const content = await fs12.readFile(inputPath, "utf-8");
   const { document } = parseHTML2(content);
   return {
     type: "unlisted-page",
-    name: getEntrypointName(config.entrypointsDir, path6),
-    inputPath: path6,
+    name: getEntrypointName(config.entrypointsDir, inputPath),
+    inputPath,
     outputDir: config.outDir,
     options: getHtmlBaseOptions(document)
   };
 }
-async function getUnlistedScriptEntrypoint(config, path6) {
-  const name = getEntrypointName(config.entrypointsDir, path6);
+async function getUnlistedScriptEntrypoint(config, { inputPath, name }) {
   const defaultExport = await importEntrypointFile(
-    path6,
+    inputPath,
     config
   );
   if (defaultExport == null) {
@@ -2406,17 +2417,16 @@ async function getUnlistedScriptEntrypoint(config, path6) {
   return {
     type: "unlisted-script",
     name,
-    inputPath: path6,
+    inputPath,
     outputDir: config.outDir,
     options
   };
 }
-async function getBackgroundEntrypoint(config, path6) {
-  const name = "background";
+async function getBackgroundEntrypoint(config, { inputPath, name }) {
   let options = {};
-  if (path6 !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
+  if (inputPath !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
     const defaultExport = await importEntrypointFile(
-      path6,
+      inputPath,
       config
     );
     if (defaultExport == null) {
@@ -2430,7 +2440,7 @@ async function getBackgroundEntrypoint(config, path6) {
   return {
     type: "background",
     name,
-    inputPath: path6,
+    inputPath,
     outputDir: config.outDir,
     options: {
       ...options,
@@ -2439,9 +2449,8 @@ async function getBackgroundEntrypoint(config, path6) {
     }
   };
 }
-async function getContentScriptEntrypoint(config, path6) {
-  const name = getEntrypointName(config.entrypointsDir, path6);
-  const { main: _, ...options } = await importEntrypointFile(path6, config);
+async function getContentScriptEntrypoint(config, { inputPath, name }) {
+  const { main: _, ...options } = await importEntrypointFile(inputPath, config);
   if (options == null) {
     throw Error(
       `${name}: Default export not found, did you forget to call "export default defineContentScript(...)"?`
@@ -2450,7 +2459,7 @@ async function getContentScriptEntrypoint(config, path6) {
   return {
     type: "content-script",
     name,
-    inputPath: path6,
+    inputPath,
     outputDir: resolve12(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
@@ -2489,12 +2498,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "options/index.html": "options",
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
-  "*.[jt]s": "unlisted-script",
-  "*/index.ts": "unlisted-script",
+  "*.[jt]s?(x)": "unlisted-script",
+  "*/index.[jt]s?(x)": "unlisted-script",
   [`*.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files or tests
-  "*/**": "ignored"
+  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 

package/dist/cli.cjs

@@ -2415,7 +2415,7 @@ var init_execa = __esm({
 var import_cac = __toESM(require("cac"), 1);
 
 // package.json
-var version = "0.11.1";
+var version = "0.11.2";
 
 // src/core/utils/fs.ts
 var import_fs_extra = __toESM(require("fs-extra"), 1);
@@ -2606,51 +2606,46 @@ var VIRTUAL_NOOP_BACKGROUND_MODULE_ID = "virtual:user-background";
 
 // src/core/utils/building/find-entrypoints.ts
 async function findEntrypoints(config) {
-  const relativePaths = await (0, import_fast_glob2.default)("**/*", {
+  const relativePaths = await (0, import_fast_glob2.default)(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
     cwd: config.entrypointsDir
   });
   relativePaths.sort();
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
-  let hasBackground = false;
-  const possibleEntrypoints = await Promise.all(
-    relativePaths.map(async (relativePath) => {
-      const path10 = (0, import_path2.resolve)(config.entrypointsDir, relativePath);
-      const matchingGlob = pathGlobs.find(
-        (glob5) => (0, import_minimatch.minimatch)(relativePath, glob5)
-      );
-      if (matchingGlob == null) {
-        config.logger.warn(
-          `${relativePath} does not match any known entrypoint. Known entrypoints:
-${JSON.stringify(
-            PATH_GLOB_TO_TYPE_MAP,
-            null,
-            2
-          )}`
-        );
-        return;
-      }
+  const entrypointInfos = relativePaths.reduce((results, relativePath) => {
+    const inputPath = (0, import_path2.resolve)(config.entrypointsDir, relativePath);
+    const name = getEntrypointName(config.entrypointsDir, inputPath);
+    const matchingGlob = pathGlobs.find(
+      (glob5) => (0, import_minimatch.minimatch)(relativePath, glob5)
+    );
+    if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
-      if (type === "ignored")
-        return;
+      results.push({ name, inputPath, type });
+    }
+    return results;
+  }, []);
+  preventDuplicateEntrypointNames(config, entrypointInfos);
+  let hasBackground = false;
+  const entrypoints = await Promise.all(
+    entrypointInfos.map(async (info) => {
+      const { type } = info;
       switch (type) {
         case "popup":
-          return await getPopupEntrypoint(config, path10);
+          return await getPopupEntrypoint(config, info);
         case "options":
-          return await getOptionsEntrypoint(config, path10);
+          return await getOptionsEntrypoint(config, info);
         case "background":
           hasBackground = true;
-          return await getBackgroundEntrypoint(config, path10);
+          return await getBackgroundEntrypoint(config, info);
         case "content-script":
-          return await getContentScriptEntrypoint(config, path10);
+          return await getContentScriptEntrypoint(config, info);
         case "unlisted-page":
-          return await getUnlistedPageEntrypoint(config, path10);
+          return await getUnlistedPageEntrypoint(config, info);
         case "unlisted-script":
-          return await getUnlistedScriptEntrypoint(config, path10);
+          return await getUnlistedScriptEntrypoint(config, info);
         case "content-script-style":
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path10),
-            inputPath: path10,
             outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
             options: {
               include: void 0,
@@ -2659,9 +2654,8 @@ ${JSON.stringify(
           };
         default:
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path10),
-            inputPath: path10,
             outputDir: config.outDir,
             options: {
               include: void 0,
@@ -2671,25 +2665,13 @@ ${JSON.stringify(
       }
     })
   );
-  const entrypoints = possibleEntrypoints.filter(
-    (entry) => !!entry
-  );
-  const existingNames = {};
-  entrypoints.forEach((entrypoint) => {
-    const withSameName = existingNames[entrypoint.name];
-    if (withSameName) {
-      throw Error(
-        `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
-          (0, import_path2.relative)(config.root, withSameName.inputPath),
-          (0, import_path2.relative)(config.root, entrypoint.inputPath)
-        ].join(", ")}`
-      );
-    }
-    existingNames[entrypoint.name] = entrypoint;
-  });
   if (config.command === "serve" && !hasBackground) {
     entrypoints.push(
-      await getBackgroundEntrypoint(config, VIRTUAL_NOOP_BACKGROUND_MODULE_ID)
+      await getBackgroundEntrypoint(config, {
+        inputPath: VIRTUAL_NOOP_BACKGROUND_MODULE_ID,
+        name: "background",
+        type: "background"
+      })
     );
   }
   config.logger.debug("All entrypoints:", entrypoints);
@@ -2712,6 +2694,36 @@ ${JSON.stringify(
   config.logger.debug(`${config.browser} entrypoints:`, targetEntrypoints);
   return targetEntrypoints;
 }
+function preventDuplicateEntrypointNames(config, files) {
+  const namesToPaths = files.reduce(
+    (map, { name, inputPath }) => {
+      map[name] ??= [];
+      map[name].push(inputPath);
+      return map;
+    },
+    {}
+  );
+  const errorLines = Object.entries(namesToPaths).reduce(
+    (lines, [name, absolutePaths]) => {
+      if (absolutePaths.length > 1) {
+        lines.push(`- ${name}`);
+        absolutePaths.forEach((absolutePath) => {
+          lines.push(`  - ${(0, import_path2.relative)(config.root, absolutePath)}`);
+        });
+      }
+      return lines;
+    },
+    []
+  );
+  if (errorLines.length > 0) {
+    const errorContent = errorLines.join("\n");
+    throw Error(
+      `Multiple entrypoints with the same name detected, only one entrypoint for each name is allowed.
+
+${errorContent}`
+    );
+  }
+}
 function getHtmlBaseOptions(document) {
   const options = {};
   const includeContent = document.querySelector("meta[name='manifest.include']")?.getAttribute("content");
@@ -2724,8 +2736,8 @@ function getHtmlBaseOptions(document) {
   }
   return options;
 }
-async function getPopupEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getPopupEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   const options = getHtmlBaseOptions(document);
   const title = document.querySelector("title");
@@ -2754,12 +2766,12 @@ async function getPopupEntrypoint(config, path10) {
     type: "popup",
     name: "popup",
     options,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getOptionsEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getOptionsEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   const options = getHtmlBaseOptions(document);
   const openInTabContent = document.querySelector("meta[name='manifest.open_in_tab']")?.getAttribute("content");
@@ -2778,25 +2790,24 @@ async function getOptionsEntrypoint(config, path10) {
     type: "options",
     name: "options",
     options,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getUnlistedPageEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getUnlistedPageEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   return {
     type: "unlisted-page",
-    name: getEntrypointName(config.entrypointsDir, path10),
-    inputPath: path10,
+    name: getEntrypointName(config.entrypointsDir, inputPath),
+    inputPath,
     outputDir: config.outDir,
     options: getHtmlBaseOptions(document)
   };
 }
-async function getUnlistedScriptEntrypoint(config, path10) {
-  const name = getEntrypointName(config.entrypointsDir, path10);
+async function getUnlistedScriptEntrypoint(config, { inputPath, name }) {
   const defaultExport = await importEntrypointFile(
-    path10,
+    inputPath,
     config
   );
   if (defaultExport == null) {
@@ -2809,17 +2820,16 @@ async function getUnlistedScriptEntrypoint(config, path10) {
   return {
     type: "unlisted-script",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir,
     options
   };
 }
-async function getBackgroundEntrypoint(config, path10) {
-  const name = "background";
+async function getBackgroundEntrypoint(config, { inputPath, name }) {
   let options = {};
-  if (path10 !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
+  if (inputPath !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
     const defaultExport = await importEntrypointFile(
-      path10,
+      inputPath,
       config
     );
     if (defaultExport == null) {
@@ -2833,7 +2843,7 @@ async function getBackgroundEntrypoint(config, path10) {
   return {
     type: "background",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir,
     options: {
       ...options,
@@ -2842,9 +2852,8 @@ async function getBackgroundEntrypoint(config, path10) {
     }
   };
 }
-async function getContentScriptEntrypoint(config, path10) {
-  const name = getEntrypointName(config.entrypointsDir, path10);
-  const { main: _, ...options } = await importEntrypointFile(path10, config);
+async function getContentScriptEntrypoint(config, { inputPath, name }) {
+  const { main: _, ...options } = await importEntrypointFile(inputPath, config);
   if (options == null) {
     throw Error(
       `${name}: Default export not found, did you forget to call "export default defineContentScript(...)"?`
@@ -2853,7 +2862,7 @@ async function getContentScriptEntrypoint(config, path10) {
   return {
     type: "content-script",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
@@ -2892,12 +2901,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "options/index.html": "options",
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
-  "*.[jt]s": "unlisted-script",
-  "*/index.ts": "unlisted-script",
+  "*.[jt]s?(x)": "unlisted-script",
+  "*/index.[jt]s?(x)": "unlisted-script",
   [`*.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files or tests
-  "*/**": "ignored"
+  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 

package/dist/client.d.ts

@@ -6,10 +6,14 @@ declare function defineBackground(main: () => void): BackgroundDefinition;
 declare function defineBackground(definition: BackgroundDefinition): BackgroundDefinition;
 
 type ContentScriptOverlayAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * ![Visualization of different append modes](https://wxt.dev/content-script-ui-append.png)
+ */
 type ContentScriptAppendMode = 'last' | 'first' | 'replace' | 'before' | 'after' | ((anchor: Element, ui: Element) => void);
-type ContentScriptPositioningOptions = {
+interface ContentScriptInlinePositioningOptions {
     type: 'inline';
-} | {
+}
+interface ContentScriptOverlayPositioningOptions {
     type: 'overlay';
     /**
      * The `z-index` used on the `shadowHost`. Set to a positive number to show your UI over website
@@ -20,17 +24,26 @@ type ContentScriptPositioningOptions = {
      * When using `type: "overlay"`, the mounted element is 0px by 0px in size. Alignment specifies
      * which corner is aligned with that 0x0 pixel space.
      *
+     * ![Visualization of alignment options](https://wxt.dev/content-script-ui-alignment.png)
+     *
      * @default "top-left"
      */
     alignment?: ContentScriptOverlayAlignment;
-} | {
+}
+interface ContentScriptModalPositioningOptions {
     type: 'modal';
     /**
      * The `z-index` used on the `shadowHost`. Set to a positive number to show your UI over website
      * content.
      */
     zIndex?: number;
-};
+}
+/**
+ * Choose between `"inline"`, `"overlay"`, or `"modal" `types.
+ *
+ * ![Visualization of different types](https://wxt.dev/content-script-ui-types.png)
+ */
+type ContentScriptPositioningOptions = ContentScriptInlinePositioningOptions | ContentScriptOverlayPositioningOptions | ContentScriptModalPositioningOptions;
 interface ContentScriptAnchoredOptions {
     /**
      * A CSS selector, element, or function that returns one of the two. Along with `append`, the
@@ -54,7 +67,7 @@ interface ContentScriptAnchoredOptions {
  * Utility for mounting content script UI's with isolated styles. Automatically removed from the DOM
  * when the content script's context is invalidated.
  *
- * See https://wxt.dev/entrypoints/content-scripts.html#ui for full documentation.
+ * See https://wxt.dev/guide/content-script-ui.html for full documentation.
  *
  * @example
  * // entrypoints/example-ui.content/index.ts
@@ -129,7 +142,7 @@ type ContentScriptUiOptions<TApp> = ContentScriptPositioningOptions & ContentScr
      * set `cssInjectionMode: "ui"`, the imported CSS will be included automatically. You do not need
      * to pass those styles in here. This is for any additional styles not in the imported CSS.
      *
-     * See https://wxt.dev/entrypoints/content-scripts.html#ui for more info.
+     * See https://wxt.dev/guide/content-script-ui.html for more info.
      */
     css?: string;
 };
@@ -181,4 +194,4 @@ type ContentScriptIframeOptions = ContentScriptPositioningOptions & ContentScrip
 
 declare function defineContentScript(definition: ContentScriptDefinition): ContentScriptDefinition;
 
-export { ContentScriptContext, type ContentScriptIframe, type ContentScriptIframeOptions, type ContentScriptUi, type ContentScriptUiOptions, createContentScriptIframe, createContentScriptUi, defineBackground, defineContentScript };
+export { type ContentScriptAnchoredOptions, type ContentScriptAppendMode, ContentScriptContext, type ContentScriptIframe, type ContentScriptIframeOptions, type ContentScriptInlinePositioningOptions, type ContentScriptModalPositioningOptions, type ContentScriptOverlayAlignment, type ContentScriptOverlayPositioningOptions, type ContentScriptPositioningOptions, type ContentScriptUi, type ContentScriptUiOptions, createContentScriptIframe, createContentScriptUi, defineBackground, defineContentScript };

package/dist/index.cjs

@@ -2616,51 +2616,46 @@ var VIRTUAL_NOOP_BACKGROUND_MODULE_ID = "virtual:user-background";
 
 // src/core/utils/building/find-entrypoints.ts
 async function findEntrypoints(config) {
-  const relativePaths = await (0, import_fast_glob2.default)("**/*", {
+  const relativePaths = await (0, import_fast_glob2.default)(Object.keys(PATH_GLOB_TO_TYPE_MAP), {
     cwd: config.entrypointsDir
   });
   relativePaths.sort();
   const pathGlobs = Object.keys(PATH_GLOB_TO_TYPE_MAP);
-  let hasBackground = false;
-  const possibleEntrypoints = await Promise.all(
-    relativePaths.map(async (relativePath) => {
-      const path10 = (0, import_path2.resolve)(config.entrypointsDir, relativePath);
-      const matchingGlob = pathGlobs.find(
-        (glob5) => (0, import_minimatch.minimatch)(relativePath, glob5)
-      );
-      if (matchingGlob == null) {
-        config.logger.warn(
-          `${relativePath} does not match any known entrypoint. Known entrypoints:
-${JSON.stringify(
-            PATH_GLOB_TO_TYPE_MAP,
-            null,
-            2
-          )}`
-        );
-        return;
-      }
+  const entrypointInfos = relativePaths.reduce((results, relativePath) => {
+    const inputPath = (0, import_path2.resolve)(config.entrypointsDir, relativePath);
+    const name = getEntrypointName(config.entrypointsDir, inputPath);
+    const matchingGlob = pathGlobs.find(
+      (glob5) => (0, import_minimatch.minimatch)(relativePath, glob5)
+    );
+    if (matchingGlob) {
       const type = PATH_GLOB_TO_TYPE_MAP[matchingGlob];
-      if (type === "ignored")
-        return;
+      results.push({ name, inputPath, type });
+    }
+    return results;
+  }, []);
+  preventDuplicateEntrypointNames(config, entrypointInfos);
+  let hasBackground = false;
+  const entrypoints = await Promise.all(
+    entrypointInfos.map(async (info) => {
+      const { type } = info;
       switch (type) {
         case "popup":
-          return await getPopupEntrypoint(config, path10);
+          return await getPopupEntrypoint(config, info);
         case "options":
-          return await getOptionsEntrypoint(config, path10);
+          return await getOptionsEntrypoint(config, info);
         case "background":
           hasBackground = true;
-          return await getBackgroundEntrypoint(config, path10);
+          return await getBackgroundEntrypoint(config, info);
         case "content-script":
-          return await getContentScriptEntrypoint(config, path10);
+          return await getContentScriptEntrypoint(config, info);
         case "unlisted-page":
-          return await getUnlistedPageEntrypoint(config, path10);
+          return await getUnlistedPageEntrypoint(config, info);
         case "unlisted-script":
-          return await getUnlistedScriptEntrypoint(config, path10);
+          return await getUnlistedScriptEntrypoint(config, info);
         case "content-script-style":
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path10),
-            inputPath: path10,
             outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
             options: {
               include: void 0,
@@ -2669,9 +2664,8 @@ ${JSON.stringify(
           };
         default:
           return {
+            ...info,
             type,
-            name: getEntrypointName(config.entrypointsDir, path10),
-            inputPath: path10,
             outputDir: config.outDir,
             options: {
               include: void 0,
@@ -2681,25 +2675,13 @@ ${JSON.stringify(
       }
     })
   );
-  const entrypoints = possibleEntrypoints.filter(
-    (entry) => !!entry
-  );
-  const existingNames = {};
-  entrypoints.forEach((entrypoint) => {
-    const withSameName = existingNames[entrypoint.name];
-    if (withSameName) {
-      throw Error(
-        `Multiple entrypoints with the name "${entrypoint.name}" detected, but only one is allowed: ${[
-          (0, import_path2.relative)(config.root, withSameName.inputPath),
-          (0, import_path2.relative)(config.root, entrypoint.inputPath)
-        ].join(", ")}`
-      );
-    }
-    existingNames[entrypoint.name] = entrypoint;
-  });
   if (config.command === "serve" && !hasBackground) {
     entrypoints.push(
-      await getBackgroundEntrypoint(config, VIRTUAL_NOOP_BACKGROUND_MODULE_ID)
+      await getBackgroundEntrypoint(config, {
+        inputPath: VIRTUAL_NOOP_BACKGROUND_MODULE_ID,
+        name: "background",
+        type: "background"
+      })
     );
   }
   config.logger.debug("All entrypoints:", entrypoints);
@@ -2722,6 +2704,36 @@ ${JSON.stringify(
   config.logger.debug(`${config.browser} entrypoints:`, targetEntrypoints);
   return targetEntrypoints;
 }
+function preventDuplicateEntrypointNames(config, files) {
+  const namesToPaths = files.reduce(
+    (map, { name, inputPath }) => {
+      map[name] ??= [];
+      map[name].push(inputPath);
+      return map;
+    },
+    {}
+  );
+  const errorLines = Object.entries(namesToPaths).reduce(
+    (lines, [name, absolutePaths]) => {
+      if (absolutePaths.length > 1) {
+        lines.push(`- ${name}`);
+        absolutePaths.forEach((absolutePath) => {
+          lines.push(`  - ${(0, import_path2.relative)(config.root, absolutePath)}`);
+        });
+      }
+      return lines;
+    },
+    []
+  );
+  if (errorLines.length > 0) {
+    const errorContent = errorLines.join("\n");
+    throw Error(
+      `Multiple entrypoints with the same name detected, only one entrypoint for each name is allowed.
+
+${errorContent}`
+    );
+  }
+}
 function getHtmlBaseOptions(document) {
   const options = {};
   const includeContent = document.querySelector("meta[name='manifest.include']")?.getAttribute("content");
@@ -2734,8 +2746,8 @@ function getHtmlBaseOptions(document) {
   }
   return options;
 }
-async function getPopupEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getPopupEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   const options = getHtmlBaseOptions(document);
   const title = document.querySelector("title");
@@ -2764,12 +2776,12 @@ async function getPopupEntrypoint(config, path10) {
     type: "popup",
     name: "popup",
     options,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getOptionsEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getOptionsEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   const options = getHtmlBaseOptions(document);
   const openInTabContent = document.querySelector("meta[name='manifest.open_in_tab']")?.getAttribute("content");
@@ -2788,25 +2800,24 @@ async function getOptionsEntrypoint(config, path10) {
     type: "options",
     name: "options",
     options,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir
   };
 }
-async function getUnlistedPageEntrypoint(config, path10) {
-  const content = await import_fs_extra3.default.readFile(path10, "utf-8");
+async function getUnlistedPageEntrypoint(config, { inputPath, name }) {
+  const content = await import_fs_extra3.default.readFile(inputPath, "utf-8");
   const { document } = (0, import_linkedom.parseHTML)(content);
   return {
     type: "unlisted-page",
-    name: getEntrypointName(config.entrypointsDir, path10),
-    inputPath: path10,
+    name: getEntrypointName(config.entrypointsDir, inputPath),
+    inputPath,
     outputDir: config.outDir,
     options: getHtmlBaseOptions(document)
   };
 }
-async function getUnlistedScriptEntrypoint(config, path10) {
-  const name = getEntrypointName(config.entrypointsDir, path10);
+async function getUnlistedScriptEntrypoint(config, { inputPath, name }) {
   const defaultExport = await importEntrypointFile(
-    path10,
+    inputPath,
     config
   );
   if (defaultExport == null) {
@@ -2819,17 +2830,16 @@ async function getUnlistedScriptEntrypoint(config, path10) {
   return {
     type: "unlisted-script",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir,
     options
   };
 }
-async function getBackgroundEntrypoint(config, path10) {
-  const name = "background";
+async function getBackgroundEntrypoint(config, { inputPath, name }) {
   let options = {};
-  if (path10 !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
+  if (inputPath !== VIRTUAL_NOOP_BACKGROUND_MODULE_ID) {
     const defaultExport = await importEntrypointFile(
-      path10,
+      inputPath,
       config
     );
     if (defaultExport == null) {
@@ -2843,7 +2853,7 @@ async function getBackgroundEntrypoint(config, path10) {
   return {
     type: "background",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: config.outDir,
     options: {
       ...options,
@@ -2852,9 +2862,8 @@ async function getBackgroundEntrypoint(config, path10) {
     }
   };
 }
-async function getContentScriptEntrypoint(config, path10) {
-  const name = getEntrypointName(config.entrypointsDir, path10);
-  const { main: _, ...options } = await importEntrypointFile(path10, config);
+async function getContentScriptEntrypoint(config, { inputPath, name }) {
+  const { main: _, ...options } = await importEntrypointFile(inputPath, config);
   if (options == null) {
     throw Error(
       `${name}: Default export not found, did you forget to call "export default defineContentScript(...)"?`
@@ -2863,7 +2872,7 @@ async function getContentScriptEntrypoint(config, path10) {
   return {
     type: "content-script",
     name,
-    inputPath: path10,
+    inputPath,
     outputDir: (0, import_path2.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
@@ -2902,12 +2911,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "options/index.html": "options",
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
-  "*.[jt]s": "unlisted-script",
-  "*/index.ts": "unlisted-script",
+  "*.[jt]s?(x)": "unlisted-script",
+  "*/index.[jt]s?(x)": "unlisted-script",
   [`*.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files or tests
-  "*/**": "ignored"
+  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 
@@ -4299,7 +4306,7 @@ function getChunkSortWeight(filename) {
 var import_picocolors3 = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "0.11.1";
+var version = "0.11.2";
 
 // src/core/utils/log/printHeader.ts
 var import_consola2 = require("consola");

package/dist/index.d.cts

@@ -62,6 +62,6 @@ declare function prepare(config: InlineConfig): Promise<void>;
  */
 declare function zip(config?: InlineConfig): Promise<string[]>;
 
-var version = "0.11.1";
+var version = "0.11.2";
 
 export { BuildOutput, ExtensionRunnerConfig, InlineConfig, UserConfig, WxtDevServer, build, clean, createServer, defineConfig, defineRunnerConfig, initialize, prepare, version, zip };

package/dist/index.d.ts

@@ -62,6 +62,6 @@ declare function prepare(config: InlineConfig): Promise<void>;
  */
 declare function zip(config?: InlineConfig): Promise<string[]>;
 
-var version = "0.11.1";
+var version = "0.11.2";
 
 export { BuildOutput, ExtensionRunnerConfig, InlineConfig, UserConfig, WxtDevServer, build, clean, createServer, defineConfig, defineRunnerConfig, initialize, prepare, version, zip };

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   rebuild,
   resolvePerBrowserOption,
   version
-} from "./chunk-65FJ5ESC.js";
+} from "./chunk-XTGVY6KL.js";
 import "./chunk-VBXJIVYU.js";
 
 // src/core/build.ts

package/dist/testing.cjs

@@ -691,12 +691,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "options/index.html": "options",
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
-  "*.[jt]s": "unlisted-script",
-  "*/index.ts": "unlisted-script",
+  "*.[jt]s?(x)": "unlisted-script",
+  "*/index.[jt]s?(x)": "unlisted-script",
   [`*.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files or tests
-  "*/**": "ignored"
+  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 
 // src/core/utils/building/generate-wxt-dir.ts

package/dist/testing.js

@@ -6,7 +6,7 @@ import {
   unimport,
   webextensionPolyfillAlias,
   webextensionPolyfillInlineDeps
-} from "./chunk-65FJ5ESC.js";
+} from "./chunk-XTGVY6KL.js";
 import "./chunk-VBXJIVYU.js";
 
 // src/testing/fake-browser.ts

package/dist/virtual/mock-browser.js

@@ -75,12 +75,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "options/index.html": "options",
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
-  "*.[jt]s": "unlisted-script",
-  "*/index.ts": "unlisted-script",
+  "*.[jt]s?(x)": "unlisted-script",
+  "*/index.[jt]s?(x)": "unlisted-script",
   [`*.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style",
-  // Don't warn about any files in subdirectories, like CSS or JS entrypoints for HTML files or tests
-  "*/**": "ignored"
+  [`*/index.${CSS_EXTENSIONS_PATTERN}`]: "unlisted-style"
 };
 
 // src/core/utils/building/generate-wxt-dir.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "Next gen framework for developing web extensions",
   "engines": {
     "node": ">=18",