@stylexswc/webpack-plugin 0.18.0-rc.1 → 0.18.0-rc.2

package/README.md

@@ -71,7 +71,7 @@ Then import the carrier stylesheet **once** at the entry point of your app (e.g.
 import '@stylexswc/webpack-plugin/stylex.css';
 ```
 
-The plugin replaces this asset's content with the extracted StyleX CSS during
+The plugin appends the extracted StyleX CSS to this asset during
 the build. Like a regular CSS file, it must flow through your CSS pipeline, so a
 `css-loader` + `MiniCssExtractPlugin.loader` rule (or webpack's built-in CSS
 support) has to cover `.css` files.
@@ -258,10 +258,17 @@ new StylexPlugin({
 
 - Type: `CacheGroupOptions` (webpack cache group configuration)
 - Optional
-- Description: Extends the default webpack cache group used for StyleX CSS
+- Description: Replaces the default webpack cache group used for StyleX CSS
   extraction. By default the plugin creates a dedicated cache group named
-  `_stylex-webpack-generated`. Use this to customize chunk naming, priority, or
-  other split chunks options. Omitted fields retain the required defaults.
+  `_stylex-webpack-generated`. A custom cache group replaces the defaults with
+  standard `splitChunks` semantics — e.g. omitting `test` matches every
+  module, which funnels all extracted CSS into the StyleX chunk. `name` must be
+  a static string and falls back to the default chunk name. String and RegExp
+  shorthand values are treated as `test`. `false` disables the plugin's cache
+  group entirely — extracted styles then have no CSS asset to land in and the
+  build warns; to turn off extraction, use `extractCSS: false` instead.
+  Include `type: 'css/mini-extract'`, `chunks` and `enforce` yourself when you
+  need them.
 
 Default cache group configuration:
 

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EAGvB,gBAAgB,EAChB,mBAAmB,EAEnB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,iBAAiB,8BAA8B,CAAC;AAK7D,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,gBAAgB;IACxD,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CA2GjC;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;AAI9F,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,0BAA0B,IAAI,aAAa,EAAE,CAAC;AAEnF,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EAGvB,gBAAgB,EAChB,mBAAmB,EAEnB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,iBAAiB,8BAA8B,CAAC;AAK7D,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,gBAAgB;IACxD,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CA4GjC;AAED,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;AAI9F,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,0BAA0B,IAAI,aAAa,EAAE,CAAC;AAEnF,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -33,7 +33,7 @@ class StyleXPlugin extends plugin_shared_1.StyleXPluginCore {
             });
         });
         const { Compilation, NormalModule, sources } = compiler.webpack;
-        const { RawSource } = sources;
+        const { ConcatSource, RawSource } = sources;
         compiler.hooks.make.tap(plugin_shared_1.PLUGIN_NAME, compilation => {
             // Plugin options change the generated CSS without any module changing;
             // mix them into chunk hashes so long-term caching notices.
@@ -90,10 +90,7 @@ class StyleXPlugin extends plugin_shared_1.StyleXPluginCore {
                         ? `import '${this.carrierCss}'`
                         : `import '${PACKAGE_NAME}/stylex.css'`,
                     getNamedChunk: name => compilation.namedChunks.get(name),
-                    createSource: css => new RawSource(css),
-                    updateAsset: (name, source) => compilation.updateAsset(name, () => source, {
-                        minimized: false,
-                    }),
+                    appendCssToAsset: (name, css) => compilation.updateAsset(name, source => new ConcatSource(source, '\n', new RawSource(css)), { minimized: false }),
                     // compilation warnings surface in stats and the dev overlay,
                     // unlike the infrastructure logger
                     warn: message => compilation.warnings.push(new compiler.webpack.WebpackError(`${PACKAGE_NAME}: ${message}`)),

package/dist/stylex.css

@@ -5,6 +5,6 @@
  *
  *   import '@stylexswc/webpack-plugin/stylex.css';
  *
- * During the build the plugin replaces the emitted asset content with the
- * extracted StyleX CSS.
+ * During the build the plugin appends the extracted StyleX CSS to the
+ * emitted asset (other CSS funneled into the chunk is preserved).
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stylexswc/webpack-plugin",
   "description": "StyleX plugin for webpack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel.",
-  "version": "0.18.0-rc.1",
+  "version": "0.18.0-rc.2",
   "bugs": "https://github.com/Dwlad90/stylex-swc-plugin/issues",
   "config": {
     "scripty": {
@@ -9,13 +9,13 @@
     }
   },
   "dependencies": {
-    "@stylexswc/plugin-shared": "0.18.0-rc.1"
+    "@stylexswc/plugin-shared": "0.18.0-rc.2"
   },
   "devDependencies": {
     "@stylexjs/babel-plugin": "^0.19.0",
     "@stylexjs/stylex": "^0.19.0",
-    "@stylexswc/eslint-config": "0.18.0-rc.1",
-    "@stylexswc/typescript-config": "0.18.0-rc.1",
+    "@stylexswc/eslint-config": "0.18.0-rc.2",
+    "@stylexswc/typescript-config": "0.18.0-rc.2",
     "@types/node": "^26.1.0",
     "css-loader": "^7.1.2",
     "memfs": "^4.17.0",