wxt 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -240,7 +240,7 @@ interface BaseEntrypoint {
     outputDir: string;
 }
 interface GenericEntrypoint extends BaseEntrypoint {
-    type: 'sandbox' | 'bookmarks' | 'history' | 'newtab' | 'sidepanel' | 'devtools' | 'unlisted-page' | 'unlisted-script';
+    type: 'sandbox' | 'bookmarks' | 'history' | 'newtab' | 'sidepanel' | 'devtools' | 'unlisted-page' | 'unlisted-script' | 'unlisted-style' | 'content-script-style';
 }
 interface BackgroundEntrypoint extends BaseEntrypoint {
     type: 'background';
@@ -404,7 +404,7 @@ interface ExtensionRunnerConfig {
 
 type EntrypointGroup = Entrypoint | Entrypoint[];
 
-var version = "0.3.0";
+var version = "0.3.1";
 
 declare function defineConfig(config: UserConfig): UserConfig;
 

package/dist/index.js

@@ -15,6 +15,8 @@ function normalizePath2(path5) {
 function unnormalizePath(path5) {
   return nodePath.normalize(path5);
 }
+var CSS_EXTENSIONS = ["css", "scss", "sass", "less", "styl", "stylus"];
+var CSS_EXTENSIONS_PATTERN = `+(${CSS_EXTENSIONS.join("|")})`;
 
 // src/core/utils/entrypoints.ts
 function getEntrypointName(entrypointsDir, inputPath) {
@@ -328,6 +330,30 @@ export default defineBackground(() => void 0)`;
 }
 var VIRTUAL_NOOP_BACKGROUND_MODULE_ID = "virtual:user-background";
 
+// src/core/vite-plugins/cssEntrypoints.ts
+function cssEntrypoints(entrypoint, config) {
+  return {
+    name: "wxt:css-entrypoint",
+    config() {
+      return {
+        build: {
+          rollupOptions: {
+            output: {
+              assetFileNames: () => getEntrypointBundlePath(entrypoint, config.outDir, ".css")
+            }
+          }
+        }
+      };
+    },
+    generateBundle(_, bundle) {
+      Object.keys(bundle).forEach((file) => {
+        if (file.endsWith(".js"))
+          delete bundle[file];
+      });
+    }
+  };
+}
+
 // src/core/utils/createFsCache.ts
 import fs3, { ensureDir as ensureDir2 } from "fs-extra";
 import { dirname as dirname3, resolve as resolve5 } from "path";
@@ -662,7 +688,12 @@ async function buildEntrypoints(groups, config) {
 async function buildSingleEntrypoint(entrypoint, config) {
   const isVirtual = ["background", "content-script"].includes(entrypoint.type);
   const entry = isVirtual ? `virtual:wxt-${entrypoint.type}?${entrypoint.inputPath}` : entrypoint.inputPath;
+  const plugins = [];
+  if (entrypoint.type === "content-script-style" || entrypoint.type === "unlisted-style") {
+    plugins.push(cssEntrypoints(entrypoint, config));
+  }
   const libMode = {
+    plugins,
     build: {
       lib: {
         entry,
@@ -758,7 +789,7 @@ async function copyPublicDirectory(config) {
 // src/core/build/findEntrypoints.ts
 import { relative as relative3, resolve as resolve9 } from "path";
 import fs8 from "fs-extra";
-import picomatch from "picomatch";
+import { minimatch } from "minimatch";
 import { parseHTML as parseHTML2 } from "linkedom";
 import JSON5 from "json5";
 
@@ -833,7 +864,7 @@ async function findEntrypoints(config) {
     relativePaths.map(async (relativePath) => {
       const path5 = resolve9(config.entrypointsDir, relativePath);
       const matchingGlob = pathGlobs.find(
-        (glob3) => picomatch.isMatch(relativePath, glob3)
+        (glob3) => minimatch(relativePath, glob3)
       );
       if (matchingGlob == null) {
         return config.logger.warn(
@@ -867,6 +898,14 @@ ${JSON.stringify(
             path5
           );
           break;
+        case "content-script-style":
+          entrypoint = {
+            type,
+            name: getEntrypointName(config.entrypointsDir, path5),
+            inputPath: path5,
+            outputDir: resolve9(config.outDir, CONTENT_SCRIPT_OUT_DIR)
+          };
+          break;
         default:
           entrypoint = {
             type,
@@ -982,7 +1021,7 @@ async function getContentScriptEntrypoint(config, name, path5) {
     type: "content-script",
     name: getEntrypointName(config.entrypointsDir, path5),
     inputPath: path5,
-    outputDir: resolve9(config.outDir, "content-scripts"),
+    outputDir: resolve9(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
 }
@@ -1009,6 +1048,10 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "content/index.ts?(x)": "content-script",
   "*.content.ts?(x)": "content-script",
   "*.content/index.ts?(x)": "content-script",
+  [`content.${CSS_EXTENSIONS_PATTERN}`]: "content-script-style",
+  [`*.content.${CSS_EXTENSIONS_PATTERN}`]: "content-script-style",
+  [`content/index.${CSS_EXTENSIONS_PATTERN}`]: "content-script-style",
+  [`*.content/index.${CSS_EXTENSIONS_PATTERN}`]: "content-script-style",
   "popup.html": "popup",
   "popup/index.html": "popup",
   "options.html": "options",
@@ -1016,9 +1059,13 @@ var PATH_GLOB_TO_TYPE_MAP = {
   "*.html": "unlisted-page",
   "*/index.html": "unlisted-page",
   "*.ts": "unlisted-script",
+  "*/index.ts": "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
   "*/*": "ignored"
 };
+var CONTENT_SCRIPT_OUT_DIR = "content-scripts";
 
 // src/core/build/generateTypesDir.ts
 import { createUnimport as createUnimport3 } from "unimport";
@@ -1273,11 +1320,11 @@ async function generateMainfest(entrypoints, buildOutput, config) {
     addDevModePermissions(manifest, config);
   if (manifest.name == null)
     throw Error(
-      "Manifest 'name' is missing. Either:\n1. Set the name in your <root>/package.json\n2. Set a name via the manifest option in your wxt.config.ts"
+      "Manifest 'name' is missing. Either:\n1. Set the name in your <rootDir>/package.json\n2. Set a name via the manifest option in your wxt.config.ts"
     );
   if (manifest.version == null) {
     throw Error(
-      "Manifest 'version' is missing. Either:\n1. Add a version in your <root>/package.json\n2. Pass the version via the manifest option in your wxt.config.ts"
+      "Manifest 'version' is missing. Either:\n1. Add a version in your <rootDir>/package.json\n2. Pass the version via the manifest option in your wxt.config.ts"
     );
   }
   return manifest;
@@ -1558,7 +1605,9 @@ var ENTRY_TYPE_TO_GROUP_MAP = {
   "unlisted-page": "extension-page",
   background: "no-group",
   "content-script": "no-group",
-  "unlisted-script": "no-group"
+  "unlisted-script": "no-group",
+  "unlisted-style": "no-group",
+  "content-script-style": "no-group"
 };
 
 // src/core/utils/formatDuration.ts
@@ -1878,7 +1927,7 @@ function reloadHtmlPages(groups, server, config) {
 }
 
 // package.json
-var version2 = "0.3.0";
+var version2 = "0.3.1";
 
 // src/core/utils/defineConfig.ts
 function defineConfig(config) {