@stylexswc/postcss-plugin 0.8.2-dev.1 → 0.9.0-rc.1

package/dist/builder.js

@@ -115,7 +115,7 @@ function createBuilder() {
         filesToTransform.forEach(file => {
             const filePath = node_path_1.default.resolve(cwd || '/', file);
             const contents = node_fs_1.default.readFileSync(filePath, 'utf-8');
-            if (!bundler.shouldTransform(contents)) {
+            if (!bundler.shouldTransform(contents, rsOptions)) {
                 return;
             }
             const transformedResult = bundler.transform(filePath, contents, rsOptions || {}, {

package/dist/bundler.d.ts

@@ -1,7 +1,7 @@
 import type { StyleXOptions } from '@stylexswc/rs-compiler';
 import type { TransformOptions, StyleXPluginOption } from './types';
 export default function createBundler(): {
-    shouldTransform: (sourceCode: string) => boolean;
+    shouldTransform: (sourceCode: string, rsOptions?: StyleXPluginOption["rsOptions"]) => boolean | undefined;
     transform: (id: string, sourceCode: string, rsOptions: StyleXOptions, options: TransformOptions) => import("@stylexswc/rs-compiler").StyleXTransformResult;
     remove: (id: string) => void;
     bundle: ({ useCSSLayers }: Pick<StyleXPluginOption, "useCSSLayers">) => string;

package/dist/bundler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bundler.d.ts","sourceRoot":"","sources":["../src/bundler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,aAAa;kCAIE,MAAM;oBAMrC,MAAM,cACE,MAAM,aACP,aAAa,WACf,gBAAgB;iBAmCP,MAAM;+BAKQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC;EAc3E"}
+{"version":3,"file":"bundler.d.ts","sourceRoot":"","sources":["../src/bundler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,aAAa;kCAIE,MAAM,cAAc,kBAAkB,CAAC,WAAW,CAAC;oBAqClF,MAAM,cACE,MAAM,aACP,aAAa,WACf,gBAAgB;iBAsCP,MAAM;+BAKQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC;EAc3E"}

package/dist/bundler.js

@@ -10,8 +10,33 @@ const rs_compiler_1 = require("@stylexswc/rs-compiler");
 function createBundler() {
     const styleXRulesMap = new Map();
     // Determines if the source code should be transformed based on the presence of StyleX imports.
-    function shouldTransform(sourceCode) {
-        return sourceCode.includes('stylex');
+    function shouldTransform(sourceCode, rsOptions) {
+        const { importSources } = rsOptions ?? {};
+        let parsedImportSources;
+        try {
+            parsedImportSources = importSources?.map(importSource => {
+                const a = typeof importSource === 'string' ? JSON.parse(importSource) : importSource;
+                return a;
+            });
+        }
+        catch (error) {
+            parsedImportSources = importSources;
+        }
+        const shouldTransform = parsedImportSources?.some(importSource => {
+            if (typeof importSource === 'string') {
+                return sourceCode.includes(importSource);
+            }
+            return sourceCode.includes(importSource.from);
+        });
+        // if (importSourcesExtend != null) {
+        //   shouldTransform ||= importSourcesExtend.some(importSource => {
+        //     if (typeof importSource === 'string') {
+        //       return sourceCode.includes(importSource);
+        //     }
+        //     return sourceCode.includes(importSource.from);
+        //   });
+        // }
+        return shouldTransform;
     }
     // Transforms the source code using Babel, extracting StyleX rules and storing them.
     function transform(id, sourceCode, rsOptions, options) {
@@ -22,7 +47,8 @@ function createBundler() {
             metadata: { stylex: [] },
         };
         try {
-            transformResult = (0, rs_compiler_1.transform)(id, sourceCode, (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {}));
+            const rsOptionsNormalized = (0, rs_compiler_1.normalizeRsOptions)(rsOptions);
+            transformResult = (0, rs_compiler_1.transform)(id, sourceCode, rsOptionsNormalized);
         }
         catch (error) {
             if (shouldSkipTransformError) {

package/dist/index.d.ts

@@ -1,9 +1,7 @@
-import postcss from 'postcss';
-import type { StyleXPluginOption } from './types';
 declare const plugin: {
-    ({ cwd, rsOptions, include, exclude, useCSSLayers, }: StyleXPluginOption): {
+    ({ cwd, rsOptions, include, exclude, useCSSLayers, }: import("./types").StyleXPluginOption): {
         postcssPlugin: string;
-        plugins: ((root: postcss.Root, result: postcss.Result) => void)[];
+        plugins: ((root: import("postcss").Root, result: import("postcss").Result) => void)[];
     };
     postcss: boolean;
 };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,QAAA,MAAM,MAAM;0DAQT,kBAAkB;;yBAiBC,OAAO,CAAC,IAAI,UAAU,OAAO,CAAC,MAAM;;;CAsDzD,CAAC;AAKF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;CAAiB,CAAC;AAG9B,eAAe,MAAM,CAAC"}

package/dist/index.js

@@ -3,75 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const postcss_1 = __importDefault(require("postcss"));
-const builder_1 = __importDefault(require("./builder"));
-const PLUGIN_NAME = '@stylexswc/postcss-plugin';
-const builder = (0, builder_1.default)();
-const isDev = process.env.NODE_ENV === 'development';
-const plugin = ({ cwd = process.cwd(), 
-// By default reuses the Babel configuration from the project root.
-// Use `babelrc: false` to disable this behavior.
-rsOptions = {}, include, exclude, useCSSLayers = false, }) => {
-    exclude = [
-        // Exclude type declaration files by default because it never contains any CSS rules.
-        '**/*.d.ts',
-        '**/*.flow',
-        ...(exclude ?? []),
-    ];
-    // Whether to skip the error when transforming StyleX rules.
-    // Useful in watch mode where Fast Refresh can recover from errors.
-    // Initial transform will still throw errors in watch mode to surface issues early.
-    let shouldSkipTransformError = false;
-    return {
-        postcssPlugin: PLUGIN_NAME,
-        plugins: [
-            // Processes the PostCSS root node to find and transform StyleX at-rules.
-            function (root, result) {
-                const fileName = result.opts.from;
-                // Configure the builder with the provided options
-                builder.configure({
-                    include,
-                    exclude,
-                    cwd,
-                    rsOptions,
-                    useCSSLayers,
-                    isDev,
-                });
-                // Find the "@stylex" at-rule
-                const styleXAtRule = builder.findStyleXAtRule(root);
-                if (styleXAtRule == null) {
-                    return;
-                }
-                // Get dependencies to be watched for changes
-                const dependencies = builder.getDependencies();
-                // Add each dependency to the PostCSS result messages.
-                // This watches the entire "./src" directory for "./src/**/*.{ts,tsx}"
-                // to handle new files and deletions reliably in watch mode.
-                for (const dependency of dependencies) {
-                    result.messages.push({
-                        plugin: PLUGIN_NAME,
-                        parent: fileName,
-                        ...dependency,
-                    });
-                }
-                // Build and parse the CSS from collected StyleX rules
-                const css = builder.build({
-                    shouldSkipTransformError,
-                });
-                const parsed = postcss_1.default.parse(css, {
-                    from: fileName,
-                });
-                // Replace the "@stylex" rule with the generated CSS
-                styleXAtRule.replaceWith(parsed);
-                result.root = root;
-                if (!shouldSkipTransformError) {
-                    // Build was successful, subsequent builds are for watch mode
-                    shouldSkipTransformError = true;
-                }
-            },
-        ],
-    };
-};
-plugin.postcss = true;
+const plugin_1 = __importDefault(require("./plugin"));
+const plugin = (0, plugin_1.default)();
 module.exports = plugin;
 exports.default = plugin;

package/dist/plugin.d.ts

@@ -0,0 +1,11 @@
+import postcss from 'postcss';
+import type { StyleXPluginOption } from './types';
+declare function createPlugin(): {
+    ({ cwd, rsOptions, include, exclude, useCSSLayers, }: StyleXPluginOption): {
+        postcssPlugin: string;
+        plugins: ((root: postcss.Root, result: postcss.Result) => void)[];
+    };
+    postcss: boolean;
+};
+export default createPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,iBAAS,YAAY;0DAchB,kBAAkB;;yBAiBC,OAAO,CAAC,IAAI,UAAU,OAAO,CAAC,MAAM;;;EA8D3D;AAED,eAAe,YAAY,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const postcss_1 = __importDefault(require("postcss"));
+const builder_1 = __importDefault(require("./builder"));
+function createPlugin() {
+    const PLUGIN_NAME = '@stylexswc/postcss-plugin';
+    const builder = (0, builder_1.default)();
+    const isDev = process.env.NODE_ENV === 'development';
+    const plugin = ({ 
+    // By default reuses the Babel configuration from the project root.
+    cwd = process.cwd(), rsOptions = {}, include, exclude, useCSSLayers = false, }) => {
+        exclude = [
+            // Exclude type declaration files by default because it never contains any CSS rules.
+            '**/*.d.ts',
+            '**/*.flow',
+            ...(exclude ?? []),
+        ];
+        // Whether to skip the error when transforming StyleX rules.
+        // Useful in watch mode where Fast Refresh can recover from errors.
+        // Initial transform will still throw errors in watch mode to surface issues early.
+        let shouldSkipTransformError = false;
+        return {
+            postcssPlugin: PLUGIN_NAME,
+            plugins: [
+                // Processes the PostCSS root node to find and transform StyleX at-rules.
+                function (root, result) {
+                    const fileName = result.opts.from;
+                    // Configure the builder with the provided options
+                    builder.configure({
+                        include,
+                        exclude,
+                        cwd,
+                        rsOptions: {
+                            ...rsOptions,
+                            importSources: rsOptions?.importSources ?? ['@stylexjs/stylex', 'stylex'],
+                        },
+                        useCSSLayers,
+                        isDev,
+                    });
+                    // Find the "@stylex" at-rule
+                    const styleXAtRule = builder.findStyleXAtRule(root);
+                    if (styleXAtRule == null) {
+                        return;
+                    }
+                    // Get dependencies to be watched for changes
+                    const dependencies = builder.getDependencies();
+                    // Add each dependency to the PostCSS result messages.
+                    // This watches the entire "./src" directory for "./src/**/*.{ts,tsx}"
+                    // to handle new files and deletions reliably in watch mode.
+                    for (const dependency of dependencies) {
+                        result.messages.push({
+                            plugin: PLUGIN_NAME,
+                            parent: fileName,
+                            ...dependency,
+                        });
+                    }
+                    // Build and parse the CSS from collected StyleX rules
+                    const css = builder.build({
+                        shouldSkipTransformError,
+                    });
+                    const parsed = postcss_1.default.parse(css, {
+                        from: fileName,
+                    });
+                    // Replace the "@stylex" rule with the generated CSS
+                    styleXAtRule.replaceWith(parsed);
+                    result.root = root;
+                    if (!shouldSkipTransformError) {
+                        // Build was successful, subsequent builds are for watch mode
+                        shouldSkipTransformError = true;
+                    }
+                },
+            ],
+        };
+    };
+    plugin.postcss = true;
+    return plugin;
+}
+exports.default = createPlugin;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stylexswc/postcss-plugin",
   "description": "StyleX PostCSS plugin with NAPI-RS compiler",
-  "version": "0.8.2-dev.1",
+  "version": "0.9.0-rc.1",
   "private": false,
   "license": "MIT",
   "sideEffects": false,
@@ -19,21 +19,25 @@
   },
   "dependencies": {
     "@stylexjs/babel-plugin": "^0.12.0",
-    "@stylexswc/rs-compiler": "0.8.2-dev.1",
+    "@stylexswc/rs-compiler": "0.9.0-rc.1",
     "fast-glob": "^3.3.3",
     "glob-parent": "^6.0.2",
     "is-glob": "^4.0.3",
     "postcss": "^8.5.3"
   },
   "devDependencies": {
-    "@babel/types": "^7.27.3",
-    "@stylexswc/eslint-config": "0.8.2-dev.1",
-    "@stylexswc/typescript-config": "0.8.2-dev.1",
+    "@babel/types": "^7.27.7",
+    "@stylexswc/eslint-config": "0.9.0-rc.1",
+    "@stylexswc/typescript-config": "0.9.0-rc.1",
     "@types/babel__core": "^7.20.5",
     "@types/glob-parent": "^5.1.3",
     "@types/is-glob": "^4.0.4",
+    "@types/jest": "^29.5.14",
     "@types/loader-utils": "^2.0.6",
-    "@types/node": "^22.15.29"
+    "@types/node": "^22.15.29",
+    "jest": "^29.7.0",
+    "jest-chain-transform": "^0.0.8",
+    "ts-jest": "^29.4.0"
   },
   "keywords": [
     "postcss",
@@ -52,7 +56,7 @@
     "postbuild": "pnpm run check:artifacts",
     "precommit": "lint-staged",
     "prepush": "lint-prepush",
-    "test": "echo \"Error: no test specified\" && exit 0",
+    "test": "jest",
     "typecheck": "scripty"
   }
 }