wxt 0.3.0 → 0.3.1

package/dist/index.cjs

@@ -55,6 +55,8 @@ function normalizePath2(path5) {
 function unnormalizePath(path5) {
   return import_node_path.default.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) {
@@ -368,6 +370,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
 var import_fs_extra3 = __toESM(require("fs-extra"), 1);
 var import_path4 = require("path");
@@ -702,7 +728,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,
@@ -798,7 +829,7 @@ async function copyPublicDirectory(config) {
 // src/core/build/findEntrypoints.ts
 var import_path8 = require("path");
 var import_fs_extra8 = __toESM(require("fs-extra"), 1);
-var import_picomatch = __toESM(require("picomatch"), 1);
+var import_minimatch = require("minimatch");
 var import_linkedom2 = require("linkedom");
 var import_json5 = __toESM(require("json5"), 1);
 
@@ -873,7 +904,7 @@ async function findEntrypoints(config) {
     relativePaths.map(async (relativePath) => {
       const path5 = (0, import_path8.resolve)(config.entrypointsDir, relativePath);
       const matchingGlob = pathGlobs.find(
-        (glob3) => import_picomatch.default.isMatch(relativePath, glob3)
+        (glob3) => (0, import_minimatch.minimatch)(relativePath, glob3)
       );
       if (matchingGlob == null) {
         return config.logger.warn(
@@ -907,6 +938,14 @@ ${JSON.stringify(
             path5
           );
           break;
+        case "content-script-style":
+          entrypoint = {
+            type,
+            name: getEntrypointName(config.entrypointsDir, path5),
+            inputPath: path5,
+            outputDir: (0, import_path8.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR)
+          };
+          break;
         default:
           entrypoint = {
             type,
@@ -1022,7 +1061,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_path8.resolve)(config.outDir, CONTENT_SCRIPT_OUT_DIR),
     options
   };
 }
@@ -1049,6 +1088,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",
@@ -1056,9 +1099,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
 var import_unimport3 = require("unimport");
@@ -1313,11 +1360,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;
@@ -1598,7 +1645,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
@@ -1918,7 +1967,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) {