@rsbuild/plugin-react 0.2.16 → 0.2.18

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { RsbuildPlugin } from '@rsbuild/core';
+import { SwcReactConfig } from '@rsbuild/shared';
 
 declare const isBeyondReact17: (cwd: string) => Promise<any>;
 
@@ -17,6 +18,11 @@ type SplitReactChunkOptions = {
     router?: boolean;
 };
 type PluginReactOptions = {
+    /**
+     * Configure the behavior of SWC to transform React code,
+     * the same as SWC's [jsc.transform.react](https://swc.rs/docs/configuration/compilation#jsctransformreact).
+     */
+    swcReactOptions?: SwcReactConfig;
     /**
      * Configuration for chunk splitting of React-related dependencies.
      */

package/dist/index.js

@@ -170,7 +170,7 @@ var setupCompiler = (compiler) => {
     name: void 0
   }).apply(compiler);
 };
-var applyBasicReactSupport = (api) => {
+var applyBasicReactSupport = (api, options) => {
   api.onAfterCreateCompiler(({ compiler: multiCompiler }) => {
     if ((0, import_shared4.isProd)()) {
       return;
@@ -188,20 +188,21 @@ var applyBasicReactSupport = (api) => {
     const reactOptions = {
       development: !isProd3,
       refresh: usingHMR,
-      runtime: "automatic"
+      runtime: "automatic",
+      ...options.swcReactOptions
     };
-    rule.use(CHAIN_ID.USE.SWC).tap((options) => {
-      options.jsc.transform.react = {
+    rule.use(CHAIN_ID.USE.SWC).tap((options2) => {
+      options2.jsc.transform.react = {
         ...reactOptions
       };
-      return options;
+      return options2;
     });
     if (chain.module.rules.has(CHAIN_ID.RULE.JS_DATA_URI)) {
-      chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).use(CHAIN_ID.USE.SWC).tap((options) => {
-        options.jsc.transform.react = {
+      chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).use(CHAIN_ID.USE.SWC).tap((options2) => {
+        options2.jsc.transform.react = {
           ...reactOptions
         };
-        return options;
+        return options2;
       });
     }
     if (!usingHMR) {
@@ -238,7 +239,7 @@ var pluginReact = (options = {}) => ({
   pre: ["rsbuild:swc"],
   setup(api) {
     if (api.context.bundlerType === "rspack") {
-      applyBasicReactSupport(api);
+      applyBasicReactSupport(api, options);
     }
     applyAntdSupport(api);
     applyArcoSupport(api);

package/dist/index.mjs

@@ -134,7 +134,11 @@ var applySplitChunksRule = (api, options = {
 };
 
 // src/react.ts
-import { isUsingHMR, isClientCompiler, isProd as isProd2 } from "@rsbuild/shared";
+import {
+  isProd as isProd2,
+  isUsingHMR,
+  isClientCompiler
+} from "@rsbuild/shared";
 function getReactRefreshEntry(compiler) {
   const hot = compiler.options.devServer?.hot ?? true;
   const refresh = compiler.options.builtins?.react?.refresh ?? true;
@@ -158,7 +162,7 @@ var setupCompiler = (compiler) => {
     name: void 0
   }).apply(compiler);
 };
-var applyBasicReactSupport = (api) => {
+var applyBasicReactSupport = (api, options) => {
   api.onAfterCreateCompiler(({ compiler: multiCompiler }) => {
     if (isProd2()) {
       return;
@@ -176,20 +180,21 @@ var applyBasicReactSupport = (api) => {
     const reactOptions = {
       development: !isProd3,
       refresh: usingHMR,
-      runtime: "automatic"
+      runtime: "automatic",
+      ...options.swcReactOptions
     };
-    rule.use(CHAIN_ID.USE.SWC).tap((options) => {
-      options.jsc.transform.react = {
+    rule.use(CHAIN_ID.USE.SWC).tap((options2) => {
+      options2.jsc.transform.react = {
         ...reactOptions
       };
-      return options;
+      return options2;
     });
     if (chain.module.rules.has(CHAIN_ID.RULE.JS_DATA_URI)) {
-      chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).use(CHAIN_ID.USE.SWC).tap((options) => {
-        options.jsc.transform.react = {
+      chain.module.rule(CHAIN_ID.RULE.JS_DATA_URI).use(CHAIN_ID.USE.SWC).tap((options2) => {
+        options2.jsc.transform.react = {
           ...reactOptions
         };
-        return options;
+        return options2;
       });
     }
     if (!usingHMR) {
@@ -226,7 +231,7 @@ var pluginReact = (options = {}) => ({
   pre: ["rsbuild:swc"],
   setup(api) {
     if (api.context.bundlerType === "rspack") {
-      applyBasicReactSupport(api);
+      applyBasicReactSupport(api, options);
     }
     applyAntdSupport(api);
     applyArcoSupport(api);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -24,13 +24,13 @@
   "dependencies": {
     "@rspack/plugin-react-refresh": "0.4.5",
     "react-refresh": "^0.14.0",
-    "@rsbuild/shared": "0.2.16"
+    "@rsbuild/shared": "0.2.18"
   },
   "devDependencies": {
     "@types/node": "16.x",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.2.16",
-    "@rsbuild/test-helper": "0.2.16"
+    "@rsbuild/core": "0.2.18",
+    "@rsbuild/test-helper": "0.2.18"
   },
   "publishConfig": {
     "access": "public",