@rsbuild/plugin-react 1.0.4 → 1.0.6

package/dist/index.cjs

@@ -22,7 +22,7 @@ function __webpack_require__(moduleId) {
 }
 /************************************************************************/ // webpack/runtime/compat_get_default_export
 (()=>{
-    // getDefaultExport function for compatibility with non-harmony modules
+    // getDefaultExport function for compatibility with non-ESM modules
     __webpack_require__.n = function(module1) {
         var getter = module1 && module1.__esModule ? function() {
             return module1['default'];
@@ -119,13 +119,13 @@ const react_require = (0, external_node_module_namespaceObject.createRequire)(/*
     return 'undefined' == typeof document ? new (module.require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 }());
 const applyBasicReactSupport = (api, options)=>{
-    const REACT_REFRESH_PATH = react_require.resolve('react-refresh');
-    api.modifyEnvironmentConfig((userConfig, param)=>{
-        let { mergeEnvironmentConfig } = param;
-        const isDev = 'development' === userConfig.mode;
+    const REACT_REFRESH_PATH = options.fastRefresh ? react_require.resolve('react-refresh') : '';
+    api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
+        const isDev = 'development' === config.mode;
+        const usingHMR = isDev && config.dev.hmr && 'web' === config.output.target;
         const reactOptions = {
             development: isDev,
-            refresh: isDev && userConfig.dev.hmr && 'web' === userConfig.output.target,
+            refresh: usingHMR && options.fastRefresh,
             runtime: 'automatic',
             ...options.swcReactOptions
         };
@@ -145,13 +145,12 @@ const applyBasicReactSupport = (api, options)=>{
                 }
             }
         };
-        return mergeEnvironmentConfig(extraConfig, userConfig);
+        return mergeEnvironmentConfig(extraConfig, config);
     });
-    api.modifyBundlerChain(async (chain, param)=>{
-        let { CHAIN_ID, environment, isDev, target } = param;
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev, target })=>{
         const { config } = environment;
         const usingHMR = isDev && config.dev.hmr && 'web' === target;
-        if (!usingHMR) return;
+        if (!usingHMR || !options.fastRefresh) return;
         chain.resolve.alias.set('react-refresh', external_node_path_default().dirname(REACT_REFRESH_PATH));
         const { default: ReactRefreshRspackPlugin } = await Promise.resolve().then(__webpack_require__.t.bind(__webpack_require__, "@rspack/plugin-react-refresh", 23));
         const SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
@@ -170,8 +169,7 @@ const applyBasicReactSupport = (api, options)=>{
     });
 };
 const applyReactProfiler = (api)=>{
-    api.modifyEnvironmentConfig((config, param)=>{
-        let { mergeEnvironmentConfig } = param;
+    api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
         if ('production' !== config.mode) return;
         const enableProfilerConfig = {
             output: {
@@ -190,8 +188,7 @@ const applyReactProfiler = (api)=>{
         };
         return mergeEnvironmentConfig(config, enableProfilerConfig);
     });
-    api.modifyBundlerChain((chain, param)=>{
-        let { isProd } = param;
+    api.modifyBundlerChain((chain, { isProd })=>{
         if (!isProd) return;
         // Replace react-dom with the profiling version.
         // Reference: https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977
@@ -200,13 +197,11 @@ const applyReactProfiler = (api)=>{
     });
 };
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
-const applySplitChunksRule = function(api) {
-    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
-        react: true,
-        router: true
-    };
-    api.modifyBundlerChain((chain, param)=>{
-        let { environment, isProd } = param;
+const applySplitChunksRule = (api, options = {
+    react: true,
+    router: true
+})=>{
+    api.modifyBundlerChain((chain, { environment, isProd })=>{
         const { config } = environment;
         if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
         const currentConfig = chain.optimization.splitChunks.values();
@@ -233,19 +228,24 @@ const applySplitChunksRule = function(api) {
     });
 };
 const PLUGIN_REACT_NAME = 'rsbuild:react';
-const pluginReact = function() {
-    let { enableProfiler = false, ...options } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    return {
+const pluginReact = (options = {})=>({
         name: PLUGIN_REACT_NAME,
         setup (api) {
+            const defaultOptions = {
+                fastRefresh: true,
+                enableProfiler: false
+            };
+            const finalOptions = {
+                ...defaultOptions,
+                ...options
+            };
             if ('rspack' === api.context.bundlerType) {
-                applyBasicReactSupport(api, options);
-                if (enableProfiler) applyReactProfiler(api);
+                applyBasicReactSupport(api, finalOptions);
+                if (finalOptions.enableProfiler) applyReactProfiler(api);
             }
-            applySplitChunksRule(api, null == options ? void 0 : options.splitChunks);
+            applySplitChunksRule(api, null == finalOptions ? void 0 : finalOptions.splitChunks);
         }
-    };
-};
+    });
 var __webpack_export_target__ = exports;
 for(var i in __webpack_exports__)__webpack_export_target__[i] = __webpack_exports__[i];
 if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {

package/dist/index.d.ts

@@ -34,6 +34,11 @@ export type PluginReactOptions = {
      * @see https://rspack.dev/guide/tech/react#rspackplugin-react-refresh
      */
     reactRefreshOptions?: ReactRefreshOptions;
+    /**
+     * Whether to enable React Fast Refresh in development mode.
+     * @default true
+     */
+    fastRefresh?: boolean;
 };
 export declare const PLUGIN_REACT_NAME = "rsbuild:react";
-export declare const pluginReact: ({ enableProfiler, ...options }?: PluginReactOptions) => RsbuildPlugin;
+export declare const pluginReact: (options?: PluginReactOptions) => RsbuildPlugin;

package/dist/index.js

@@ -2,13 +2,13 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_module__ from "node:module";
 import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
 const react_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module__.createRequire)(import.meta.url);
 const applyBasicReactSupport = (api, options)=>{
-    const REACT_REFRESH_PATH = react_require.resolve('react-refresh');
-    api.modifyEnvironmentConfig((userConfig, param)=>{
-        let { mergeEnvironmentConfig } = param;
-        const isDev = 'development' === userConfig.mode;
+    const REACT_REFRESH_PATH = options.fastRefresh ? react_require.resolve('react-refresh') : '';
+    api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
+        const isDev = 'development' === config.mode;
+        const usingHMR = isDev && config.dev.hmr && 'web' === config.output.target;
         const reactOptions = {
             development: isDev,
-            refresh: isDev && userConfig.dev.hmr && 'web' === userConfig.output.target,
+            refresh: usingHMR && options.fastRefresh,
             runtime: 'automatic',
             ...options.swcReactOptions
         };
@@ -28,13 +28,12 @@ const applyBasicReactSupport = (api, options)=>{
                 }
             }
         };
-        return mergeEnvironmentConfig(extraConfig, userConfig);
+        return mergeEnvironmentConfig(extraConfig, config);
     });
-    api.modifyBundlerChain(async (chain, param)=>{
-        let { CHAIN_ID, environment, isDev, target } = param;
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment, isDev, target })=>{
         const { config } = environment;
         const usingHMR = isDev && config.dev.hmr && 'web' === target;
-        if (!usingHMR) return;
+        if (!usingHMR || !options.fastRefresh) return;
         chain.resolve.alias.set('react-refresh', __WEBPACK_EXTERNAL_MODULE_node_path__["default"].dirname(REACT_REFRESH_PATH));
         const { default: ReactRefreshRspackPlugin } = await import("@rspack/plugin-react-refresh");
         const SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
@@ -53,8 +52,7 @@ const applyBasicReactSupport = (api, options)=>{
     });
 };
 const applyReactProfiler = (api)=>{
-    api.modifyEnvironmentConfig((config, param)=>{
-        let { mergeEnvironmentConfig } = param;
+    api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
         if ('production' !== config.mode) return;
         const enableProfilerConfig = {
             output: {
@@ -73,8 +71,7 @@ const applyReactProfiler = (api)=>{
         };
         return mergeEnvironmentConfig(config, enableProfilerConfig);
     });
-    api.modifyBundlerChain((chain, param)=>{
-        let { isProd } = param;
+    api.modifyBundlerChain((chain, { isProd })=>{
         if (!isProd) return;
         // Replace react-dom with the profiling version.
         // Reference: https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977
@@ -83,13 +80,11 @@ const applyReactProfiler = (api)=>{
     });
 };
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
-const applySplitChunksRule = function(api) {
-    let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
-        react: true,
-        router: true
-    };
-    api.modifyBundlerChain((chain, param)=>{
-        let { environment, isProd } = param;
+const applySplitChunksRule = (api, options = {
+    react: true,
+    router: true
+})=>{
+    api.modifyBundlerChain((chain, { environment, isProd })=>{
         const { config } = environment;
         if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
         const currentConfig = chain.optimization.splitChunks.values();
@@ -116,17 +111,22 @@ const applySplitChunksRule = function(api) {
     });
 };
 const PLUGIN_REACT_NAME = 'rsbuild:react';
-const pluginReact = function() {
-    let { enableProfiler = false, ...options } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    return {
+const pluginReact = (options = {})=>({
         name: PLUGIN_REACT_NAME,
         setup (api) {
+            const defaultOptions = {
+                fastRefresh: true,
+                enableProfiler: false
+            };
+            const finalOptions = {
+                ...defaultOptions,
+                ...options
+            };
             if ('rspack' === api.context.bundlerType) {
-                applyBasicReactSupport(api, options);
-                if (enableProfiler) applyReactProfiler(api);
+                applyBasicReactSupport(api, finalOptions);
+                if (finalOptions.enableProfiler) applyReactProfiler(api);
             }
-            applySplitChunksRule(api, null == options ? void 0 : options.splitChunks);
+            applySplitChunksRule(api, null == finalOptions ? void 0 : finalOptions.splitChunks);
         }
-    };
-};
+    });
 export { PLUGIN_REACT_NAME, pluginReact };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -28,11 +28,11 @@
   "devDependencies": {
     "@types/node": "18.x",
     "typescript": "^5.6.3",
-    "@rsbuild/core": "1.0.14",
+    "@rsbuild/core": "1.0.19",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {
-    "@rsbuild/core": "1.x || ^1.0.1-rc.0"
+    "@rsbuild/core": "1.x"
   },
   "publishConfig": {
     "access": "public",