@rsbuild/plugin-react 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -1,187 +1,253 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+var __webpack_modules__ = {
+    "@rspack/plugin-react-refresh": function(module1) {
+        module1.exports = require("@rspack/plugin-react-refresh");
+    }
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  PLUGIN_REACT_NAME: () => PLUGIN_REACT_NAME,
-  pluginReact: () => pluginReact
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/react.ts
-var import_node_path = __toESM(require("path"));
-var applyBasicReactSupport = (api, options) => {
-  const REACT_REFRESH_PATH = require.resolve("react-refresh");
-  api.modifyEnvironmentConfig((userConfig, { mergeEnvironmentConfig }) => {
-    const isDev = userConfig.mode === "development";
-    const reactOptions = {
-      development: isDev,
-      refresh: isDev && userConfig.dev.hmr && userConfig.output.target === "web",
-      runtime: "automatic",
-      ...options.swcReactOptions
+/************************************************************************/ // The module cache
+var __webpack_module_cache__ = {};
+// The require function
+function __webpack_require__(moduleId) {
+    // Check if module is in cache
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    // Create a new module (and put it into the cache)
+    var module1 = __webpack_module_cache__[moduleId] = {
+        exports: {}
     };
-    const extraConfig = {
-      tools: {
-        swc: {
-          jsc: {
-            parser: {
-              syntax: "typescript",
-              // enable supports for JSX/TSX compilation
-              tsx: true
-            },
-            transform: {
-              react: reactOptions
-            }
-          }
-        }
-      }
+    // Execute the module function
+    __webpack_modules__[moduleId](module1, module1.exports, __webpack_require__);
+    // Return the exports of the module
+    return module1.exports;
+}
+/************************************************************************/ // webpack/runtime/compat_get_default_export
+(()=>{
+    // getDefaultExport function for compatibility with non-harmony modules
+    __webpack_require__.n = function(module1) {
+        var getter = module1 && module1.__esModule ? function() {
+            return module1['default'];
+        } : function() {
+            return module1;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
     };
-    return mergeEnvironmentConfig(extraConfig, userConfig);
-  });
-  api.modifyBundlerChain(
-    async (chain, { CHAIN_ID, environment, isDev, target }) => {
-      const { config } = environment;
-      const usingHMR = isDev && config.dev.hmr && target === "web";
-      if (!usingHMR) {
-        return;
-      }
-      chain.resolve.alias.set(
-        "react-refresh",
-        import_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)$/;
-      const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
-      chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [
-        {
-          include: [SCRIPT_REGEX],
-          exclude: [NODE_MODULES_REGEX],
-          ...options.reactRefreshOptions
+})();
+// webpack/runtime/create_fake_namespace_object
+(()=>{
+    var getProto = Object.getPrototypeOf ? function(obj) {
+        return Object.getPrototypeOf(obj);
+    } : function(obj) {
+        return obj.__proto__;
+    };
+    var leafPrototypes;
+    // create a fake namespace object
+    // mode & 1: value is a module id, require it
+    // mode & 2: merge all properties of value into the ns
+    // mode & 4: return value when already ns object
+    // mode & 16: return value when it's Promise-like
+    // mode & 8|1: behave like require
+    __webpack_require__.t = function(value, mode) {
+        if (1 & mode) value = this(value);
+        if (8 & mode) return value;
+        if ('object' == typeof value && value) {
+            if (4 & mode && value.__esModule) return value;
+            if (16 & mode && 'function' == typeof value.then) return value;
         }
-      ]);
-    }
-  );
+        var ns = Object.create(null);
+        __webpack_require__.r(ns);
+        var def = {};
+        leafPrototypes = leafPrototypes || [
+            null,
+            getProto({}),
+            getProto([]),
+            getProto(getProto)
+        ];
+        for(var current = 2 & mode && value; 'object' == typeof current && !~leafPrototypes.indexOf(current); current = getProto(current))Object.getOwnPropertyNames(current).forEach(function(key) {
+            def[key] = function() {
+                return value[key];
+            };
+        });
+        def['default'] = function() {
+            return value;
+        };
+        __webpack_require__.d(ns, def);
+        return ns;
+    };
+})();
+// webpack/runtime/define_property_getters
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+// webpack/runtime/has_own_property
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+// webpack/runtime/make_namespace_object
+(()=>{
+    // define __esModule on exports
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+/************************************************************************/ var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+    PLUGIN_REACT_NAME: ()=>/* binding */ PLUGIN_REACT_NAME,
+    pluginReact: ()=>/* binding */ pluginReact
+});
+const external_node_module_namespaceObject = require("node:module");
+const external_node_path_namespaceObject = require("node:path");
+var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
+const react_require = (0, external_node_module_namespaceObject.createRequire)(/*#__PURE__*/ function() {
+    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 reactOptions = {
+            development: isDev,
+            refresh: isDev && userConfig.dev.hmr && 'web' === userConfig.output.target,
+            runtime: 'automatic',
+            ...options.swcReactOptions
+        };
+        const extraConfig = {
+            tools: {
+                swc: {
+                    jsc: {
+                        parser: {
+                            syntax: 'typescript',
+                            // enable supports for JSX/TSX compilation
+                            tsx: true
+                        },
+                        transform: {
+                            react: reactOptions
+                        }
+                    }
+                }
+            }
+        };
+        return mergeEnvironmentConfig(extraConfig, userConfig);
+    });
+    api.modifyBundlerChain(async (chain, param)=>{
+        let { CHAIN_ID, environment, isDev, target } = param;
+        const { config } = environment;
+        const usingHMR = isDev && config.dev.hmr && 'web' === target;
+        if (!usingHMR) 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)$/;
+        const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
+        chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [
+            {
+                include: [
+                    SCRIPT_REGEX
+                ],
+                exclude: [
+                    NODE_MODULES_REGEX
+                ],
+                ...options.reactRefreshOptions
+            }
+        ]);
+    });
 };
-var applyReactProfiler = (api) => {
-  api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig }) => {
-    if (config.mode !== "production") {
-      return;
-    }
-    const enableProfilerConfig = {
-      output: {
-        minify: {
-          jsOptions: {
-            minimizerOptions: {
-              // Need to keep classnames and function names like Components for debugging purposes.
-              mangle: {
-                keep_classnames: true,
-                keep_fnames: true
-              }
+const applyReactProfiler = (api)=>{
+    api.modifyEnvironmentConfig((config, param)=>{
+        let { mergeEnvironmentConfig } = param;
+        if ('production' !== config.mode) return;
+        const enableProfilerConfig = {
+            output: {
+                minify: {
+                    jsOptions: {
+                        minimizerOptions: {
+                            // Need to keep classnames and function names like Components for debugging purposes.
+                            mangle: {
+                                keep_classnames: true,
+                                keep_fnames: true
+                            }
+                        }
+                    }
+                }
             }
-          }
-        }
-      }
-    };
-    return mergeEnvironmentConfig(config, enableProfilerConfig);
-  });
-  api.modifyBundlerChain((chain, { isProd }) => {
-    if (!isProd) {
-      return;
-    }
-    chain.resolve.alias.set("react-dom$", "react-dom/profiling");
-    chain.resolve.alias.set("scheduler/tracing", "scheduler/tracing-profiling");
-  });
+        };
+        return mergeEnvironmentConfig(config, enableProfilerConfig);
+    });
+    api.modifyBundlerChain((chain, param)=>{
+        let { isProd } = param;
+        if (!isProd) return;
+        // Replace react-dom with the profiling version.
+        // Reference: https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977
+        chain.resolve.alias.set('react-dom$', 'react-dom/profiling');
+        chain.resolve.alias.set('scheduler/tracing', 'scheduler/tracing-profiling');
+    });
 };
-
-// src/splitChunks.ts
-var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
-var applySplitChunksRule = (api, options = {
-  react: true,
-  router: true
-}) => {
-  api.modifyBundlerChain((chain, { environment, isProd }) => {
-    const { config } = environment;
-    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
-      return;
-    }
-    const currentConfig = chain.optimization.splitChunks.values();
-    if (!isPlainObject(currentConfig)) {
-      return;
-    }
-    const extraGroups = {};
-    if (options.react) {
-      extraGroups.react = {
-        name: "lib-react",
-        test: isProd ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
-        priority: 0
-      };
-    }
-    if (options.router) {
-      extraGroups.router = {
-        name: "lib-router",
-        test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
-        priority: 0
-      };
-    }
-    if (!Object.keys(extraGroups).length) {
-      return;
-    }
-    chain.optimization.splitChunks({
-      ...currentConfig,
-      cacheGroups: {
-        ...currentConfig.cacheGroups,
-        ...extraGroups
-      }
+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 { config } = environment;
+        if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
+        const currentConfig = chain.optimization.splitChunks.values();
+        if (!isPlainObject(currentConfig)) return;
+        const extraGroups = {};
+        if (options.react) extraGroups.react = {
+            name: 'lib-react',
+            test: isProd ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
+            priority: 0
+        };
+        if (options.router) extraGroups.router = {
+            name: 'lib-router',
+            test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
+            priority: 0
+        };
+        if (!Object.keys(extraGroups).length) return;
+        chain.optimization.splitChunks({
+            ...currentConfig,
+            cacheGroups: {
+                ...currentConfig.cacheGroups,
+                ...extraGroups
+            }
+        });
     });
-  });
 };
-
-// src/index.ts
-var PLUGIN_REACT_NAME = "rsbuild:react";
-var pluginReact = ({
-  enableProfiler = false,
-  ...options
-} = {}) => ({
-  name: PLUGIN_REACT_NAME,
-  setup(api) {
-    if (api.context.bundlerType === "rspack") {
-      applyBasicReactSupport(api, options);
-      if (enableProfiler) {
-        applyReactProfiler(api);
-      }
-    }
-    applySplitChunksRule(api, options?.splitChunks);
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PLUGIN_REACT_NAME,
-  pluginReact
+const PLUGIN_REACT_NAME = 'rsbuild:react';
+const pluginReact = function() {
+    let { enableProfiler = false, ...options } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    return {
+        name: PLUGIN_REACT_NAME,
+        setup (api) {
+            if ('rspack' === api.context.bundlerType) {
+                applyBasicReactSupport(api, options);
+                if (enableProfiler) applyReactProfiler(api);
+            }
+            applySplitChunksRule(api, null == options ? void 0 : options.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', {
+    value: true
 });

package/dist/index.js

@@ -1,164 +1,132 @@
-import { createRequire } from 'module';
-var require = createRequire(import.meta['url']);
-
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.60.1_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
-import path from "path";
-import { fileURLToPath } from "url";
-
-// src/react.ts
-import path2 from "path";
-var applyBasicReactSupport = (api, options) => {
-  const REACT_REFRESH_PATH = __require.resolve("react-refresh");
-  api.modifyEnvironmentConfig((userConfig, { mergeEnvironmentConfig }) => {
-    const isDev = userConfig.mode === "development";
-    const reactOptions = {
-      development: isDev,
-      refresh: isDev && userConfig.dev.hmr && userConfig.output.target === "web",
-      runtime: "automatic",
-      ...options.swcReactOptions
-    };
-    const extraConfig = {
-      tools: {
-        swc: {
-          jsc: {
-            parser: {
-              syntax: "typescript",
-              // enable supports for JSX/TSX compilation
-              tsx: true
-            },
-            transform: {
-              react: reactOptions
+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 reactOptions = {
+            development: isDev,
+            refresh: isDev && userConfig.dev.hmr && 'web' === userConfig.output.target,
+            runtime: 'automatic',
+            ...options.swcReactOptions
+        };
+        const extraConfig = {
+            tools: {
+                swc: {
+                    jsc: {
+                        parser: {
+                            syntax: 'typescript',
+                            // enable supports for JSX/TSX compilation
+                            tsx: true
+                        },
+                        transform: {
+                            react: reactOptions
+                        }
+                    }
+                }
             }
-          }
-        }
-      }
-    };
-    return mergeEnvironmentConfig(extraConfig, userConfig);
-  });
-  api.modifyBundlerChain(
-    async (chain, { CHAIN_ID, environment, isDev, target }) => {
-      const { config } = environment;
-      const usingHMR = isDev && config.dev.hmr && target === "web";
-      if (!usingHMR) {
-        return;
-      }
-      chain.resolve.alias.set(
-        "react-refresh",
-        path2.dirname(REACT_REFRESH_PATH)
-      );
-      const { default: ReactRefreshRspackPlugin } = await import("@rspack/plugin-react-refresh");
-      const SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
-      const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
-      chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [
-        {
-          include: [SCRIPT_REGEX],
-          exclude: [NODE_MODULES_REGEX],
-          ...options.reactRefreshOptions
-        }
-      ]);
-    }
-  );
+        };
+        return mergeEnvironmentConfig(extraConfig, userConfig);
+    });
+    api.modifyBundlerChain(async (chain, param)=>{
+        let { CHAIN_ID, environment, isDev, target } = param;
+        const { config } = environment;
+        const usingHMR = isDev && config.dev.hmr && 'web' === target;
+        if (!usingHMR) 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)$/;
+        const NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
+        chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin, [
+            {
+                include: [
+                    SCRIPT_REGEX
+                ],
+                exclude: [
+                    NODE_MODULES_REGEX
+                ],
+                ...options.reactRefreshOptions
+            }
+        ]);
+    });
 };
-var applyReactProfiler = (api) => {
-  api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig }) => {
-    if (config.mode !== "production") {
-      return;
-    }
-    const enableProfilerConfig = {
-      output: {
-        minify: {
-          jsOptions: {
-            minimizerOptions: {
-              // Need to keep classnames and function names like Components for debugging purposes.
-              mangle: {
-                keep_classnames: true,
-                keep_fnames: true
-              }
+const applyReactProfiler = (api)=>{
+    api.modifyEnvironmentConfig((config, param)=>{
+        let { mergeEnvironmentConfig } = param;
+        if ('production' !== config.mode) return;
+        const enableProfilerConfig = {
+            output: {
+                minify: {
+                    jsOptions: {
+                        minimizerOptions: {
+                            // Need to keep classnames and function names like Components for debugging purposes.
+                            mangle: {
+                                keep_classnames: true,
+                                keep_fnames: true
+                            }
+                        }
+                    }
+                }
             }
-          }
-        }
-      }
-    };
-    return mergeEnvironmentConfig(config, enableProfilerConfig);
-  });
-  api.modifyBundlerChain((chain, { isProd }) => {
-    if (!isProd) {
-      return;
-    }
-    chain.resolve.alias.set("react-dom$", "react-dom/profiling");
-    chain.resolve.alias.set("scheduler/tracing", "scheduler/tracing-profiling");
-  });
+        };
+        return mergeEnvironmentConfig(config, enableProfilerConfig);
+    });
+    api.modifyBundlerChain((chain, param)=>{
+        let { isProd } = param;
+        if (!isProd) return;
+        // Replace react-dom with the profiling version.
+        // Reference: https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977
+        chain.resolve.alias.set('react-dom$', 'react-dom/profiling');
+        chain.resolve.alias.set('scheduler/tracing', 'scheduler/tracing-profiling');
+    });
 };
-
-// src/splitChunks.ts
-var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
-var applySplitChunksRule = (api, options = {
-  react: true,
-  router: true
-}) => {
-  api.modifyBundlerChain((chain, { environment, isProd }) => {
-    const { config } = environment;
-    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
-      return;
-    }
-    const currentConfig = chain.optimization.splitChunks.values();
-    if (!isPlainObject(currentConfig)) {
-      return;
-    }
-    const extraGroups = {};
-    if (options.react) {
-      extraGroups.react = {
-        name: "lib-react",
-        test: isProd ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
-        priority: 0
-      };
-    }
-    if (options.router) {
-      extraGroups.router = {
-        name: "lib-router",
-        test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
-        priority: 0
-      };
-    }
-    if (!Object.keys(extraGroups).length) {
-      return;
-    }
-    chain.optimization.splitChunks({
-      ...currentConfig,
-      cacheGroups: {
-        ...currentConfig.cacheGroups,
-        ...extraGroups
-      }
+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 { config } = environment;
+        if ('split-by-experience' !== config.performance.chunkSplit.strategy) return;
+        const currentConfig = chain.optimization.splitChunks.values();
+        if (!isPlainObject(currentConfig)) return;
+        const extraGroups = {};
+        if (options.react) extraGroups.react = {
+            name: 'lib-react',
+            test: isProd ? /node_modules[\\/](?:react|react-dom|scheduler)[\\/]/ : /node_modules[\\/](?:react|react-dom|scheduler|react-refresh|@rspack[\\/]plugin-react-refresh)[\\/]/,
+            priority: 0
+        };
+        if (options.router) extraGroups.router = {
+            name: 'lib-router',
+            test: /node_modules[\\/](?:react-router|react-router-dom|history|@remix-run[\\/]router)[\\/]/,
+            priority: 0
+        };
+        if (!Object.keys(extraGroups).length) return;
+        chain.optimization.splitChunks({
+            ...currentConfig,
+            cacheGroups: {
+                ...currentConfig.cacheGroups,
+                ...extraGroups
+            }
+        });
     });
-  });
 };
-
-// src/index.ts
-var PLUGIN_REACT_NAME = "rsbuild:react";
-var pluginReact = ({
-  enableProfiler = false,
-  ...options
-} = {}) => ({
-  name: PLUGIN_REACT_NAME,
-  setup(api) {
-    if (api.context.bundlerType === "rspack") {
-      applyBasicReactSupport(api, options);
-      if (enableProfiler) {
-        applyReactProfiler(api);
-      }
-    }
-    applySplitChunksRule(api, options?.splitChunks);
-  }
-});
-export {
-  PLUGIN_REACT_NAME,
-  pluginReact
+const PLUGIN_REACT_NAME = 'rsbuild:react';
+const pluginReact = function() {
+    let { enableProfiler = false, ...options } = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    return {
+        name: PLUGIN_REACT_NAME,
+        setup (api) {
+            if ('rspack' === api.context.bundlerType) {
+                applyBasicReactSupport(api, options);
+                if (enableProfiler) applyReactProfiler(api);
+            }
+            applySplitChunksRule(api, null == options ? void 0 : options.splitChunks);
+        }
+    };
 };
+export { PLUGIN_REACT_NAME, pluginReact };

package/{dist-types → dist}/react.d.ts

@@ -1,4 +1,4 @@
 import type { RsbuildPluginAPI } from '@rsbuild/core';
-import type { PluginReactOptions } from '.';
+import type { PluginReactOptions } from './index.js';
 export declare const applyBasicReactSupport: (api: RsbuildPluginAPI, options: PluginReactOptions) => void;
 export declare const applyReactProfiler: (api: RsbuildPluginAPI) => void;

package/{dist-types → dist}/splitChunks.d.ts

@@ -1,3 +1,3 @@
 import type { RsbuildPluginAPI } from '@rsbuild/core';
-import type { SplitReactChunkOptions } from '.';
+import type { SplitReactChunkOptions } from './index.js';
 export declare const applySplitChunksRule: (api: RsbuildPluginAPI, options?: SplitReactChunkOptions) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -11,25 +11,24 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist-types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
-  "types": "./dist-types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "dist-types"
+    "dist"
   ],
   "dependencies": {
-    "@rspack/plugin-react-refresh": "1.0.0",
+    "@rspack/plugin-react-refresh": "~1.0.0",
     "react-refresh": "^0.14.2"
   },
   "devDependencies": {
     "@types/node": "18.x",
-    "typescript": "^5.5.2",
-    "@rsbuild/core": "1.0.8",
+    "typescript": "^5.6.3",
+    "@rsbuild/core": "1.0.14",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {
@@ -41,7 +40,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build --watch"
+    "build": "rslib build",
+    "dev": "rslib build --watch"
   }
 }

package/dist-types/package.json

@@ -1 +0,0 @@
-{"//":"This file is for making TypeScript work with moduleResolution node16+.","version":"1.0.0"}