unplugin-stylex 0.1.0 → 0.3.0

package/.eslintrc.json

@@ -2,15 +2,13 @@
   "env": {
     "node": true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
   "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@stylistic/ts"],
   "root": true,
   "rules": {
-    "semi": "off",
+    "max-len": ["error", { "code": 120 }],
+    "semi": ["error", "never"],
+    "quotes": ["error", "single"],
     "@typescript-eslint/no-explicit-any": "off"
   }
 }

package/.github/renovate.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": ["config:base"],
+  "lockFileMaintenance": {"enabled": true, "automerge": false},
+  "rangeStrategy": "replace",
+  "postUpdateOptions": ["pnpmDedupe"],
+  "packageRules": [
+    {
+      "matchPackageNames": ["@tsd/typescript", "typescript"],
+      "groupName": "typescript"
+    },
+    {
+      "matchPackageNames": [
+        "@babel/core",
+        "@babel/plugin-syntax-flow",
+        "@babel/plugin-syntax-jsx",
+        "@babel/plugin-syntax-typescript"
+      ],
+      "groupName": "babel"
+    },
+
+    {
+      "matchPackageNames": ["@stylexjs/stylex", "@stylexjs/babel-plugin"],
+      "groupName": "stylex"
+    }
+  ]
+}

package/.github/workflows/release.yml

@@ -24,3 +24,16 @@ jobs:
       - run: npx changelogithub
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+
+  publish-jsr:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Publish package
+        run: npx jsr publish

package/.github/workflows/typos.yml

@@ -0,0 +1,15 @@
+name: Spell Check 
+on:
+  pull_request:
+  push:
+    branches:
+      - "main"
+jobs:
+  typos:
+    name: Spell Check with Typos
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Actions Repository
+        uses: actions/checkout@v4
+      - name: Check spelling
+        uses: crate-ci/typos@master

package/README.md

@@ -1,4 +1,7 @@
-# unplugin-stylex
+# unplugin-stylex · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/eryue0220/unplugin-stylex/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/unplugin-stylex.svg?style=flat)](https://www.npmjs.com/package/unplugin-stylex)
+
+> [!WARNING]  
+> This plugin is in early development and may not work as expected. Please report any issues you find.
 
 ## Installation
 
@@ -25,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'
@@ -42,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'
@@ -59,7 +62,7 @@ export default {
 <details>
 <summary>rspack</summary><br>
 
-```ts
+```js
 // rspack.config.js
 import stylexPlugin from 'unplugin-stylex/rspack'
 
@@ -73,13 +76,49 @@ module.exports = {
 
 </br></details>
 
-## Options
+<details>
+<summary>rollup</summary><br>
 
-### options.dev
+```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>
 
-### options.enforce
+```js
+// webpack.config.js
+import stylexWebpackPlugin from 'unplugin-stylex/webpack'
 
-### options.stylex
+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
+
+### options.dev
 
 #### options.stylex.runtimeInjection
 
@@ -93,6 +132,7 @@ module.exports = {
 
 #### options.stylex.unstable_moduleResolution
 
-## License
+# Acknowledgments
 
-StyleX is [MIT licensed](./LICENSE)
+- [@stylexjs/rollup-plugin](https://github.com/facebook/stylex/tree/main/packages/rollup-plugin)
+- [vite-plugin-stylex](https://github.com/HorusGoul/vite-plugin-stylex)

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,12 @@
 "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 esbuild_default = _unplugin.createEsbuildPlugin.call(void 0, _chunkNVMQARFAcjs.unpluginFactory);
+var esbuildPlugin = _unplugin.createEsbuildPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var esbuild_default = esbuildPlugin;
 
 
 exports.default = esbuild_default;

package/dist/esbuild.d.cts

@@ -1,6 +1,12 @@
-import * as unplugin from 'unplugin';
-import { UnpluginStylexOptions } from './types.cjs';
+import { EsbuildPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
-declare const _default: (options?: UnpluginStylexOptions) => unplugin.EsbuildPlugin;
+/**
+ * This entry file is for esbuild plugin. Requires esbuild >= 0.15
+ *
+ * @module
+ */
 
-export { _default as default };
+declare const esbuildPlugin: UnpluginStylexInstance<EsbuildPlugin | EsbuildPlugin[]>;
+
+export { esbuildPlugin as default };

package/dist/esbuild.d.ts

@@ -1,6 +1,12 @@
-import * as unplugin from 'unplugin';
-import { UnpluginStylexOptions } from './types.js';
+import { EsbuildPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
-declare const _default: (options?: UnpluginStylexOptions) => unplugin.EsbuildPlugin;
+/**
+ * This entry file is for esbuild plugin. Requires esbuild >= 0.15
+ *
+ * @module
+ */
 
-export { _default as default };
+declare const esbuildPlugin: UnpluginStylexInstance<EsbuildPlugin | EsbuildPlugin[]>;
+
+export { esbuildPlugin as default };

package/dist/esbuild.js

@@ -1,12 +1,12 @@
 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";
-var esbuild_default = createEsbuildPlugin(unpluginFactory);
+var esbuildPlugin = createEsbuildPlugin(unpluginFactory);
+var esbuild_default = esbuildPlugin;
 export {
   esbuild_default as default
 };

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

@@ -1,9 +1,17 @@
-import * as unplugin$1 from 'unplugin';
-import { UnpluginFactory } from 'unplugin';
+import { UnpluginFactory, UnpluginInstance } from 'unplugin';
 import { UnpluginStylexOptions } from './types.cjs';
-export { BabelConfig, StylexOptions } 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: unplugin$1.UnpluginInstance<UnpluginStylexOptions, boolean>;
+declare const unplugin: UnpluginInstance<UnpluginStylexOptions | undefined, boolean>;
 
 export { UnpluginStylexOptions, unplugin as default, unplugin, unpluginFactory };

package/dist/index.d.ts

@@ -1,9 +1,17 @@
-import * as unplugin$1 from 'unplugin';
-import { UnpluginFactory } from 'unplugin';
+import { UnpluginFactory, UnpluginInstance } from 'unplugin';
 import { UnpluginStylexOptions } from './types.js';
-export { BabelConfig, StylexOptions } 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: unplugin$1.UnpluginInstance<UnpluginStylexOptions, boolean>;
+declare const unplugin: UnpluginInstance<UnpluginStylexOptions | undefined, boolean>;
 
 export { UnpluginStylexOptions, unplugin as default, unplugin, unpluginFactory };

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,3 +1,12 @@
-declare const _default: (options?: any) => void;
+import { RollupPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
-export { _default as default };
+/**
+ * This entry file is for Rollup plugin.
+ *
+ * @module
+ */
+
+declare const rollupPlugin: UnpluginStylexInstance<RollupPlugin | RollupPlugin[]>;
+
+export { rollupPlugin as default };

package/dist/rollup.d.ts

@@ -1,3 +1,12 @@
-declare const _default: (options?: any) => void;
+import { RollupPlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
-export { _default as default };
+/**
+ * This entry file is for Rollup plugin.
+ *
+ * @module
+ */
+
+declare const rollupPlugin: UnpluginStylexInstance<RollupPlugin | RollupPlugin[]>;
+
+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,12 @@
 "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 rspack_default = _unplugin.createRspackPlugin.call(void 0, _chunkNVMQARFAcjs.unpluginFactory);
+var rspackPlugin = _unplugin.createRspackPlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var rspack_default = rspackPlugin;
 
 
 exports.default = rspack_default;

package/dist/rspack.d.cts

@@ -1,6 +1,13 @@
-import * as unplugin from 'unplugin';
-import { UnpluginStylexOptions } from './types.cjs';
+import { RspackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
-declare const _default: (options?: UnpluginStylexOptions) => unplugin.RspackPluginInstance;
+/**
+ * This entry file is for Rspac plugin.
+ *
+ * @module
+ */
 
-export { _default as default };
+type RspackPluginType = UnpluginStylexInstance<RspackPluginInstance | RspackPluginInstance[]>;
+declare const rspackPlugin: RspackPluginType;
+
+export { rspackPlugin as default };

package/dist/rspack.d.ts

@@ -1,6 +1,13 @@
-import * as unplugin from 'unplugin';
-import { UnpluginStylexOptions } from './types.js';
+import { RspackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
-declare const _default: (options?: UnpluginStylexOptions) => unplugin.RspackPluginInstance;
+/**
+ * This entry file is for Rspac plugin.
+ *
+ * @module
+ */
 
-export { _default as default };
+type RspackPluginType = UnpluginStylexInstance<RspackPluginInstance | RspackPluginInstance[]>;
+declare const rspackPlugin: RspackPluginType;
+
+export { rspackPlugin as default };

package/dist/rspack.js

@@ -1,12 +1,12 @@
 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";
-var rspack_default = createRspackPlugin(unpluginFactory);
+var rspackPlugin = createRspackPlugin(unpluginFactory);
+var rspack_default = rspackPlugin;
 export {
   rspack_default as default
 };

package/dist/types.d.cts

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

package/dist/types.d.ts

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

package/dist/vite.cjs

@@ -1,12 +1,12 @@
 "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 vite_default = _unplugin.createVitePlugin.call(void 0, _chunkNVMQARFAcjs.unpluginFactory);
+var vitePlugin = _unplugin.createVitePlugin.call(void 0, _chunkTCTVGJ42cjs.unpluginFactory);
+var vite_default = vitePlugin;
 
 
 exports.default = vite_default;

package/dist/vite.d.cts

@@ -1,6 +1,12 @@
-import * as vite from 'vite';
-import { UnpluginStylexOptions } from './types.cjs';
+import { VitePlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
-declare const _default: (options?: UnpluginStylexOptions) => vite.Plugin<any> | vite.Plugin<any>[];
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
 
-export { _default as default };
+declare const vitePlugin: UnpluginStylexInstance<VitePlugin | VitePlugin[]>;
+
+export { vitePlugin as default };

package/dist/vite.d.ts

@@ -1,6 +1,12 @@
-import * as vite from 'vite';
-import { UnpluginStylexOptions } from './types.js';
+import { VitePlugin } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
-declare const _default: (options?: UnpluginStylexOptions) => vite.Plugin<any> | vite.Plugin<any>[];
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
 
-export { _default as default };
+declare const vitePlugin: UnpluginStylexInstance<VitePlugin | VitePlugin[]>;
+
+export { vitePlugin as default };

package/dist/vite.js

@@ -1,12 +1,12 @@
 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";
-var vite_default = createVitePlugin(unpluginFactory);
+var vitePlugin = createVitePlugin(unpluginFactory);
+var vite_default = vitePlugin;
 export {
   vite_default as default
 };

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,3 +1,12 @@
-declare const _default: (options?: any) => void;
+import { WebpackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.cjs';
 
-export { _default as default };
+/**
+ * This entry file is for Webpack plugin.
+ *
+ * @module
+ */
+
+declare const webpackPlugin: UnpluginStylexInstance<WebpackPluginInstance>;
+
+export { webpackPlugin as default };

package/dist/webpack.d.ts

@@ -1,3 +1,12 @@
-declare const _default: (options?: any) => void;
+import { WebpackPluginInstance } from 'unplugin';
+import { UnpluginStylexInstance } from './types.js';
 
-export { _default as default };
+/**
+ * This entry file is for Webpack plugin.
+ *
+ * @module
+ */
+
+declare const webpackPlugin: UnpluginStylexInstance<WebpackPluginInstance>;
+
+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

@@ -0,0 +1,20 @@
+{
+  "name": "@eryue0220/unplugin-stylex",
+  "version": "0.0.3",
+  "exports": {
+    "./index": "./src/index.ts",
+    "./esbuild": "./src/esbuild.ts",
+    "./rollup": "./src/rollup.ts",
+    "./rspack": "./src/rspack.ts",
+    "./vite": "./src/vite.ts",
+    "./webpack": "./src/webpack.ts"
+  },
+  "exclude": [
+    ".eslintrc.json",
+    ".eslintignore",
+    "test",
+    "examples",
+    "pnpm-lock.yaml",
+    "pnpm-workspace.yaml"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-stylex",
-  "version": "0.1.0",
+  "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",
@@ -46,30 +57,6 @@
     },
     "./*": "./*"
   },
-  "engines": {
-    "node": ">=16.14.0"
-  },
-  "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",
-    "@rollup/pluginutils": "^5.1.0",
-    "@stylexjs/babel-plugin": "^0.5.1",
-    "unplugin": "^1.7.1"
-  },
-  "devDependencies": {
-    "@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"
-  },
   "scripts": {
     "dev": "tsup src/*ts --watch src",
     "build": "tsup src/*.ts --format cjs,esm --dts --splitting --clean",
@@ -79,5 +66,33 @@
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
     "check": "pnpm run lint && pnpm run typecheck",
     "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "engines": {
+    "node": ">=16.14.0"
+  },
+  "peerDependencies": {
+    "@stylexjs/stylex": "^0.5.1"
+  },
+  "dependencies": {
+    "@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.10.1"
+  },
+  "devDependencies": {
+    "@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/esbuild.ts

@@ -1,4 +1,29 @@
+/**
+ * This entry file is for esbuild plugin. Requires esbuild >= 0.15
+ *
+ * @module
+ */
+
 import { createEsbuildPlugin } from 'unplugin'
-import { unpluginFactory } from '.'
+import type { EsbuildPlugin } from 'unplugin'
+import { unpluginFactory } from './index'
+import type { UnpluginStylexInstance } from './types'
+
+const esbuildPlugin: UnpluginStylexInstance<EsbuildPlugin | EsbuildPlugin[]> = createEsbuildPlugin(unpluginFactory)
+
 
-export default createEsbuildPlugin(unpluginFactory)
+/**
+ * Esbuild plugin
+ *
+ * @example
+ *
+ * import { build } from 'esbuild'
+ * import stylexPlugin from 'unplugin-stylex/esbuild'
+ *
+ * export default {
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * }
+ */
+export default esbuildPlugin

package/src/index.ts

@@ -1,7 +1,14 @@
+/**
+ * This entry file is for main unplugin.
+ * 
+ * @module
+ */
+
 import * as path from 'node:path'
 
 import { createUnplugin } from 'unplugin'
-import type { UnpluginFactory } from 'unplugin'
+import type { UnpluginFactory, UnpluginInstance } from 'unplugin'
+import type { BuildOptions } from 'vite'
 
 import { buildStylexRules } from './core/build'
 import { PLUGIN_NAME } from './core/constants'
@@ -9,14 +16,27 @@ 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 = {}
-  let viteConfig = null
+  let viteConfig: { build: BuildOptions | undefined; base: string | undefined; } | null = null
 
   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)
@@ -74,7 +94,7 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
       },
 
       buildEnd() {
-        const fileName = `${viteConfig.build?.assetsDir ?? 'assets'}/${options.stylex.filename}`
+        const fileName = `${viteConfig!.build?.assetsDir ?? 'assets'}/${options.stylex.filename}`
         const collectedCSS = buildStylexRules(stylexRules, options.stylex.useCSSLayers)
 
         if (!collectedCSS) return
@@ -87,7 +107,7 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
       },
 
       transformIndexHtml(html, ctx) {
-        const fileName = `${viteConfig.build?.assetsDir ?? 'assets'}/${options.stylex.filename}`
+        const fileName = `${viteConfig!.build?.assetsDir ?? 'assets'}/${options.stylex.filename}`
         const css = ctx.bundle?.[fileName]
 
         if (!css) {
@@ -95,7 +115,7 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
         }
 
         const publicPath = path.posix.join(
-          viteConfig.base ?? '/',
+          viteConfig!.base ?? '/',
           fileName.replace(/\\/g, '/')
         )
 
@@ -114,7 +134,7 @@ export const unpluginFactory: UnpluginFactory<UnpluginStylexOptions | undefined>
   }
 }
 
-export const unplugin = createUnplugin(unpluginFactory)
+export const unplugin: UnpluginInstance<UnpluginStylexOptions | undefined, boolean> = createUnplugin(unpluginFactory)
 
 export * from './types'
 

package/src/rollup.ts

@@ -1,7 +1,27 @@
-import { isDevelopment } from './core/constants'
+/**
+ * This entry file is for Rollup plugin.
+ *
+ * @module
+ */
 
-export default (options?) => {
-  if (isDevelopment || options?.dev) {
-    throw new Error(`If you want to use this plugin through rollup, please use "@stylexjs/rollup-plugin" instead`)
-  }
-}
+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)
+
+/**
+ * Rollup plugin
+ *
+ * @example
+ *
+ * import stylexPlugin from 'unplugin-stylex/rollup'
+ *
+ * export default {
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * }
+ */
+export default rollupPlugin

package/src/rspack.ts

@@ -1,4 +1,29 @@
+/**
+ * This entry file is for Rspac plugin.
+ *
+ * @module
+ */
+
 import { createRspackPlugin } from 'unplugin'
-import { unpluginFactory } from '.'
+import type { RspackPluginInstance } from 'unplugin'
+import { unpluginFactory } from './index'
+import type { UnpluginStylexInstance } from './types'
+
+type RspackPluginType = UnpluginStylexInstance<RspackPluginInstance | RspackPluginInstance[]>
+
+const rspackPlugin: RspackPluginType = createRspackPlugin(unpluginFactory)
 
-export default createRspackPlugin(unpluginFactory)
+/**
+ * Rsapck plugin
+ *
+ * @example
+ *
+ * import stylexPlugin from 'unplugin-stylex/rspack'
+ *
+ * module.exports = {
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * }
+ */
+export default rspackPlugin

package/src/types.ts

@@ -10,7 +10,7 @@ export type StylexOptions = {
   classNamePrefix?: string
   useCSSLayers?:  boolean
   unstable_moduleResolution?: {
-    type: "commonjs" | "haste"
+    type: 'commonjs' | 'haste'
     rootDir: string
   }
   babelConfig?: BabelConfig
@@ -21,6 +21,8 @@ export type StylexOptions = {
 export type UnpluginStylexOptions = {
   compiler?: string
   dev?: boolean
-  enforce?: "post" | "pre"
+  enforce?: 'post' | 'pre'
   stylex?: StylexOptions
 }
+
+export type UnpluginStylexInstance<T> = (options?: UnpluginStylexOptions) => T

package/src/vite.ts

@@ -1,4 +1,28 @@
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
+
 import { createVitePlugin } from 'unplugin'
-import { unpluginFactory } from '.'
+import type { VitePlugin } from 'unplugin'
+import { unpluginFactory } from './index'
+import type { UnpluginStylexInstance } from './types'
+
+const vitePlugin: UnpluginStylexInstance<VitePlugin | VitePlugin[]> = createVitePlugin(unpluginFactory)
 
-export default createVitePlugin(unpluginFactory)
+/**
+ * Vite example
+ *
+ * @example
+ *
+ * import { defineConfig } from 'vite'
+ * import stylexPlugin from 'unplugin-stylex/vite'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     stylexPlugin(),
+ *   ],
+ * })
+ */
+export default vitePlugin

package/src/webpack.ts

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

package/typos.toml

@@ -0,0 +1,10 @@
+[files]
+extend-exclude = [
+  "*.snap",
+  "examples/*",
+]
+
+[default.extend-words]
+# Ignore false-positives
+stylex = "stylex"
+unplugin = "unplugin"

package/vitest.config.ts

@@ -4,8 +4,8 @@ export default defineConfig({
   test: {
     coverage: {
       exclude: [
-        "examples/**",
-        "test/**"
+        'examples/**',
+        'test/**'
       ],
       reporter: ['text', 'json', 'html'],
     },

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;