@rsbuild/plugin-react 0.6.3 → 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

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.48.4/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.49.0_eslint@8.57.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
@@ -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.3",
+  "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.3"
+    "@rsbuild/shared": "0.6.5"
   },
   "devDependencies": {
     "@types/node": "16.x",
     "typescript": "^5.4.2",
-    "@rsbuild/core": "0.6.3",
-    "@scripts/test-helper": "0.6.3"
+    "@rsbuild/core": "0.6.5",
+    "@scripts/test-helper": "0.6.5"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.6.3"
+    "@rsbuild/core": "^0.6.5"
   },
   "publishConfig": {
     "access": "public",