@stylexswc/webpack-plugin 0.17.0-rc.4 → 0.17.1-rc.1

package/README.md

@@ -1,28 +1,42 @@
-# Webpack plugin with NAPI-RS StyleX compiler integration
-
-> Part of the [StyleX SWC Plugin](https://github.com/Dwlad90/stylex-swc-plugin#readme) workspace
-
-`Webpack plugin` for an unofficial
-[`napi-rs`](https://github.com/dwlad90/stylex-swc-plugin/tree/develop/crates/stylex-rs-compiler)
-compiler that includes the StyleX SWC code transformation under the hood.
+# @stylexswc/webpack-plugin
+
+> StyleX plugin for webpack, powered by a Rust compiler (NAPI-RS + SWC). Part of
+> the [StyleX SWC Plugin](https://github.com/Dwlad90/stylex-swc-plugin#readme)
+> workspace.
+
+This plugin compiles [StyleX](https://stylexjs.com) code in your webpack build
+with
+[`@stylexswc/rs-compiler`](https://www.npmjs.com/package/@stylexswc/rs-compiler),
+a Rust implementation of the StyleX transform, instead of the official Babel
+plugin. Your StyleX code stays exactly the same — only the build step changes,
+with per-file transforms 2x to 5x faster than Babel
+([performance](https://github.com/Dwlad90/stylex-swc-plugin#performance)).
+The plugin transforms your source files, collects the generated rules, and
+extracts them into a dedicated CSS chunk.
+
+This is a community project and is not affiliated with Meta. It tracks the
+official StyleX releases
+<!-- stylex-compatibility:start -->(currently compatible with StyleX v0.19.0)<!-- stylex-compatibility:end -->
+and requires Node.js 20 or newer. For Next.js projects, use
+[`@stylexswc/nextjs-plugin`](https://www.npmjs.com/package/@stylexswc/nextjs-plugin)
+instead — it wires this plugin into the Next.js build for you.
 
 ## Installation
 
-To install the package, run the following command:
-
 ```bash
 npm install --save-dev @stylexswc/webpack-plugin
 ```
 
-Please install `@stylexswc/rs-compiler` if you haven't done so already:
+The Rust compiler (`@stylexswc/rs-compiler`) is installed automatically as a
+dependency. Your application still needs the StyleX runtime:
 
 ```bash
-npm install --save-dev @stylexswc/rs-compiler
+npm install @stylexjs/stylex
 ```
 
 ## Usage
 
-Modify Webpack config. For example:
+Add the plugin to your webpack config:
 
 ```js
 const StylexPlugin = require('@stylexswc/webpack-plugin');
@@ -38,17 +52,8 @@ const config = (env, argv) => ({
   },
   plugins: [
     new StylexPlugin({
-      // ... Other StyleX options
-      transformCss: async (css, filePath) => {
-        const postcss = require('postcss');
-        const result = await postcss([require('autoprefixer')]).process(css, {
-          from: filePath,
-          map: {
-            inline: false,
-            annotation: false,
-          },
-        });
-        return result.css;
+      rsOptions: {
+        dev: argv.mode === 'development',
       },
     }),
   ],
@@ -66,95 +71,105 @@ module.exports = config;
 
 - Type: `Partial<StyleXOptions>`
 - Optional
-- 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/).
+- Description: StyleX compiler options passed to `@stylexswc/rs-compiler`. For
+  the standard 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.
+> The `include` and `exclude` options are exclusive to the Rust compiler
+> 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.
+- Description: Glob patterns or regular expressions selecting the files to
+  transform. When specified, only files matching at least one pattern are
+  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.
+- Description: Glob patterns or regular expressions excluding files from the
+  transform. A file matching any exclude pattern is skipped even if it matches
+  an `include` pattern. Patterns are matched against paths relative to the
+  current working directory.
 
 #### `stylexImports`
 
 - Type: `Array<string | { as: string, from: string }>`
 - Default: `['stylex', '@stylexjs/stylex']`
-- Description: Specifies where StyleX will be imported from. Supports both
-  string paths and import aliases.
+- Description: Specifies where StyleX is imported from. Supports both string
+  paths and import aliases.
 
 #### `useCSSLayers`
 
 - Type: `boolean`
 - Default: `false`
-- Description: Enables CSS cascade layers support for better style isolation.
+- Description: Wraps the generated CSS in cascade layers for better style
+  isolation.
 
 #### `nextjsMode`
 
 - Type: `boolean`
 - Default: `false`
 - Description: Enables Next.js-specific optimizations and compatibility
-  features.
+  features. Leave off unless the plugin is driven by the Next.js integration.
 
 #### `extractCSS`
 
 - Type: `boolean`
 - Optional
 - Default: `true`
-- Description: Controls whether CSS should be extracted into a separate file
+- Description: Controls whether the generated CSS is 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.
+- Description: When the StyleX transformation runs relative to other webpack
+  loaders.
+  - `'first'` (recommended): StyleX processes the source code before any other
+    loaders run. Automatically enables `injectStylexSideEffects` so tree-shaking
+    cannot remove `.stylex` and `.consts` imports.
+  - `'last'`: StyleX processes after all other loaders have completed. Use this
+    if other loaders (TypeScript, SWC plugins) must transform your code before
+    StyleX sees it.
+
+  Why `'first'` is recommended: after StyleX rewrites your code, imports from
+  `.stylex` and `.consts` files can look unused to subsequent loaders and
+  bundler passes and get tree-shaken away:
 
-  **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 }
+    root: { backgroundColor: colors.primary },
   });
 
-  // After StyleX transformation (appears unused to bundler)
-  import { colors } from './theme.stylex';  // ← May be tree-shaken!
+  // After StyleX transformation (appears unused to the 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.
+  With `loaderOrder: 'first'`, the plugin preserves these imports by injecting
+  side-effect imports automatically.
 
 #### `stylexPackages`
 
 - Type: `string[]`
 - Optional
 - Default: `['@stylexjs/']`
-- Description: `node_modules` is **excluded by default**, even for files that
-  reference a StyleX import. Packages that ship untransformed StyleX source
-  (e.g. component libraries) must be allowlisted here with path fragments so
-  the StyleX loader still processes them:
+- Description: `node_modules` is excluded from the transform by default, even
+  for files that reference a StyleX import. Packages that ship untransformed
+  StyleX source (component libraries, token packages) must be allowlisted here
+  with path fragments:
 
-```javascript
+```js
 new StylexPlugin({
   stylexPackages: ['@stylexjs/', 'my-design-system'],
 });
@@ -167,19 +182,34 @@ new StylexPlugin({
 - 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.
+- Description: Custom CSS post-processing. The plugin injects CSS after all
+  loaders have run, so `postcss-loader` never sees it — apply PostCSS,
+  autoprefixer, or a minifier here instead:
+
+```js
+new StylexPlugin({
+  transformCss: async (css, filePath) => {
+    const postcss = require('postcss');
+    const result = await postcss([require('autoprefixer')]).process(css, {
+      from: filePath,
+    });
+    return result.css;
+  },
+});
+```
 
 #### `cacheGroup`
 
 - Type: `CacheGroupOptions` (webpack cache group configuration)
 - Optional
-- Description: Allows overriding the default webpack cache group parameters for StyleX CSS extraction.
-  By default, the plugin creates a dedicated cache group named `stylex` for extracted StyleX CSS.
-  Use this option to customize cache group behavior such as chunk naming, priority, or other split chunks options.
+- Description: Overrides the default webpack cache group used for StyleX CSS
+  extraction. By default the plugin creates a dedicated cache group named
+  `stylex`. Use this to customize chunk naming, priority, or other split chunks
+  options.
+
+Default cache group configuration:
 
-**Default cache group configuration:**
-```javascript
+```js
 {
   name: 'stylex',
   test: /\.stylex\.virtual\.css$/,
@@ -189,8 +219,9 @@ new StylexPlugin({
 }
 ```
 
-**Example - Custom cache group:**
-```javascript
+Custom cache group:
+
+```js
 new StylexPlugin({
   cacheGroup: {
     name: 'my-stylex-bundle',
@@ -198,12 +229,12 @@ new StylexPlugin({
     priority: 20,
     enforce: true,
   },
-})
+});
 ```
 
 ### Example Configuration
 
-```javascript
+```js
 const StylexPlugin = require('@stylexswc/webpack-plugin');
 
 module.exports = {
@@ -211,95 +242,110 @@ 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,
-      nextjsMode: false,
-      loaderOrder: 'first', // Process before other loaders (default)
+      loaderOrder: 'first',
       transformCss: async css => {
         const postcss = require('postcss');
         const result = await postcss([require('autoprefixer')]).process(css);
         return result.css;
       },
-      // Optional: Override cache group settings
-      cacheGroup: {
-        name: 'stylex',
-        priority: 30,
-      },
     }),
   ],
 };
 ```
 
-#### Path Filtering Examples
+### Path Filtering Examples
 
-**Include only specific directories:**
+Include only specific directories:
 
-```javascript
+```js
 new StylexPlugin({
   rsOptions: {
     include: ['src/**/*.tsx', 'app/**/*.tsx'],
   },
-})
+});
 ```
 
-**Exclude test and build files:**
+Exclude test and build files:
 
-```javascript
+```js
 new StylexPlugin({
   rsOptions: {
-    exclude: ['**/*.test.*', '**/*.spec.*', '**/dist/**', '**/node_modules/**'],
+    exclude: ['**/*.test.*', '**/*.spec.*', '**/dist/**'],
   },
-})
+});
 ```
 
-**Using regular expressions:**
+Using regular expressions:
 
-```javascript
+```js
 new StylexPlugin({
   rsOptions: {
     include: [/src\/.*\.tsx$/],
     exclude: [/\.test\./, /\.stories\./],
   },
-})
+});
 ```
 
-**Combined include and exclude (exclude takes precedence):**
+Transform only specific packages from `node_modules` — note that `node_modules`
+is excluded regardless of `rsOptions.include`/`exclude`, so allowlist packages
+with `stylexPackages` instead:
 
-```javascript
+```js
 new StylexPlugin({
   rsOptions: {
     include: ['src/**/*.{ts,tsx}'],
-    exclude: ['**/__tests__/**', '**/__mocks__/**'],
+    exclude: ['**/*.test.*'],
   },
-})
+  stylexPackages: ['@stylexjs/open-props', '@my-org/design-system'],
+});
 ```
 
-**Transform only specific packages from node_modules:**
+## FAQ
 
-`node_modules` is excluded by default regardless of `rsOptions.include`/
-`exclude` — allowlist packages with `stylexPackages` instead:
+### Do I still need `@stylexjs/babel-plugin`?
 
-```javascript
-new StylexPlugin({
-  rsOptions: {
-    include: ['src/**/*.{ts,tsx}'],
-    exclude: ['**/*.test.*'],
-  },
-  stylexPackages: ['@stylexjs/open-props', '@my-org/design-system'],
-})
-```
+No. This plugin replaces the Babel plugin in your build. You only keep
+`@stylexjs/stylex` as your app's runtime dependency, and your `stylex.create` /
+`stylex.props` code does not change.
+
+### My styles from a component library are missing. Why?
+
+`node_modules` is excluded by default. Add the package to `stylexPackages` (for
+example `stylexPackages: ['@stylexjs/', 'my-design-system']`) so the StyleX
+loader processes it.
+
+### Imports from my `.stylex.ts` token files disappear after the build
+
+That is tree-shaking removing imports that look unused after the transform. Keep
+the default `loaderOrder: 'first'`, which injects side-effect imports to protect
+them.
+
+### Can I run PostCSS on the generated CSS?
+
+Yes — through the `transformCss` option. The StyleX CSS is produced after the
+regular loader pipeline, so `postcss-loader` alone will not see it.
+
+### Is this an official StyleX package?
+
+No. It is a community-maintained alternative to the official tooling and is not
+affiliated with or supported by Meta.
 
 ## Documentation
 
-- [StyleX Documentation](https://stylexjs.com)
-- [NAPI-RS compiler for StyleX](https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/crates/stylex-rs-compiler)
+- [StyleX documentation](https://stylexjs.com)
+- [`@stylexswc/rs-compiler` compiler options](https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/crates/stylex-rs-compiler)
 
 ## Acknowledgments
 
 This plugin was inspired by
 [`stylex-webpack`](https://github.com/SukkaW/stylex-webpack).
+
+## License
+
+MIT — see
+[LICENSE](https://github.com/Dwlad90/stylex-swc-plugin/blob/develop/LICENSE)

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

package/dist/stylex-loader.js

@@ -30,7 +30,7 @@ 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);
+        const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions, inputSourceMap);
         let parsedMap = undefined;
         if (map) {
             try {

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import type webpack from 'webpack';
-import type { SupplementedLoaderContext } from './types';
+import type { SourceMap, SupplementedLoaderContext } from './types';
 import type { StyleXOptions, 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<StyleXOptions>): StyleXTransformResult;
+export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<StyleXOptions>, inputSourceMap?: SourceMap): 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":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,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,aAAa,CAAC,GAChC,qBAAqB,CAEvB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,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,aAAa,CAAC,EACjC,cAAc,CAAC,EAAE,SAAS,GACzB,qBAAqB,CAYvB"}

package/dist/utils.js

@@ -11,6 +11,14 @@ const isSupplementedLoaderContext = (context) => {
     return Object.prototype.hasOwnProperty.call(context, 'StyleXWebpackContextKey');
 };
 exports.isSupplementedLoaderContext = isSupplementedLoaderContext;
-function generateStyleXOutput(resourcePath, inputSource, rsOptions) {
-    return (0, rs_compiler_1.transform)(resourcePath, inputSource, (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {}));
+function generateStyleXOutput(resourcePath, inputSource, rsOptions, inputSourceMap) {
+    const options = (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {});
+    // Forward the previous loader's source map so debug source-map annotations
+    // and the emitted map resolve to the original authored file instead of the
+    // (possibly already transformed) loader input.
+    if (inputSourceMap != null && options.inputSourceMap === undefined) {
+        options.inputSourceMap =
+            typeof inputSourceMap === 'string' ? inputSourceMap : JSON.stringify(inputSourceMap);
+    }
+    return (0, rs_compiler_1.transform)(resourcePath, inputSource, options);
 }

package/package.json

@@ -1,26 +1,10 @@
 {
   "name": "@stylexswc/webpack-plugin",
-  "description": "StyleX webpack plugin with NAPI-RS compiler",
-  "version": "0.17.0-rc.4",
-  "config": {
-    "scripty": {
-      "path": "../../scripts/packages"
-    }
-  },
-  "dependencies": {
-    "@stylexjs/babel-plugin": "^0.19.0",
-    "@stylexswc/rs-compiler": "0.17.0-rc.4",
-    "loader-utils": "^3.3.1"
-  },
-  "devDependencies": {
-    "@stylexswc/eslint-config": "0.17.0-rc.4",
-    "@stylexswc/typescript-config": "0.17.0-rc.4",
-    "@types/loader-utils": "^3.0.0",
-    "@types/node": "^26.1.0",
-    "mini-css-extract-plugin": "^2.10.2",
-    "vitest": "^4.1.9",
-    "webpack": "^5.108.3"
-  },
+  "description": "StyleX plugin for webpack powered by a Rust NAPI-RS/SWC compiler. Fast StyleX transforms and CSS extraction without Babel.",
+  "version": "0.17.1-rc.1",
+  "private": false,
+  "license": "MIT",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -37,21 +21,49 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "config": {
+    "scripty": {
+      "path": "../../scripts/packages"
+    }
+  },
+  "dependencies": {
+    "@stylexjs/babel-plugin": "^0.19.0",
+    "@stylexswc/rs-compiler": "0.17.1-rc.1",
+    "loader-utils": "^3.3.1"
+  },
+  "devDependencies": {
+    "@stylexswc/eslint-config": "0.17.1-rc.1",
+    "@stylexswc/typescript-config": "0.17.1-rc.1",
+    "@types/loader-utils": "^3.0.0",
+    "@types/node": "^26.1.0",
+    "mini-css-extract-plugin": "^2.10.2",
+    "vitest": "^4.1.9",
+    "webpack": "^5.108.3"
+  },
+  "bugs": "https://github.com/Dwlad90/stylex-swc-plugin/issues",
+  "homepage": "https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/packages/webpack-plugin#readme",
   "keywords": [
+    "atomic-css",
+    "css-extraction",
+    "css-in-js",
+    "napi-rs",
+    "react",
+    "rust",
     "stylex",
     "swc",
     "webpack",
     "webpack-plugin"
   ],
-  "license": "MIT",
   "main": "dist/index.js",
-  "private": false,
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Dwlad90/stylex-swc-plugin.git",
+    "directory": "packages/webpack-plugin"
   },
-  "repository": "https://github.com/Dwlad90/stylex-swc-plugin",
-  "sideEffects": false,
   "scripts": {
     "build": "scripty --ts",
     "check:artifacts": "scripty",