@stylexswc/nextjs-plugin 0.6.5 → 0.6.6-rc.1

package/README.md

@@ -85,7 +85,7 @@ npm install --save-dev @stylexswc/nextjs-plugin
 
 #### `transformCss`
 
-- Type: `(css: string) => string | Buffer | Promise<string | Buffer>`
+- Type: `(css: string, filePath: string | undefined) => string | Buffer | Promise<string | Buffer>`
 - Optional
 - Description: Custom CSS transformation function. Since the plugin injects CSS
   after all loaders, use this to apply PostCSS or other CSS transformations.
@@ -111,9 +111,15 @@ module.exports = stylexPlugin({
   },
   stylexImports: ['@stylexjs/stylex', { from: './theme', as: 'tokens' }],
   useCSSLayers: true,
-  transformCss: async css => {
+  transformCss: async (css, filePath) => {
     const postcss = require('postcss');
-    const result = await postcss([require('autoprefixer')]).process(css);
+    const result = await postcss([require('autoprefixer')]).process(css, {
+      from: filePath,
+      map: {
+        inline: false,
+        annotation: false,
+      },
+    });
     return result.css;
   },
 })({

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAwB,MAAM,gCAAgC,CAAC;AACvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAqFpE,QAAA,MAAM,UAAU,mBACG,kBAAkB,mBACtB,UAAU,KAAQ,UA+I9B,CAAC;AAEJ,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAwB,MAAM,gCAAgC,CAAC;AACvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAqFpE,QAAA,MAAM,UAAU,mBACG,kBAAkB,mBACtB,UAAU,KAAQ,UAsJ9B,CAAC;AAEJ,eAAe,UAAU,CAAC"}

package/dist/index.js

@@ -189,11 +189,17 @@ const withStyleX = (pluginOptions) => (nextConfig = {}) => {
                 nextjsMode: true,
                 ...(extractCSS
                     ? {
-                        async transformCss(css) {
+                        async transformCss(css, filePath) {
                             const { postcssWithPlugins } = await postcss();
-                            const result = await postcssWithPlugins.process(css);
+                            const result = await postcssWithPlugins.process(css, {
+                                from: filePath,
+                                map: {
+                                    inline: false,
+                                    annotation: false,
+                                },
+                            });
                             if (typeof pluginOptions?.transformCss === 'function') {
-                                return pluginOptions.transformCss(result.css);
+                                return pluginOptions.transformCss(result.css, filePath);
                             }
                             return result.css;
                         },

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@stylexswc/nextjs-plugin",
   "description": "StyleX NextJS plugin with NAPI-RS compiler",
-  "version": "0.6.5",
+  "version": "0.6.6-rc.1",
   "config": {
     "scripty": {
       "path": "../../scripts/packages"
     }
   },
   "dependencies": {
-    "@stylexswc/rs-compiler": "0.6.5",
-    "@stylexswc/webpack-plugin": "0.6.5"
+    "@stylexswc/rs-compiler": "0.6.6-rc.1",
+    "@stylexswc/webpack-plugin": "0.6.6-rc.1"
   },
   "devDependencies": {
     "@babel/types": "^7.23.9",
-    "@stylexswc/eslint-config": "0.6.5",
-    "@stylexswc/typescript-config": "0.6.5",
+    "@stylexswc/eslint-config": "0.6.6-rc.1",
+    "@stylexswc/typescript-config": "0.6.6-rc.1",
     "@types/babel__core": "^7.20.5",
     "@types/node": "^22.5.1",
     "next": "^15.1.2",