@stylexswc/webpack-plugin 0.13.0-rc.1 → 0.13.0-rc.10

package/README.md

@@ -113,6 +113,35 @@ module.exports = config;
 - Default: `true`
 - Description: Controls whether CSS should be extracted into a separate file
 
+#### `loaderOrder`
+
+- Type: `'first' | 'last'`
+- Optional
+- Default: `'first'`
+- Description: Determines when the StyleX transformation is applied relative to other webpack loaders.
+  - `'first'` (recommended): StyleX processes the source code before any other loaders run.
+    Automatically enables `injectStylexSideEffects` to prevent tree-shaking from removing `.stylex` and `.consts` imports.
+  - `'last'`: StyleX processes after all other loaders have completed.
+    Use this if you need other loaders (like TypeScript or SWC plugins) to transform your code before StyleX processing.
+
+  **Why `'first'` is recommended:**
+  When StyleX transforms your code first, imports from `.stylex` and `.consts` files may appear unused to subsequent loaders/bundlers and get removed by tree-shaking. The plugin automatically injects side-effect imports to prevent this issue.
+
+  **Example of the problem:**
+  ```ts
+  // Before transformation
+  import { colors } from './theme.stylex';
+  const styles = stylex.create({
+    root: { backgroundColor: colors.primary }
+  });
+
+  // After StyleX transformation (appears unused to bundler)
+  import { colors } from './theme.stylex';  // ← May be tree-shaken!
+  const styles = { root: { backgroundColor: 'x1a2b3c', $$css: true } };
+  ```
+
+  With `loaderOrder: 'first'`, the plugin automatically preserves these imports by injecting side-effect imports.
+
 ### Advanced Options
 
 #### `transformCss`
@@ -141,6 +170,7 @@ module.exports = {
       stylexImports: ['@stylexjs/stylex', { from: './theme', as: 'tokens' }],
       useCSSLayers: true,
       nextjsMode: false,
+      loaderOrder: 'first', // Process before other loaders (default)
       transformCss: async css => {
         const postcss = require('postcss');
         const result = await postcss([require('autoprefixer')]).process(css);

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-import stylexBabelPlugin from '@stylexjs/babel-plugin';
 import { VIRTUAL_CSS_PATTERN } from './constants';
 import type webpack from 'webpack';
 import type { Rule as StyleXRule } from '@stylexjs/babel-plugin';
 import type { CSSTransformer, StyleXPluginOption, StyleXWebpackLoaderOptions } from './types';
 export type RegisterStyleXRules = (_resourcePath: string, _stylexRules: StyleXRule[]) => void;
 export default class StyleXPlugin {
-    stylexRules: Map<string, readonly stylexBabelPlugin.Rule[]>;
+    stylexRules: Map<string, readonly StyleXRule[]>;
     useCSSLayers: boolean;
     loaderOption: StyleXWebpackLoaderOptions;
     transformCss: CSSTransformer;
-    constructor({ stylexImports, useCSSLayers, rsOptions, nextjsMode, transformCss, transformer, extractCSS, }?: StyleXPluginOption);
+    loaderOrder: StyleXPluginOption['loaderOrder'];
+    constructor({ stylexImports, useCSSLayers, rsOptions, nextjsMode, transformCss, extractCSS, loaderOrder, }?: StyleXPluginOption);
     apply(compiler: webpack.Compiler): void;
 }
 export { VIRTUAL_CSS_PATTERN };

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;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,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,qCAA4C;IACvD,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,0BAA0B,CAAC;IAEzC,YAAY,EAAE,cAAc,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;gBACnC,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,UAAiB,EACjB,WAAqB,GACtB,GAAE,kBAAuB;IAoB1B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CAwKjC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -25,7 +25,8 @@ class StyleXPlugin {
     useCSSLayers;
     loaderOption;
     transformCss;
-    constructor({ stylexImports = ['stylex', '@stylexjs/stylex'], useCSSLayers = false, rsOptions = {}, nextjsMode = false, transformCss = identityTransfrom, transformer = 'rs-compiler', extractCSS = true, } = {}) {
+    loaderOrder;
+    constructor({ stylexImports = ['stylex', '@stylexjs/stylex'], useCSSLayers = false, rsOptions = {}, nextjsMode = false, transformCss = identityTransfrom, extractCSS = true, loaderOrder = 'first', } = {}) {
         this.useCSSLayers = useCSSLayers;
         this.loaderOption = {
             stylexImports,
@@ -35,13 +36,14 @@ class StyleXPlugin {
                 runtimeInjection: false,
                 treeshakeCompensation: true,
                 importSources: stylexImports,
+                injectStylexSideEffects: loaderOrder !== 'last',
                 ...rsOptions,
             },
             nextjsMode,
-            transformer,
             extractCSS,
         };
         this.transformCss = transformCss;
+        this.loaderOrder = loaderOrder;
     }
     apply(compiler) {
         // If splitChunk is enabled, we create a dedicated chunk for stylex css
@@ -92,11 +94,8 @@ class StyleXPlugin {
                             this.stylexRules.set(resourcePath, stylexRules);
                         },
                     };
-                    // We use .unshift() and not .push() like original webpack plugin
-                    // because we want to transpile theme imports first,
-                    // else it will be unused imports, that will be removed by tree shaking,
-                    // and to run other transformations first, e.g. custom SWC plugins.
-                    mod.loaders.unshift({
+                    const insertMethod = this.loaderOrder === 'last' ? 'unshift' : 'push';
+                    mod.loaders[insertMethod]({
                         loader: stylexLoaderPath,
                         options: this.loaderOption,
                         ident: null,
@@ -171,4 +170,6 @@ class StyleXPlugin {
 exports.default = StyleXPlugin;
 module.exports = StyleXPlugin;
 module.exports.default = StyleXPlugin;
+module.exports.loader = stylexLoaderPath;
+module.exports.virtualLoader = stylexVirtualLoaderPath;
 module.exports.VIRTUAL_CSS_PATTERN = constants_1.VIRTUAL_CSS_PATTERN;

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

@@ -1 +1 @@
-{"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"}
+{"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;AAI7C,wBAA8B,YAAY,CACxC,IAAI,EAAE,aAAa,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,EACzE,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,iBA0G1B"}

package/dist/stylex-loader.js

@@ -7,12 +7,13 @@ exports.default = stylexLoader;
 const constants_1 = require("./constants");
 const loader_utils_1 = __importDefault(require("loader-utils"));
 const utils_1 = require("./utils");
+const skipWarnRegex = /empty|client-only/;
 async function stylexLoader(inputCode, inputSourceMap) {
     const callback = this.async();
-    const { stylexImports, rsOptions, nextjsMode, transformer, extractCSS = true, } = this.getOptions();
+    const { stylexImports, rsOptions, nextjsMode, extractCSS = true } = this.getOptions();
     const logger = this._compiler?.getInfrastructureLogger(constants_1.PLUGIN_NAME);
     if (!inputCode) {
-        if (!this.resourcePath.includes('empty')) {
+        if (!skipWarnRegex.test(this.resourcePath)) {
             logger?.warn(`@stylexswc/webpack-plugin: inputCode is empty for resource ${this.resourcePath}`);
         }
         return callback(null, inputCode, inputSourceMap);
@@ -29,7 +30,16 @@ async function stylexLoader(inputCode, inputSourceMap) {
         return callback(new Error('stylex-loader: loader context is not SupplementedLoaderContext!'));
     }
     try {
-        const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions, transformer);
+        const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions);
+        let parsedMap = undefined;
+        if (map) {
+            try {
+                parsedMap = typeof map === 'string' ? JSON.parse(map) : map;
+            }
+            catch (error) {
+                logger?.warn(`@stylexswc/webpack-plugin: failed to parse map for resource ${this.resourcePath}: ${error.message}`);
+            }
+        }
         // If metadata.stylex doesn't exist at all, we only need to return the transformed code
         if (!extractCSS ||
             !metadata ||
@@ -38,7 +48,7 @@ async function stylexLoader(inputCode, inputSourceMap) {
             !metadata.stylex.length) {
             if (extractCSS)
                 logger?.debug(`No stylex styles generated from ${this.resourcePath}`);
-            return callback(null, code ?? undefined, map ?? undefined);
+            return callback(null, code, parsedMap);
         }
         logger?.debug(`Read stylex styles from ${this.resourcePath}:`, metadata.stylex);
         this.StyleXWebpackContextKey.registerStyleXRules(this.resourcePath, metadata.stylex);
@@ -53,13 +63,13 @@ async function stylexLoader(inputCode, inputSourceMap) {
             const virtualFileName = loader_utils_1.default.interpolateName(this, '[path][name].[hash:base64:8].stylex.virtual.css', { content: serializedStyleXRules });
             const virtualCssRequest = (0, utils_1.stringifyRequest)(this, `${virtualFileName}!=!${constants_1.VIRTUAL_CSS_PATH}?${urlParams.toString()}`);
             const postfix = `\nimport ${virtualCssRequest};`;
-            return callback(null, code + postfix, map ?? undefined);
+            return callback(null, code + postfix, parsedMap);
         }
         // Next.js App Router doesn't support inline matchResource and inline loaders
         // So we adapt Next.js' "external" css import approach instead
         const virtualCssRequest = (0, utils_1.stringifyRequest)(this, `${constants_1.VIRTUAL_CSS_PATH}?${urlParams.toString()}`);
         const postfix = `\nimport ${virtualCssRequest};`;
-        return callback(null, code + postfix, map ?? undefined);
+        return callback(null, code + postfix, parsedMap);
     }
     catch (error) {
         return callback(error);

package/dist/types.d.ts

@@ -6,7 +6,7 @@ type AsyncFnParams = Parameters<ReturnType<LoaderContext<unknown>['async']>>;
 export type InputCode = AsyncFnParams['1'];
 export type SourceMap = AsyncFnParams['2'];
 export type CSSTransformer = (_css: string, _filePath: string | undefined) => string | Buffer | Promise<string | Buffer>;
-export interface StyleXPluginOption extends Pick<StyleXWebpackLoaderOptions, 'transformer'> {
+export interface StyleXPluginOption {
     /**
      * stylex options passed to stylex babel plugin
      *
@@ -44,17 +44,21 @@ export interface StyleXPluginOption extends Pick<StyleXWebpackLoaderOptions, 'tr
      * @default true
      */
     extractCSS?: boolean;
+    /**
+     * Loader execution order
+     *
+     * Determines when the StyleX transformation is applied relative to other webpack loaders:
+     * - 'first': StyleX processes source code before any other loaders (recommended)
+     * - 'last': StyleX processes after all other loaders have run
+     *
+     * @default 'first'
+     */
+    loaderOrder?: 'first' | 'last';
 }
 export type StyleXWebpackLoaderOptions = {
     stylexImports: StyleXOptions['importSources'];
     rsOptions: Partial<StyleXOptions>;
     nextjsMode: boolean;
-    /**
-     * Specify the transformer to transform StyleX code
-     *
-     * @default 'rs-compiler'
-     */
-    transformer?: 'rs-compiler' | 'swc';
     extractCSS?: boolean;
 };
 export type SupplementedLoaderContext<Options = unknown> = webpack.LoaderContext<Options> & {

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;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"}
+{"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,kBAAkB;IACjC;;;;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;IAErB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;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;IACpB,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/dist/utils.d.ts

@@ -1,8 +1,8 @@
 import stylexPlugin from '@stylexswc/rs-compiler';
 import type webpack from 'webpack';
-import type { StyleXWebpackLoaderOptions, SupplementedLoaderContext } from './types';
+import type { SupplementedLoaderContext } from './types';
 import type { StyleXTransformResult } from '@stylexswc/rs-compiler';
 export declare function stringifyRequest(loaderContext: webpack.LoaderContext<unknown>, request: string): string;
 export declare const isSupplementedLoaderContext: <T>(context: webpack.LoaderContext<T>) => context is SupplementedLoaderContext<T>;
-export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<stylexPlugin.StyleXOptions>, transformer: StyleXWebpackLoaderOptions['transformer']): StyleXTransformResult;
+export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<stylexPlugin.StyleXOptions>): StyleXTransformResult;
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,YAAoC,MAAM,wBAAwB,CAAC;AAE1E,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,EAAiB,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,UAI9F;AAED,eAAO,MAAM,2BAA2B,GAAI,CAAC,EAC3C,SAAS,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,KAChC,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAExC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,EAC9C,WAAW,EAAE,0BAA0B,CAAC,aAAa,CAAC,GACrD,qBAAqB,CA4BvB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,YAAoC,MAAM,wBAAwB,CAAC;AAE1E,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,UAI9F;AAED,eAAO,MAAM,2BAA2B,GAAI,CAAC,EAC3C,SAAS,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,KAChC,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAExC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,GAC7C,qBAAqB,CAEvB"}

package/dist/utils.js

@@ -44,22 +44,6 @@ const isSupplementedLoaderContext = (context) => {
     return Object.prototype.hasOwnProperty.call(context, 'StyleXWebpackContextKey');
 };
 exports.isSupplementedLoaderContext = isSupplementedLoaderContext;
-function generateStyleXOutput(resourcePath, inputSource, rsOptions, transformer) {
-    if (transformer === 'swc') {
-        const metadata = { stylex: [] };
-        let metadataStr = '[]';
-        const code = inputSource.replace(/\/\/*__stylex_metadata_start__(?<metadata>.+)__stylex_metadata_end__/, (...args) => {
-            metadataStr = args.at(-1)?.metadata.split('"__stylex_metadata_end__')[0];
-            return '';
-        });
-        try {
-            metadata.stylex = JSON.parse(metadataStr)?.map((rule) => [rule.class_name, rule.style, rule.priority]);
-        }
-        catch (e) {
-            console.error('Error parsing StylexX metadata', e);
-        }
-        const map = undefined;
-        return { code, map, metadata };
-    }
+function generateStyleXOutput(resourcePath, inputSource, rsOptions) {
     return rs_compiler_1.default.transform(resourcePath, inputSource, (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {}));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stylexswc/webpack-plugin",
   "description": "StyleX webpack plugin with NAPI-RS compiler",
-  "version": "0.13.0-rc.1",
+  "version": "0.13.0-rc.10",
   "private": false,
   "license": "MIT",
   "sideEffects": false,
@@ -18,17 +18,17 @@
     }
   },
   "dependencies": {
-    "@stylexjs/babel-plugin": "^0.16.2",
-    "@stylexswc/rs-compiler": "0.13.0-rc.1",
+    "@stylexjs/babel-plugin": "^0.16.3",
+    "@stylexswc/rs-compiler": "0.13.0-rc.10",
     "loader-utils": "^3.3.1"
   },
   "devDependencies": {
-    "@babel/types": "^7.28.4",
-    "@stylexswc/eslint-config": "0.13.0-rc.1",
-    "@stylexswc/typescript-config": "0.13.0-rc.1",
+    "@babel/types": "^7.28.5",
+    "@stylexswc/eslint-config": "0.13.0-rc.10",
+    "@stylexswc/typescript-config": "0.13.0-rc.10",
     "@types/babel__core": "^7.20.5",
     "@types/loader-utils": "^3.0.0",
-    "@types/node": "^24.7.2",
+    "@types/node": "^24.9.2",
     "mini-css-extract-plugin": "^2.9.2",
     "webpack": "^5.102.1"
   },