@rsbuild/plugin-react 0.0.0-next-20231207110454 → 0.0.0-next-20240104101129

package/dist/index.d.ts

@@ -1,12 +1,25 @@
 import { RsbuildPlugin } from '@rsbuild/core';
 
-declare const isBeyondReact17: (cwd: string) => Promise<boolean>;
+declare const isBeyondReact17: (cwd: string) => Promise<any>;
 
 type SplitReactChunkOptions = {
+    /**
+     * Whether to enable split chunking for React-related dependencies (e.g., react, react-dom, scheduler).
+     *
+     * @default true
+     */
     react?: boolean;
+    /**
+     * Whether to enable split chunking for routing-related dependencies (e.g., react-router, react-router-dom, history).
+     *
+     * @default true
+     */
     router?: boolean;
 };
 type PluginReactOptions = {
+    /**
+     * Configuration for chunk splitting of React-related dependencies.
+     */
     splitChunks?: SplitReactChunkOptions;
 };
 declare const pluginReact: (options?: PluginReactOptions) => RsbuildPlugin;

package/dist/index.js

@@ -63,7 +63,7 @@ var applyAntdSupport = (api) => {
         ...rsbuildConfig.source.transformImport || [],
         {
           libraryName: "antd",
-          libraryDirectory: (0, import_shared.isServerTarget)(api.context.target) ? "lib" : "es",
+          libraryDirectory: (0, import_shared.isServerTarget)(api.context.targets) ? "lib" : "es",
           style: true
         }
       ];
@@ -81,7 +81,7 @@ var applyArcoSupport = (api) => {
     if (transformImport === false || !(0, import_shared2.isPackageInstalled)(ARCO_NAME, api.context.rootPath)) {
       return;
     }
-    const isUseSSR = (0, import_shared2.isServerTarget)(api.context.target);
+    const isUseSSR = (0, import_shared2.isServerTarget)(api.context.targets);
     if (!transformImport?.some((item) => item.libraryName === ARCO_NAME)) {
       transformImport.push({
         libraryName: ARCO_NAME,
@@ -123,15 +123,15 @@ var applySplitChunksRule = (api, options = {
         "react",
         "react-dom",
         "scheduler",
-        ...(0, import_shared3.isProd)() ? [] : ["react-refresh", "@rspack/plugin-react-refresh"]
+        ...(0, import_shared3.isProd)() ? [] : ["react-refresh", /@rspack[\\/]plugin-react-refresh/]
       ];
     }
     if (options.router) {
       extraGroups.router = [
         "react-router",
         "react-router-dom",
-        "@remix-run/router",
-        "history"
+        "history",
+        /@remix-run[\\/]router/
       ];
     }
     if (!Object.keys(extraGroups).length) {
@@ -166,12 +166,9 @@ var setupCompiler = (compiler) => {
   if (!reactRefreshEntry) {
     return;
   }
-  for (const key in compiler.options.entry) {
-    compiler.options.entry[key].import = [
-      reactRefreshEntry,
-      ...compiler.options.entry[key].import || []
-    ];
-  }
+  new compiler.webpack.EntryPlugin(compiler.context, reactRefreshEntry, {
+    name: void 0
+  }).apply(compiler);
 };
 var applyBasicReactSupport = (api) => {
   api.onAfterCreateCompiler(({ compiler: multiCompiler }) => {
@@ -217,7 +214,7 @@ var applyBasicReactSupport = (api) => {
 
 // src/utils.ts
 var import_fs = __toESM(require("fs"));
-var import_semver = __toESM(require("semver"));
+var import_semver = __toESM(require("@rsbuild/shared/semver"));
 var import_shared5 = require("@rsbuild/shared");
 var isBeyondReact17 = async (cwd) => {
   const pkgPath = await (0, import_shared5.findUp)({ cwd, filename: "package.json" });

package/dist/index.mjs

@@ -6,7 +6,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.41.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.45.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
@@ -42,7 +42,7 @@ var applyAntdSupport = (api) => {
         ...rsbuildConfig.source.transformImport || [],
         {
           libraryName: "antd",
-          libraryDirectory: isServerTarget(api.context.target) ? "lib" : "es",
+          libraryDirectory: isServerTarget(api.context.targets) ? "lib" : "es",
           style: true
         }
       ];
@@ -63,7 +63,7 @@ var applyArcoSupport = (api) => {
     if (transformImport === false || !isPackageInstalled(ARCO_NAME, api.context.rootPath)) {
       return;
     }
-    const isUseSSR = isServerTarget2(api.context.target);
+    const isUseSSR = isServerTarget2(api.context.targets);
     if (!transformImport?.some((item) => item.libraryName === ARCO_NAME)) {
       transformImport.push({
         libraryName: ARCO_NAME,
@@ -109,15 +109,15 @@ var applySplitChunksRule = (api, options = {
         "react",
         "react-dom",
         "scheduler",
-        ...isProd() ? [] : ["react-refresh", "@rspack/plugin-react-refresh"]
+        ...isProd() ? [] : ["react-refresh", /@rspack[\\/]plugin-react-refresh/]
       ];
     }
     if (options.router) {
       extraGroups.router = [
         "react-router",
         "react-router-dom",
-        "@remix-run/router",
-        "history"
+        "history",
+        /@remix-run[\\/]router/
       ];
     }
     if (!Object.keys(extraGroups).length) {
@@ -154,12 +154,9 @@ var setupCompiler = (compiler) => {
   if (!reactRefreshEntry) {
     return;
   }
-  for (const key in compiler.options.entry) {
-    compiler.options.entry[key].import = [
-      reactRefreshEntry,
-      ...compiler.options.entry[key].import || []
-    ];
-  }
+  new compiler.webpack.EntryPlugin(compiler.context, reactRefreshEntry, {
+    name: void 0
+  }).apply(compiler);
 };
 var applyBasicReactSupport = (api) => {
   api.onAfterCreateCompiler(({ compiler: multiCompiler }) => {
@@ -205,7 +202,7 @@ var applyBasicReactSupport = (api) => {
 
 // src/utils.ts
 import fs from "fs";
-import semver from "semver";
+import semver from "@rsbuild/shared/semver";
 import { findUp } from "@rsbuild/shared";
 var isBeyondReact17 = async (cwd) => {
   const pkgPath = await findUp({ cwd, filename: "package.json" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.0.0-next-20231207110454",
+  "version": "0.0.0-next-20240104101129",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -22,17 +22,15 @@
     "dist"
   ],
   "dependencies": {
-    "@rspack/plugin-react-refresh": "0.4.2",
+    "@rspack/plugin-react-refresh": "0.4.5",
     "react-refresh": "^0.14.0",
-    "semver": "^7.5.4",
-    "@rsbuild/shared": "0.0.0-next-20231207110454"
+    "@rsbuild/shared": "0.0.0-next-20240104101129"
   },
   "devDependencies": {
-    "@types/node": "^16",
-    "@types/semver": "^7.5.4",
+    "@types/node": "16.x",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.0.0-next-20231207110454",
-    "@rsbuild/test-helper": "0.0.0-next-20231207110454"
+    "@rsbuild/core": "0.0.0-next-20240104101129",
+    "@rsbuild/test-helper": "0.0.0-next-20240104101129"
   },
   "publishConfig": {
     "access": "public",