@stylexswc/webpack-plugin 0.11.1 → 0.11.2-rc.2

package/README.md

@@ -64,10 +64,27 @@ module.exports = config;
 
 - Type: `Partial<StyleXOptions>`
 - Optional
-- Description: StyleX compiler options that will be passed to the NAPI-RS
-  compiler. See
-  [StyleX configuration docs](https://stylexjs.com/docs/api/configuration/babel-plugin/)
-  for details.
+- Description: StyleX compiler options that will be passed to the NAPI-RS compiler.
+  For standard StyleX options, see the [official StyleX documentation](https://stylexjs.com/docs/api/configuration/babel-plugin/).
+
+> [!NOTE]
+> **New Features:** The `include` and `exclude` options are exclusive to this NAPI-RS compiler implementation and are not available in the official StyleX Babel plugin.
+
+##### `rsOptions.include`
+
+- Type: `(string | RegExp)[]`
+- Optional
+- Description: **RS-compiler Only** An array of glob patterns or regular expressions to include specific files for StyleX transformation.
+  When specified, only files matching at least one of these patterns will be transformed.
+  Patterns are matched against paths relative to the current working directory.
+
+##### `rsOptions.exclude`
+
+- Type: `(string | RegExp)[]`
+- Optional
+- Description: **RS-compiler Only** An array of glob patterns or regular expressions to exclude specific files from StyleX transformation.
+  Files matching any of these patterns will not be transformed, even if they match an `include` pattern.
+  Patterns are matched against paths relative to the current working directory.
 
 #### `stylexImports`
 
@@ -116,6 +133,10 @@ module.exports = {
     new StylexPlugin({
       rsOptions: {
         dev: process.env.NODE_ENV !== 'production',
+        // Include only specific directories
+        include: ['src/**/*.{ts,tsx}', 'components/**/*.{ts,tsx}'],
+        // Exclude test files and stories
+        exclude: ['**/*.test.*', '**/*.stories.*', '**/__tests__/**'],
       },
       stylexImports: ['@stylexjs/stylex', { from: './theme', as: 'tokens' }],
       useCSSLayers: true,
@@ -130,6 +151,76 @@ module.exports = {
 };
 ```
 
+#### Path Filtering Examples
+
+**Include only specific directories:**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    include: ['src/**/*.tsx', 'app/**/*.tsx'],
+  },
+})
+```
+
+**Exclude test and build files:**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    exclude: ['**/*.test.*', '**/*.spec.*', '**/dist/**', '**/node_modules/**'],
+  },
+})
+```
+
+**Using regular expressions:**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    include: [/src\/.*\.tsx$/],
+    exclude: [/\.test\./, /\.stories\./],
+  },
+})
+```
+
+**Combined include and exclude (exclude takes precedence):**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    include: ['src/**/*.{ts,tsx}'],
+    exclude: ['**/__tests__/**', '**/__mocks__/**'],
+  },
+})
+```
+
+**Exclude node_modules except specific packages:**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    // Exclude all node_modules except @stylexjs/open-props
+    exclude: [/node_modules(?!\/@stylexjs\/open-props)/],
+  },
+})
+```
+
+**Transform only specific packages from node_modules:**
+
+```javascript
+new StylexPlugin({
+  rsOptions: {
+    include: [
+      'src/**/*.{ts,tsx}',
+      'node_modules/@stylexjs/open-props/**/*.js',
+      'node_modules/@my-org/design-system/**/*.js',
+    ],
+    exclude: ['**/*.test.*'],
+  },
+})
+```
+
 ## Documentation
 
 - [StyleX Documentation](https://stylexjs.com)

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAML,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAE3B,MAAM,SAAS,CAAC;AAkBjB,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAE9F,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,WAAW,iDAA4C;IACvD,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,0BAA0B,CAAC;IAEzC,YAAY,EAAE,cAAc,CAAC;gBAEjB,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,WAA2B,EAC3B,UAAiB,GAClB,GAAE,kBAAuB;IAmB1B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CA2JjC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAML,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAE3B,MAAM,SAAS,CAAC;AAkBjB,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAE9F,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,WAAW,iDAA4C;IACvD,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,0BAA0B,CAAC;IAEzC,YAAY,EAAE,cAAc,CAAC;gBAEjB,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,WAA2B,EAC3B,UAAiB,GAClB,GAAE,kBAAuB;IAmB1B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CAyKjC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -8,6 +8,7 @@ const babel_plugin_1 = __importDefault(require("@stylexjs/babel-plugin"));
 const path_1 = __importDefault(require("path"));
 const constants_1 = require("./constants");
 Object.defineProperty(exports, "VIRTUAL_CSS_PATTERN", { enumerable: true, get: function () { return constants_1.VIRTUAL_CSS_PATTERN; } });
+const rs_compiler_1 = require("@stylexswc/rs-compiler");
 const stylexLoaderPath = require.resolve('./stylex-loader');
 const stylexVirtualLoaderPath = require.resolve('./stylex-virtual-css-loader');
 const getStyleXRules = (stylexRules, useCSSLayers) => {
@@ -77,6 +78,15 @@ class StyleXPlugin {
             NormalModule.getCompilationHooks(compilation).loader.tap(constants_1.PLUGIN_NAME, (loaderContext, mod) => {
                 const extname = path_1.default.extname(mod.matchResource || mod.resource);
                 if (constants_1.INCLUDE_REGEXP.test(extname)) {
+                    // Add path filtering check using Rust function
+                    const shouldTransform = (0, rs_compiler_1.shouldTransformFile)(mod.resource, this.loaderOption.rsOptions?.include, this.loaderOption.rsOptions?.exclude);
+                    if (!shouldTransform) {
+                        return; // Skip adding loader if filtered out
+                    }
+                    else {
+                        this.loaderOption.rsOptions.include = undefined;
+                        this.loaderOption.rsOptions.exclude = undefined;
+                    }
                     loaderContext.StyleXWebpackContextKey = {
                         registerStyleXRules: (resourcePath, stylexRules) => {
                             this.stylexRules.set(resourcePath, stylexRules);

package/dist/stylex-loader.d.ts

@@ -1,3 +1,5 @@
-import type { InputCode, SourceMap, StyleXWebpackLoaderOptions, SupplementedLoaderContext } from './types';
-export default function stylexLoader(this: SupplementedLoaderContext<StyleXWebpackLoaderOptions>, inputCode: InputCode, inputSourceMap: SourceMap): Promise<void>;
+import { LoaderInterpolateOption } from 'loader-utils';
+import type { InputCode, SourceMap, StyleXWebpackLoaderOptions } from './types';
+import type { LoaderContext } from 'webpack';
+export default function stylexLoader(this: LoaderContext<LoaderInterpolateOption & StyleXWebpackLoaderOptions>, inputCode: InputCode, inputSourceMap: SourceMap): Promise<void>;
 //# sourceMappingURL=stylex-loader.d.ts.map

package/dist/stylex-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylex-loader.d.ts","sourceRoot":"","sources":["../src/stylex-loader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,0BAA0B,EAC1B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAEjB,wBAA8B,YAAY,CACxC,IAAI,EAAE,yBAAyB,CAAC,0BAA0B,CAAC,EAC3D,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,iBAqG1B"}
+{"version":3,"file":"stylex-loader.d.ts","sourceRoot":"","sources":["../src/stylex-loader.ts"],"names":[],"mappings":"AACA,OAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAA8B,YAAY,CACxC,IAAI,EAAE,aAAa,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,EACzE,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,iBAqG1B"}

package/dist/stylex-virtual-css-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylex-virtual-css-loader.d.ts","sourceRoot":"","sources":["../src/stylex-virtual-css-loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,WACZ,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,CAAC,EAAE,SAAS,QA6C3B"}
+{"version":3,"file":"stylex-virtual-css-loader.d.ts","sourceRoot":"","sources":["../src/stylex-virtual-css-loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,WACZ,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,CAAC,EAAE,SAAS,QA4C3B"}

package/dist/stylex-virtual-css-loader.js

@@ -19,7 +19,6 @@ function default_1(inputCode, inputSourceMap) {
             // In production, we don't need to generate dummy css
             return callback(null, '');
         }
-        // @ts-expect-error - since v3 getHashDigest supports xxhash64
         // https://github.com/webpack/loader-utils?tab=readme-ov-file#interpolatename
         const hash = (0, loader_utils_1.getHashDigest)(Buffer.from(stylex), 'xxhash64', 'base62', 32);
         const css = `

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,KAAK,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,SAAS,KAC1B,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAChD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,aAAa,CAAC;IACzF;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG;IAC1F,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,mBAAmB,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,KAAK,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,SAAS,KAC1B,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEhD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,aAAa,CAAC;IACzF;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG;IAC1F,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,mBAAmB,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stylexswc/webpack-plugin",
   "description": "StyleX webpack plugin with NAPI-RS compiler",
-  "version": "0.11.1",
+  "version": "0.11.2-rc.2",
   "private": false,
   "license": "MIT",
   "sideEffects": false,
@@ -19,18 +19,18 @@
   },
   "dependencies": {
     "@stylexjs/babel-plugin": "^0.15.4",
-    "@stylexswc/rs-compiler": "0.11.1",
+    "@stylexswc/rs-compiler": "0.11.2-rc.2",
     "loader-utils": "^3.3.1"
   },
   "devDependencies": {
-    "@babel/types": "^7.28.2",
-    "@stylexswc/eslint-config": "0.11.1",
-    "@stylexswc/typescript-config": "0.11.1",
+    "@babel/types": "^7.28.4",
+    "@stylexswc/eslint-config": "0.11.2-rc.2",
+    "@stylexswc/typescript-config": "0.11.2-rc.2",
     "@types/babel__core": "^7.20.5",
-    "@types/loader-utils": "^2.0.6",
-    "@types/node": "^24.1.0",
+    "@types/loader-utils": "^3.0.0",
+    "@types/node": "^24.7.2",
     "mini-css-extract-plugin": "^2.9.2",
-    "webpack": "^5.101.0"
+    "webpack": "^5.102.1"
   },
   "keywords": [
     "stylex",
@@ -50,6 +50,6 @@
     "precommit": "lint-staged",
     "prepush": "lint-prepush",
     "test": "echo \"Error: no test specified\" && exit 0",
-    "typecheck": "scripty"
+    "typecheck": "scripty --ts"
   }
 }