unplugin-stylex 0.3.1 → 0.4.0

package/README.md

@@ -59,6 +59,24 @@ export default {
 
 </br></details>
 
+<details>
+<summary>farm</summary><br>
+
+```js
+// farm.config.js
+import { defineConfig } from '@farmfe/core'
+import stylexPlugin from 'unplugin-stylex/farm'
+
+export default defineConfig({
+  // other rollup config
+  plugins: [
+    stylexPlugin({ /* options */}),
+  ],
+})
+```
+
+</br></details>
+
 <details>
 <summary>rspack</summary><br>
 

package/dist/{chunk-MREBYPD2.js → chunk-3YBPBWJO.js}

@@ -6,8 +6,7 @@ import { createUnplugin } from "unplugin";
 import stylex from "@stylexjs/babel-plugin";
 function buildStylexRules(stylexRules, useCSSLayers) {
   const rules = Object.values(stylexRules).flat();
-  if (rules.length === 0)
-    return "";
+  if (rules.length === 0) return "";
   return stylex.processStylexRules(rules, useCSSLayers);
 }
 
@@ -21,7 +20,8 @@ function getOptions(options) {
   const isDev = options.dev || isDevelopment;
   return {
     ...options,
-    dev: options.dev || isDev,
+    dev: isDev,
+    invalidExts: [".json", ".html", ".jade", ".json5", ...options.invalidExts ?? []],
     stylex: {
       filename: stylex2.filename || "stylex.css",
       stylexImports: stylex2.stylexImports || ["@stylexjs/stylex"],
@@ -84,7 +84,12 @@ async function transformer(context) {
     stylexRules[id] = metadata.stylex;
   }
   if (!((_d = stylex2.babelConfig) == null ? void 0 : _d.babelrc)) {
-    return { code, map, stylexRules };
+    return {
+      code,
+      // compatible for farm, null will occur an error
+      map: map || void 0,
+      stylexRules
+    };
   }
   return { code, stylexRules };
 }
@@ -97,7 +102,7 @@ var unpluginFactory = (rawOptions = {}) => {
   return {
     name: PLUGIN_NAME,
     transformInclude(id) {
-      const invalidExts = [".json", ".html", ".jade", ".json5"];
+      const invalidExts = options.invalidExts;
       const extname2 = path.extname(id);
       const questionMarkIndex = extname2.indexOf("?");
       const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
@@ -130,8 +135,7 @@ var unpluginFactory = (rawOptions = {}) => {
     buildEnd() {
       const fileName = options.stylex.filename;
       const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-      if (!collectedCSS)
-        return;
+      if (!collectedCSS) return;
       this.emitFile({
         fileName,
         source: collectedCSS,
@@ -153,8 +157,7 @@ var unpluginFactory = (rawOptions = {}) => {
         var _a;
         const fileName = `${((_a = viteConfig.build) == null ? void 0 : _a.assetsDir) ?? "assets"}/${options.stylex.filename}`;
         const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-        if (!collectedCSS)
-          return;
+        if (!collectedCSS) return;
         this.emitFile({
           fileName,
           source: collectedCSS,

package/dist/{chunk-TCTVGJ42.cjs → chunk-6L2G6TUN.cjs}

@@ -6,8 +6,7 @@ var _unplugin = require('unplugin');
 var _babelplugin = require('@stylexjs/babel-plugin'); var _babelplugin2 = _interopRequireDefault(_babelplugin);
 function buildStylexRules(stylexRules, useCSSLayers) {
   const rules = Object.values(stylexRules).flat();
-  if (rules.length === 0)
-    return "";
+  if (rules.length === 0) return "";
   return _babelplugin2.default.processStylexRules(rules, useCSSLayers);
 }
 
@@ -21,7 +20,8 @@ function getOptions(options) {
   const isDev = options.dev || isDevelopment;
   return {
     ...options,
-    dev: options.dev || isDev,
+    dev: isDev,
+    invalidExts: [".json", ".html", ".jade", ".json5", ..._nullishCoalesce(options.invalidExts, () => ( []))],
     stylex: {
       filename: stylex2.filename || "stylex.css",
       stylexImports: stylex2.stylexImports || ["@stylexjs/stylex"],
@@ -84,7 +84,12 @@ async function transformer(context) {
     stylexRules[id] = metadata.stylex;
   }
   if (!((_d = stylex2.babelConfig) == null ? void 0 : _d.babelrc)) {
-    return { code, map, stylexRules };
+    return {
+      code,
+      // compatible for farm, null will occur an error
+      map: map || void 0,
+      stylexRules
+    };
   }
   return { code, stylexRules };
 }
@@ -97,7 +102,7 @@ var unpluginFactory = (rawOptions = {}) => {
   return {
     name: PLUGIN_NAME,
     transformInclude(id) {
-      const invalidExts = [".json", ".html", ".jade", ".json5"];
+      const invalidExts = options.invalidExts;
       const extname2 = path.extname(id);
       const questionMarkIndex = extname2.indexOf("?");
       const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
@@ -130,8 +135,7 @@ var unpluginFactory = (rawOptions = {}) => {
     buildEnd() {
       const fileName = options.stylex.filename;
       const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-      if (!collectedCSS)
-        return;
+      if (!collectedCSS) return;
       this.emitFile({
         fileName,
         source: collectedCSS,
@@ -153,8 +157,7 @@ var unpluginFactory = (rawOptions = {}) => {
         var _a;
         const fileName = `${_nullishCoalesce(((_a = viteConfig.build) == null ? void 0 : _a.assetsDir), () => ( "assets"))}/${options.stylex.filename}`;
         const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers);
-        if (!collectedCSS)
-          return;
+        if (!collectedCSS) return;
         this.emitFile({
           fileName,
           source: collectedCSS,

package/dist/esbuild.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/esbuild.ts
 var _unplugin = require('unplugin');
-var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
 var esbuild_default = esbuildPlugin;
 
 

package/dist/esbuild.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/esbuild.ts

package/dist/farm.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
+require('./chunk-ZBPRDZS4.cjs');
+
+// src/farm.ts
+var _unplugin = require('unplugin');
+var farmPlugin = _unplugin.createFarmPlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
+var farm_default = farmPlugin;
+
+
+exports.default = farm_default;

package/dist/farm.d.cts

@@ -0,0 +1,12 @@
+import { JsPluginExtended } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
+
+/**
+ * This entry file is for farm plugin.
+ *
+ * @module
+ */
+
+declare const farmPlugin: UnpluginStylexInstance<JsPluginExtended | JsPluginExtended[]>;
+
+export { farmPlugin as default };

package/dist/farm.d.ts

@@ -0,0 +1,12 @@
+import { JsPluginExtended } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
+
+/**
+ * This entry file is for farm plugin.
+ *
+ * @module
+ */
+
+declare const farmPlugin: UnpluginStylexInstance<JsPluginExtended | JsPluginExtended[]>;
+
+export { farmPlugin as default };

package/dist/farm.js

@@ -0,0 +1,12 @@
+import {
+  unpluginFactory
+} from "./chunk-3YBPBWJO.js";
+import "./chunk-6F4PWJZI.js";
+
+// src/farm.ts
+import { createFarmPlugin } from "unplugin";
+var farmPlugin = createFarmPlugin(unpluginFactory);
+var farm_default = farmPlugin;
+export {
+  farm_default as default
+};

package/dist/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 
 
 
-exports.default = _chunkTCTVGJ42cjs.src_default; exports.unplugin = _chunkTCTVGJ42cjs.unplugin; exports.unpluginFactory = _chunkTCTVGJ42cjs.unpluginFactory;
+exports.default = _chunk6L2G6TUNcjs.src_default; exports.unplugin = _chunk6L2G6TUNcjs.unplugin; exports.unpluginFactory = _chunk6L2G6TUNcjs.unpluginFactory;

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   src_default,
   unplugin,
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 export {
   src_default as default,

package/dist/rollup.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rollup.ts
 var _unplugin = require('unplugin');
-var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
 var rollup_default = rollupPlugin;
 
 

package/dist/rollup.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rollup.ts

package/dist/rspack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/rspack.ts
 var _unplugin = require('unplugin');
-var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
 var rspack_default = rspackPlugin;
 
 

package/dist/rspack.d.cts

@@ -2,7 +2,7 @@ import { RspackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.cjs';
 
 /**
- * This entry file is for Rspac plugin.
+ * This entry file is for Rspack plugin.
  *
  * @module
  */

package/dist/rspack.d.ts

@@ -2,7 +2,7 @@ import { RspackPluginInstance } from 'unplugin';
 import { UnpluginStylexInstance } from './types.js';
 
 /**
- * This entry file is for Rspac plugin.
+ * This entry file is for Rspack plugin.
  *
  * @module
  */

package/dist/rspack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/rspack.ts

package/dist/types.d.cts

@@ -9,7 +9,7 @@ type StylexOptions = {
     stylexImports?: string[];
     classNamePrefix?: string;
     unstable_moduleResolution?: {
-        type: 'commonjs' | 'haste';
+        type: 'commonJS' | 'haste';
         rootDir: string;
     };
     babelConfig?: BabelConfig;
@@ -19,9 +19,8 @@ type StylexOptions = {
     runtimeInjection?: boolean;
 };
 type UnpluginStylexOptions = {
-    compiler?: string;
+    invalidExts?: string[];
     dev?: boolean;
-    enforce?: 'post' | 'pre';
     stylex?: StylexOptions;
 };
 type UnpluginStylexInstance<T> = (options?: UnpluginStylexOptions) => T;

package/dist/types.d.ts

@@ -9,7 +9,7 @@ type StylexOptions = {
     stylexImports?: string[];
     classNamePrefix?: string;
     unstable_moduleResolution?: {
-        type: 'commonjs' | 'haste';
+        type: 'commonJS' | 'haste';
         rootDir: string;
     };
     babelConfig?: BabelConfig;
@@ -19,9 +19,8 @@ type StylexOptions = {
     runtimeInjection?: boolean;
 };
 type UnpluginStylexOptions = {
-    compiler?: string;
+    invalidExts?: string[];
     dev?: boolean;
-    enforce?: 'post' | 'pre';
     stylex?: StylexOptions;
 };
 type UnpluginStylexInstance<T> = (options?: UnpluginStylexOptions) => T;

package/dist/vite.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/vite.ts
 var _unplugin = require('unplugin');
-var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
 var vite_default = vitePlugin;
 
 

package/dist/vite.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/vite.ts

package/dist/webpack.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+var _chunk6L2G6TUNcjs = require('./chunk-6L2G6TUN.cjs');
 require('./chunk-ZBPRDZS4.cjs');
 
 // src/webpack.ts
 var _unplugin = require('unplugin');
-var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunk6L2G6TUNcjs.unpluginFactory);
 var webpack_default = webpackPlugin;
 
 

package/dist/webpack.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-MREBYPD2.js";
+} from "./chunk-3YBPBWJO.js";
 import "./chunk-6F4PWJZI.js";
 
 // src/webpack.ts

package/jsr.json

@@ -1,9 +1,10 @@
 {
   "name": "@eryue0220/unplugin-stylex",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "exports": {
     "./index": "./src/index.ts",
     "./esbuild": "./src/esbuild.ts",
+    "./farm": "./src/farm.ts",
     "./rollup": "./src/rollup.ts",
     "./rspack": "./src/rspack.ts",
     "./vite": "./src/vite.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-stylex",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "packageManager": "pnpm@8.11.0",
   "description": "Unplugin for stylex",
   "repository": "https://github.com/eryue0220/unplugin-stylex",
@@ -8,6 +8,7 @@
     "unplugin",
     "stylex",
     "stylex-plugin",
+    "farm",
     "esbuild",
     "rollup",
     "rspack",
@@ -30,6 +31,11 @@
       "require": "./dist/esbuild.cjs",
       "import": "./dist/esbuild.js"
     },
+    "./farm": {
+      "types": "./dist/farm.d.ts",
+      "require": "./dist/farm.cjs",
+      "import": "./dist/farm.js"
+    },
     "./rollup": {
       "types": "./dist/rollup.d.ts",
       "require": "./dist/rollup.cjs",
@@ -74,25 +80,25 @@
     "@stylexjs/stylex": "^0.5.1"
   },
   "dependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/plugin-syntax-flow": "^7.24.1",
-    "@babel/plugin-syntax-jsx": "^7.24.1",
-    "@babel/plugin-syntax-typescript": "^7.24.1",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-syntax-flow": "^7.24.7",
+    "@babel/plugin-syntax-jsx": "^7.24.7",
+    "@babel/plugin-syntax-typescript": "^7.24.7",
     "@rollup/pluginutils": "^5.1.0",
     "@stylexjs/babel-plugin": "^0.5.1",
-    "unplugin": "^1.10.1"
+    "unplugin": "^1.11.0"
   },
   "devDependencies": {
     "@stylistic/eslint-plugin-ts": "^1.8.1",
-    "@types/node": "^20.12.11",
+    "@types/node": "^20.14.10",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitest/coverage-v8": "^1.6.0",
     "babel-plugin-syntax-hermes-parser": "^0.19.2",
     "eslint": "^8.57.0",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.3",
     "vitest": "^1.6.0"
   }
 }