unplugin-stylex 0.2.4 → 0.3.0

package/README.md

@@ -28,7 +28,7 @@ pnpm i unplugin-stylex --save-dev
 <details>
 <summary>Vite</summary><br>
 
-```ts
+```js
 // vite.config.js
 import { defineConfig } from 'vite'
 import stylexPlugin from 'unplugin-stylex/vite'
@@ -45,7 +45,7 @@ export default defineConfig({
 <details>
 <summary>esbuild</summary><br>
 
-```ts
+```js
 // esbuild.config.js
 import { build } from 'esbuild'
 import stylexPlugin from 'unplugin-stylex/esbuild'
@@ -62,7 +62,7 @@ export default {
 <details>
 <summary>rspack</summary><br>
 
-```ts
+```js
 // rspack.config.js
 import stylexPlugin from 'unplugin-stylex/rspack'
 
@@ -76,6 +76,44 @@ module.exports = {
 
 </br></details>
 
+<details>
+<summary>rollup</summary><br>
+
+```js
+// rollup.config.js
+import stylexRollupPlugin from 'unplugin-stylex/rollup'
+
+export default {
+  // other rollup config
+  plugins: [
+    stylexRollupPlugin({ /* options */}),
+  ],
+}
+```
+
+</br></details>
+
+<details>
+<summary>webpack</summary><br>
+
+```js
+// webpack.config.js
+import stylexWebpackPlugin from 'unplugin-stylex/webpack'
+
+module.exports = {
+  // other webpack config
+  plugins: [
+    stylexWebpackPlugin({ /* options */}),
+  ],
+}
+```
+
+</br></details>
+
+## Usage
+
+More detail usage can check [examples](https://github.com/eryue0220/unplugin-stylex/tree/main/examples)
+
 ## Options
 
 Current support argument, which may have change in the future

package/dist/{chunk-7MXMBS5H.js → chunk-MREBYPD2.js}

@@ -1,8 +1,3 @@
-import {
-  PLUGIN_NAME,
-  isDevelopment
-} from "./chunk-36ARBXVP.js";
-
 // src/index.ts
 import * as path from "node:path";
 import { createUnplugin } from "unplugin";
@@ -16,6 +11,10 @@ function buildStylexRules(stylexRules, useCSSLayers) {
   return stylex.processStylexRules(rules, useCSSLayers);
 }
 
+// src/core/constants.ts
+var PLUGIN_NAME = "unplugin-stylex";
+var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
+
 // src/core/options.ts
 function getOptions(options) {
   const stylex2 = options.stylex || {};
@@ -49,9 +48,9 @@ import stylexBabelPlugin from "@stylexjs/babel-plugin";
 // src/core/plugins.ts
 import typescriptSyntaxPlugin from "@babel/plugin-syntax-typescript";
 import flowSyntaxPlugin from "@babel/plugin-syntax-flow";
-function getSyntaxPlugins(extname) {
-  const TSPlugin = extname === ".tsx" ? [[typescriptSyntaxPlugin, { isTSX: true }]] : [typescriptSyntaxPlugin];
-  return [".js", ".jsx"].includes(extname) ? [flowSyntaxPlugin] : TSPlugin;
+function getSyntaxPlugins(extname2) {
+  const TSPlugin = extname2 === ".tsx" ? [[typescriptSyntaxPlugin, { isTSX: true }]] : [typescriptSyntaxPlugin];
+  return [".js", ".jsx"].includes(extname2) ? [flowSyntaxPlugin] : TSPlugin;
 }
 
 // src/core/transformer.ts
@@ -59,7 +58,7 @@ async function transformer(context) {
   var _a, _b, _c, _d;
   const { id, inputCode, options } = context;
   const stylex2 = options.stylex;
-  const extname = pathExtname(id);
+  const extname2 = pathExtname(id);
   const stylexRules = {};
   const stylexBabelPluginOptions = {
     dev: options.dev,
@@ -68,7 +67,7 @@ async function transformer(context) {
   };
   const plugins = [
     ...((_a = stylex2.babelConfig) == null ? void 0 : _a.plugins) || [],
-    ...getSyntaxPlugins(extname),
+    ...getSyntaxPlugins(extname2),
     jsxSyntaxPlugin,
     stylexBabelPlugin.withOptions(stylexBabelPluginOptions)
   ];
@@ -97,6 +96,13 @@ var unpluginFactory = (rawOptions = {}) => {
   let viteConfig = null;
   return {
     name: PLUGIN_NAME,
+    transformInclude(id) {
+      const invalidExts = [".json", ".html", ".jade", ".json5"];
+      const extname2 = path.extname(id);
+      const questionMarkIndex = extname2.indexOf("?");
+      const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
+      return !invalidExts.includes(validExtName);
+    },
     async transform(code, id) {
       const dir = path.dirname(id);
       const basename2 = path.basename(id);

package/dist/{chunk-NVMQARFA.cjs → chunk-TCTVGJ42.cjs}

@@ -1,9 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-
-var _chunkN4Z3Z2PUcjs = require('./chunk-N4Z3Z2PU.cjs');
-
-// src/index.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/index.ts
 var _path = require('path'); var path = _interopRequireWildcard(_path);
 var _unplugin = require('unplugin');
 
@@ -16,10 +11,14 @@ function buildStylexRules(stylexRules, useCSSLayers) {
   return _babelplugin2.default.processStylexRules(rules, useCSSLayers);
 }
 
+// src/core/constants.ts
+var PLUGIN_NAME = "unplugin-stylex";
+var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
+
 // src/core/options.ts
 function getOptions(options) {
   const stylex2 = options.stylex || {};
-  const isDev = options.dev || _chunkN4Z3Z2PUcjs.isDevelopment;
+  const isDev = options.dev || isDevelopment;
   return {
     ...options,
     dev: options.dev || isDev,
@@ -49,9 +48,9 @@ var _pluginsyntaxjsx = require('@babel/plugin-syntax-jsx'); var _pluginsyntaxjsx
 // src/core/plugins.ts
 var _pluginsyntaxtypescript = require('@babel/plugin-syntax-typescript'); var _pluginsyntaxtypescript2 = _interopRequireDefault(_pluginsyntaxtypescript);
 var _pluginsyntaxflow = require('@babel/plugin-syntax-flow'); var _pluginsyntaxflow2 = _interopRequireDefault(_pluginsyntaxflow);
-function getSyntaxPlugins(extname) {
-  const TSPlugin = extname === ".tsx" ? [[_pluginsyntaxtypescript2.default, { isTSX: true }]] : [_pluginsyntaxtypescript2.default];
-  return [".js", ".jsx"].includes(extname) ? [_pluginsyntaxflow2.default] : TSPlugin;
+function getSyntaxPlugins(extname2) {
+  const TSPlugin = extname2 === ".tsx" ? [[_pluginsyntaxtypescript2.default, { isTSX: true }]] : [_pluginsyntaxtypescript2.default];
+  return [".js", ".jsx"].includes(extname2) ? [_pluginsyntaxflow2.default] : TSPlugin;
 }
 
 // src/core/transformer.ts
@@ -59,7 +58,7 @@ async function transformer(context) {
   var _a, _b, _c, _d;
   const { id, inputCode, options } = context;
   const stylex2 = options.stylex;
-  const extname = _path.extname.call(void 0, id);
+  const extname2 = _path.extname.call(void 0, id);
   const stylexRules = {};
   const stylexBabelPluginOptions = {
     dev: options.dev,
@@ -68,7 +67,7 @@ async function transformer(context) {
   };
   const plugins = [
     ...((_a = stylex2.babelConfig) == null ? void 0 : _a.plugins) || [],
-    ...getSyntaxPlugins(extname),
+    ...getSyntaxPlugins(extname2),
     _pluginsyntaxjsx2.default,
     _babelplugin2.default.withOptions(stylexBabelPluginOptions)
   ];
@@ -96,7 +95,14 @@ var unpluginFactory = (rawOptions = {}) => {
   const stylexRules = {};
   let viteConfig = null;
   return {
-    name: _chunkN4Z3Z2PUcjs.PLUGIN_NAME,
+    name: PLUGIN_NAME,
+    transformInclude(id) {
+      const invalidExts = [".json", ".html", ".jade", ".json5"];
+      const extname2 = path.extname(id);
+      const questionMarkIndex = extname2.indexOf("?");
+      const validExtName = questionMarkIndex > -1 ? extname2.slice(0, questionMarkIndex) : extname2;
+      return !invalidExts.includes(validExtName);
+    },
     async transform(code, id) {
       const dir = path.dirname(id);
       const basename2 = path.basename(id);

package/dist/esbuild.cjs

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

package/dist/esbuild.js

@@ -1,8 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-7MXMBS5H.js";
+} from "./chunk-MREBYPD2.js";
 import "./chunk-6F4PWJZI.js";
-import "./chunk-36ARBXVP.js";
 
 // src/esbuild.ts
 import { createEsbuildPlugin } from "unplugin";

package/dist/index.cjs

@@ -2,11 +2,10 @@
 
 
 
-var _chunkNVMQARFAcjs = require('./chunk-NVMQARFA.cjs');
+var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
 require('./chunk-ZBPRDZS4.cjs');
-require('./chunk-N4Z3Z2PU.cjs');
 
 
 
 
-exports.default = _chunkNVMQARFAcjs.src_default; exports.unplugin = _chunkNVMQARFAcjs.unplugin; exports.unpluginFactory = _chunkNVMQARFAcjs.unpluginFactory;
+exports.default = _chunkTCTVGJ42cjs.src_default; exports.unplugin = _chunkTCTVGJ42cjs.unplugin; exports.unpluginFactory = _chunkTCTVGJ42cjs.unpluginFactory;

package/dist/index.d.cts

@@ -2,6 +2,15 @@ import { UnpluginFactory, UnpluginInstance } from 'unplugin';
 import { UnpluginStylexOptions } from './types.cjs';
 export { BabelConfig, StylexOptions, UnpluginStylexInstance } from './types.cjs';
 
+/**
+ * This entry file is for main unplugin.
+ *
+ * @module
+ */
+
+/**
+ * The main unplugin factory.
+ */
 declare const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>;
 declare const unplugin: UnpluginInstance<UnpluginStylexOptions | undefined, boolean>;
 

package/dist/index.d.ts

@@ -2,6 +2,15 @@ import { UnpluginFactory, UnpluginInstance } from 'unplugin';
 import { UnpluginStylexOptions } from './types.js';
 export { BabelConfig, StylexOptions, UnpluginStylexInstance } from './types.js';
 
+/**
+ * This entry file is for main unplugin.
+ *
+ * @module
+ */
+
+/**
+ * The main unplugin factory.
+ */
 declare const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>;
 declare const unplugin: UnpluginInstance<UnpluginStylexOptions | undefined, boolean>;
 

package/dist/index.js

@@ -2,9 +2,8 @@ import {
   src_default,
   unplugin,
   unpluginFactory
-} from "./chunk-7MXMBS5H.js";
+} from "./chunk-MREBYPD2.js";
 import "./chunk-6F4PWJZI.js";
-import "./chunk-36ARBXVP.js";
 export {
   src_default as default,
   unplugin,

package/dist/rollup.cjs

@@ -1,13 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN4Z3Z2PUcjs = require('./chunk-N4Z3Z2PU.cjs');
+var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+require('./chunk-ZBPRDZS4.cjs');
 
 // src/rollup.ts
-var rollup_default = (options) => {
-  if (_chunkN4Z3Z2PUcjs.isDevelopment || (options == null ? void 0 : options.dev)) {
-    throw new Error('If you want to use this plugin through rollup, please use "@stylexjs/rollup-plugin" instead');
-  }
-};
+var _unplugin = require('unplugin');
+var rollupPlugin = _unplugin.createRollupPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var rollup_default = rollupPlugin;
 
 
 exports.default = rollup_default;

package/dist/rollup.d.cts

@@ -1,4 +1,5 @@
-import { UnpluginStylexOptions } from './types.cjs';
+import { RollupPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
 /**
  * This entry file is for Rollup plugin.
@@ -6,9 +7,6 @@ import { UnpluginStylexOptions } from './types.cjs';
  * @module
  */
 
-/**
- * Note: Current, please use @stylexjs/rollup-plugin
- */
-declare const _default: (options?: UnpluginStylexOptions) => void;
+declare const rollupPlugin: UnpluginStylexInstance<RollupPlugin | RollupPlugin[]>;
 
-export { _default as default };
+export { rollupPlugin as default };

package/dist/rollup.d.ts

@@ -1,4 +1,5 @@
-import { UnpluginStylexOptions } from './types.js';
+import { RollupPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
 /**
  * This entry file is for Rollup plugin.
@@ -6,9 +7,6 @@ import { UnpluginStylexOptions } from './types.js';
  * @module
  */
 
-/**
- * Note: Current, please use @stylexjs/rollup-plugin
- */
-declare const _default: (options?: UnpluginStylexOptions) => void;
+declare const rollupPlugin: UnpluginStylexInstance<RollupPlugin | RollupPlugin[]>;
 
-export { _default as default };
+export { rollupPlugin as default };

package/dist/rollup.js

@@ -1,13 +1,12 @@
 import {
-  isDevelopment
-} from "./chunk-36ARBXVP.js";
+  unpluginFactory
+} from "./chunk-MREBYPD2.js";
+import "./chunk-6F4PWJZI.js";
 
 // src/rollup.ts
-var rollup_default = (options) => {
-  if (isDevelopment || (options == null ? void 0 : options.dev)) {
-    throw new Error('If you want to use this plugin through rollup, please use "@stylexjs/rollup-plugin" instead');
-  }
-};
+import { createRollupPlugin } from "unplugin";
+var rollupPlugin = createRollupPlugin(unpluginFactory);
+var rollup_default = rollupPlugin;
 export {
   rollup_default as default
 };

package/dist/rspack.cjs

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

package/dist/rspack.js

@@ -1,8 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-7MXMBS5H.js";
+} from "./chunk-MREBYPD2.js";
 import "./chunk-6F4PWJZI.js";
-import "./chunk-36ARBXVP.js";
 
 // src/rspack.ts
 import { createRspackPlugin } from "unplugin";

package/dist/vite.cjs

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

package/dist/vite.js

@@ -1,8 +1,7 @@
 import {
   unpluginFactory
-} from "./chunk-7MXMBS5H.js";
+} from "./chunk-MREBYPD2.js";
 import "./chunk-6F4PWJZI.js";
-import "./chunk-36ARBXVP.js";
 
 // src/vite.ts
 import { createVitePlugin } from "unplugin";

package/dist/webpack.cjs

@@ -1,13 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN4Z3Z2PUcjs = require('./chunk-N4Z3Z2PU.cjs');
+var _chunkTCTVGJ42cjs = require('./chunk-TCTVGJ42.cjs');
+require('./chunk-ZBPRDZS4.cjs');
 
 // src/webpack.ts
-var webpack_default = (options) => {
-  if (_chunkN4Z3Z2PUcjs.isDevelopment || (options == null ? void 0 : options.dev)) {
-    throw new Error('If you want to use this plugin through webpack, please use "@stylexjs/webpack-plugin" instead');
-  }
-};
+var _unplugin = require('unplugin');
+var webpackPlugin = _unplugin.createWebpackPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var webpack_default = webpackPlugin;
 
 
 exports.default = webpack_default;

package/dist/webpack.d.cts

@@ -1,4 +1,5 @@
-import { UnpluginStylexOptions } from './types.cjs';
+import { WebpackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
 /**
  * This entry file is for Webpack plugin.
@@ -6,9 +7,6 @@ import { UnpluginStylexOptions } from './types.cjs';
  * @module
  */
 
-/**
- * Note: Current, please use @stylexjs/webpack-plugin
- */
-declare const _default: (options?: UnpluginStylexOptions) => void;
+declare const webpackPlugin: UnpluginStylexInstance<WebpackPluginInstance>;
 
-export { _default as default };
+export { webpackPlugin as default };

package/dist/webpack.d.ts

@@ -1,4 +1,5 @@
-import { UnpluginStylexOptions } from './types.js';
+import { WebpackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
 /**
  * This entry file is for Webpack plugin.
@@ -6,9 +7,6 @@ import { UnpluginStylexOptions } from './types.js';
  * @module
  */
 
-/**
- * Note: Current, please use @stylexjs/webpack-plugin
- */
-declare const _default: (options?: UnpluginStylexOptions) => void;
+declare const webpackPlugin: UnpluginStylexInstance<WebpackPluginInstance>;
 
-export { _default as default };
+export { webpackPlugin as default };

package/dist/webpack.js

@@ -1,13 +1,12 @@
 import {
-  isDevelopment
-} from "./chunk-36ARBXVP.js";
+  unpluginFactory
+} from "./chunk-MREBYPD2.js";
+import "./chunk-6F4PWJZI.js";
 
 // src/webpack.ts
-var webpack_default = (options) => {
-  if (isDevelopment || (options == null ? void 0 : options.dev)) {
-    throw new Error('If you want to use this plugin through webpack, please use "@stylexjs/webpack-plugin" instead');
-  }
-};
+import { createWebpackPlugin } from "unplugin";
+var webpackPlugin = createWebpackPlugin(unpluginFactory);
+var webpack_default = webpackPlugin;
 export {
   webpack_default as default
 };

package/jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@eryue0220/unplugin-stylex",
-  "version": "0.2.4",
+  "version": "0.0.3",
   "exports": {
     "./index": "./src/index.ts",
     "./esbuild": "./src/esbuild.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-stylex",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "packageManager": "pnpm@8.11.0",
   "description": "Unplugin for stylex",
   "repository": "https://github.com/eryue0220/unplugin-stylex",
@@ -9,6 +9,7 @@
     "stylex",
     "stylex-plugin",
     "esbuild",
+    "rollup",
     "rspack",
     "vite"
   ],
@@ -29,16 +30,26 @@
       "require": "./dist/esbuild.cjs",
       "import": "./dist/esbuild.js"
     },
-    "./vite": {
-      "types": "./dist/vite.d.ts",
-      "require": "./dist/vite.cjs",
-      "import": "./dist/vite.js"
+    "./rollup": {
+      "types": "./dist/rollup.d.ts",
+      "require": "./dist/rollup.cjs",
+      "import": "./dist/rollup.js"
     },
     "./rspack": {
       "types": "./dist/rspack.d.ts",
       "require": "./dist/rspack.cjs",
       "import": "./dist/rspack.js"
     },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "require": "./dist/vite.cjs",
+      "import": "./dist/vite.js"
+    },
+    "./webpack": {
+      "types": "./dist/webpack.d.ts",
+      "require": "./dist/webpack.cjs",
+      "import": "./dist/webpack.js"
+    },
     "./types": {
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js",
@@ -63,25 +74,25 @@
     "@stylexjs/stylex": "^0.5.1"
   },
   "dependencies": {
-    "@babel/core": "^7.23.6",
-    "@babel/plugin-syntax-flow": "^7.23.3",
-    "@babel/plugin-syntax-jsx": "^7.23.3",
-    "@babel/plugin-syntax-typescript": "^7.23.3",
+    "@babel/core": "^7.24.4",
+    "@babel/plugin-syntax-flow": "^7.24.1",
+    "@babel/plugin-syntax-jsx": "^7.24.1",
+    "@babel/plugin-syntax-typescript": "^7.24.1",
     "@rollup/pluginutils": "^5.1.0",
     "@stylexjs/babel-plugin": "^0.5.1",
-    "unplugin": "^1.7.1"
+    "unplugin": "^1.10.1"
   },
   "devDependencies": {
-    "@stylistic/eslint-plugin-ts": "^1.6.2",
-    "@types/node": "^20.10.5",
-    "@typescript-eslint/eslint-plugin": "^6.16.0",
-    "@typescript-eslint/parser": "^6.16.0",
-    "@vitest/coverage-v8": "^1.1.1",
-    "babel-plugin-syntax-hermes-parser": "^0.19.1",
-    "eslint": "^8.56.0",
-    "tsup": "^8.0.1",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vitest": "^1.1.0"
+    "@stylistic/eslint-plugin-ts": "^1.7.2",
+    "@types/node": "^20.12.7",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitest/coverage-v8": "^1.5.0",
+    "babel-plugin-syntax-hermes-parser": "^0.19.2",
+    "eslint": "^8.57.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.9",
+    "vitest": "^1.5.0"
   }
 }

package/src/index.ts

@@ -1,3 +1,9 @@
+/**
+ * This entry file is for main unplugin.
+ * 
+ * @module
+ */
+
 import * as path from 'node:path'
 
 import { createUnplugin } from 'unplugin'
@@ -10,6 +16,9 @@ import { getOptions } from './core/options'
 import { transformer } from './core/transformer'
 import type { UnpluginStylexOptions } from './types'
 
+/**
+ * The main unplugin factory.
+ */
 export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined> = (rawOptions = {}) => {
   const options = getOptions(rawOptions)
   const stylexRules = {}
@@ -18,6 +27,16 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
   return {
     name: PLUGIN_NAME,
 
+    transformInclude(id) {
+      // webpack will contain these files, which will occur errors
+      const invalidExts = ['.json', '.html', '.jade', '.json5']
+      const extname = path.extname(id)
+      // for handle vite
+      const questionMarkIndex = extname.indexOf('?')
+      const validExtName = questionMarkIndex > -1 ? extname.slice(0, questionMarkIndex) : extname
+      return !invalidExts.includes(validExtName)
+    },
+
     async transform(code, id) {
       const dir = path.dirname(id)
       const basename = path.basename(id)

package/src/rollup.ts

@@ -4,14 +4,24 @@
  * @module
  */
 
-import { isDevelopment } from './core/constants'
-import type { UnpluginStylexOptions } from './types'
+import { createRollupPlugin } from 'unplugin'
+import type { RollupPlugin } from 'unplugin'
+import { unpluginFactory } from './index'
+import type { UnpluginStylexInstance } from './types'
+
+const rollupPlugin: UnpluginStylexInstance<RollupPlugin | RollupPlugin[]> = createRollupPlugin(unpluginFactory)
 
 /**
- * Note: Current, please use @stylexjs/rollup-plugin
+ * Rollup plugin
+ *
+ * @example
+ *
+ * import stylexPlugin from 'unplugin-stylex/rollup'
+ *
+ * export default {
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * }
  */
-export default (options?: UnpluginStylexOptions) => {
-  if (isDevelopment || options?.dev) {
-    throw new Error('If you want to use this plugin through rollup, please use "@stylexjs/rollup-plugin" instead')
-  }
-}
+export default rollupPlugin

package/src/webpack.ts

@@ -4,14 +4,24 @@
  * @module
  */
 
-import { isDevelopment } from './core/constants'
-import type { UnpluginStylexOptions } from './types'
+import { createWebpackPlugin } from 'unplugin'
+import type { WebpackPluginInstance } from 'unplugin'
+import { unpluginFactory } from './index'
+import type { UnpluginStylexInstance } from './types'
+
+const webpackPlugin: UnpluginStylexInstance<WebpackPluginInstance> = createWebpackPlugin(unpluginFactory)
 
 /**
- * Note: Current, please use @stylexjs/webpack-plugin
+ * Webpack plugin
+ *
+ * @example
+ *
+ * import stylexPlugin from 'unplugin-stylex/webpack'
+ *
+ * module.exports = {
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * }
  */
-export default (options?: UnpluginStylexOptions) => {
-  if (isDevelopment || options?.dev) {
-    throw new Error('If you want to use this plugin through webpack, please use "@stylexjs/webpack-plugin" instead')
-  }
-}
+export default webpackPlugin

package/dist/chunk-36ARBXVP.js

@@ -1,8 +0,0 @@
-// src/core/constants.ts
-var PLUGIN_NAME = "unplugin-stylex";
-var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
-
-export {
-  PLUGIN_NAME,
-  isDevelopment
-};

package/dist/chunk-N4Z3Z2PU.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/core/constants.ts
-var PLUGIN_NAME = "unplugin-stylex";
-var isDevelopment = process.env.NODE_ENV !== "production" || process.env.BABEL_ENV !== "production";
-
-
-
-
-exports.PLUGIN_NAME = PLUGIN_NAME; exports.isDevelopment = isDevelopment;