@rsbuild/plugin-react 0.6.4 → 0.6.5

package/dist/index.d.ts

@@ -25,8 +25,9 @@ type PluginReactOptions = {
      * Configuration for chunk splitting of React-related dependencies.
      */
     splitChunks?: SplitReactChunkOptions;
+    enableProfiler?: boolean;
 };
 declare const PLUGIN_REACT_NAME = "rsbuild:react";
-declare const pluginReact: (options?: PluginReactOptions) => RsbuildPlugin;
+declare const pluginReact: ({ enableProfiler, ...options }?: PluginReactOptions) => RsbuildPlugin;
 
 export { PLUGIN_REACT_NAME, type PluginReactOptions, type SplitReactChunkOptions, pluginReact };

package/dist/index.js

@@ -116,14 +116,44 @@ var applyBasicReactSupport = (api, options) => {
     chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [{ include: [import_shared2.SCRIPT_REGEX] }]);
   });
 };
+var applyReactProfiler = (api) => {
+  api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
+    const enableProfilerConfig = {
+      output: {
+        minify: {
+          jsOptions: {
+            // Need to keep classnames and function names like Components for debugging purposes.
+            mangle: {
+              keep_classnames: true,
+              keep_fnames: true
+            }
+          }
+        }
+      }
+    };
+    return mergeRsbuildConfig(config, enableProfilerConfig);
+  });
+  api.modifyBundlerChain((chain) => {
+    chain.resolve.alias.set("react-dom$", "react-dom/profiling");
+    chain.resolve.alias.set("scheduler/tracing", "scheduler/tracing-profiling");
+  });
+};
 
 // src/index.ts
+var import_shared3 = require("@rsbuild/shared");
 var PLUGIN_REACT_NAME = "rsbuild:react";
-var pluginReact = (options = {}) => ({
+var pluginReact = ({
+  enableProfiler = false,
+  ...options
+} = {}) => ({
   name: PLUGIN_REACT_NAME,
   setup(api) {
+    const isEnvProductionProfile = enableProfiler && (0, import_shared3.getNodeEnv)() === "production";
     if (api.context.bundlerType === "rspack") {
       applyBasicReactSupport(api, options);
+      if (isEnvProductionProfile) {
+        applyReactProfiler(api);
+      }
     }
     applySplitChunksRule(api, options?.splitChunks);
   }

package/dist/index.mjs

@@ -102,14 +102,44 @@ var applyBasicReactSupport = (api, options) => {
     chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [{ include: [SCRIPT_REGEX] }]);
   });
 };
+var applyReactProfiler = (api) => {
+  api.modifyRsbuildConfig((config, { mergeRsbuildConfig }) => {
+    const enableProfilerConfig = {
+      output: {
+        minify: {
+          jsOptions: {
+            // Need to keep classnames and function names like Components for debugging purposes.
+            mangle: {
+              keep_classnames: true,
+              keep_fnames: true
+            }
+          }
+        }
+      }
+    };
+    return mergeRsbuildConfig(config, enableProfilerConfig);
+  });
+  api.modifyBundlerChain((chain) => {
+    chain.resolve.alias.set("react-dom$", "react-dom/profiling");
+    chain.resolve.alias.set("scheduler/tracing", "scheduler/tracing-profiling");
+  });
+};
 
 // src/index.ts
+import { getNodeEnv } from "@rsbuild/shared";
 var PLUGIN_REACT_NAME = "rsbuild:react";
-var pluginReact = (options = {}) => ({
+var pluginReact = ({
+  enableProfiler = false,
+  ...options
+} = {}) => ({
   name: PLUGIN_REACT_NAME,
   setup(api) {
+    const isEnvProductionProfile = enableProfiler && getNodeEnv() === "production";
     if (api.context.bundlerType === "rspack") {
       applyBasicReactSupport(api, options);
+      if (isEnvProductionProfile) {
+        applyReactProfiler(api);
+      }
     }
     applySplitChunksRule(api, options?.splitChunks);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -24,16 +24,16 @@
   "dependencies": {
     "@rspack/plugin-react-refresh": "0.6.2",
     "react-refresh": "^0.14.0",
-    "@rsbuild/shared": "0.6.4"
+    "@rsbuild/shared": "0.6.5"
   },
   "devDependencies": {
     "@types/node": "16.x",
     "typescript": "^5.4.2",
-    "@rsbuild/core": "0.6.4",
-    "@scripts/test-helper": "0.6.4"
+    "@rsbuild/core": "0.6.5",
+    "@scripts/test-helper": "0.6.5"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.6.4"
+    "@rsbuild/core": "^0.6.5"
   },
   "publishConfig": {
     "access": "public",