@rsbuild/plugin-react 0.0.0-next-20240514150515 → 0.0.0-next-20240528072128

package/dist/index.cjs

@@ -39,6 +39,21 @@ var import_shared3 = require("@rsbuild/shared");
 // src/react.ts
 var import_node_path = __toESM(require("path"));
 var import_shared = require("@rsbuild/shared");
+var modifySwcLoaderOptions = ({
+  chain,
+  CHAIN_ID,
+  modifier
+}) => {
+  const ruleIds = [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI];
+  for (const ruleId of ruleIds) {
+    if (chain.module.rules.has(ruleId)) {
+      const rule = chain.module.rule(ruleId);
+      if (rule.uses.has(CHAIN_ID.USE.SWC)) {
+        rule.use(CHAIN_ID.USE.SWC).tap(modifier);
+      }
+    }
+  }
+};
 var applyBasicReactSupport = (api, options) => {
   const REACT_REFRESH_PATH = require.resolve("react-refresh");
   api.modifyBundlerChain(async (chain, { CHAIN_ID, isDev, isProd: isProd2, target }) => {
@@ -50,8 +65,9 @@ var applyBasicReactSupport = (api, options) => {
       runtime: "automatic",
       ...options.swcReactOptions
     };
-    (0, import_shared.modifySwcLoaderOptions)({
+    modifySwcLoaderOptions({
       chain,
+      CHAIN_ID,
       modifier: (opts) => {
         const extraOptions = {
           jsc: {

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import type { RsbuildPlugin, Rspack } from '@rsbuild/core';
-import type { PluginOptions as ReactRefreshOptions } from '@rspack/plugin-react-refresh';
-export type SplitReactChunkOptions = {
+import { Rspack, RsbuildPlugin } from '@rsbuild/core';
+import { PluginOptions } from '@rspack/plugin-react-refresh';
+
+type SplitReactChunkOptions = {
     /**
      * Whether to enable split chunking for React-related dependencies (e.g., react, react-dom, scheduler).
      *
@@ -14,7 +15,7 @@ export type SplitReactChunkOptions = {
      */
     router?: boolean;
 };
-export type PluginReactOptions = {
+type PluginReactOptions = {
     /**
      * Configure the behavior of SWC to transform React code,
      * the same as SWC's [jsc.transform.react](https://swc.rs/docs/configuration/compilation#jsctransformreact).
@@ -33,7 +34,9 @@ export type PluginReactOptions = {
      * Options passed to `@rspack/plugin-react-refresh`
      * @see https://rspack.dev/guide/tech/react#rspackplugin-react-refresh
      */
-    reactRefreshOptions?: ReactRefreshOptions;
+    reactRefreshOptions?: PluginOptions;
 };
-export declare const PLUGIN_REACT_NAME = "rsbuild:react";
-export declare const pluginReact: ({ enableProfiler, ...options }?: PluginReactOptions) => RsbuildPlugin;
+declare const PLUGIN_REACT_NAME = "rsbuild:react";
+declare const pluginReact: ({ enableProfiler, ...options }?: PluginReactOptions) => RsbuildPlugin;
+
+export { PLUGIN_REACT_NAME, type PluginReactOptions, type SplitReactChunkOptions, pluginReact };

package/dist/index.js

@@ -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.49.3_eslint@8.57.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.50.0_eslint@9.3.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
@@ -18,12 +18,22 @@ import { getNodeEnv } from "@rsbuild/shared";
 
 // src/react.ts
 import path2 from "path";
-import {
-  SCRIPT_REGEX,
-  deepmerge,
-  isUsingHMR,
-  modifySwcLoaderOptions
-} from "@rsbuild/shared";
+import { SCRIPT_REGEX, deepmerge, isUsingHMR } from "@rsbuild/shared";
+var modifySwcLoaderOptions = ({
+  chain,
+  CHAIN_ID,
+  modifier
+}) => {
+  const ruleIds = [CHAIN_ID.RULE.JS, CHAIN_ID.RULE.JS_DATA_URI];
+  for (const ruleId of ruleIds) {
+    if (chain.module.rules.has(ruleId)) {
+      const rule = chain.module.rule(ruleId);
+      if (rule.uses.has(CHAIN_ID.USE.SWC)) {
+        rule.use(CHAIN_ID.USE.SWC).tap(modifier);
+      }
+    }
+  }
+};
 var applyBasicReactSupport = (api, options) => {
   const REACT_REFRESH_PATH = __require.resolve("react-refresh");
   api.modifyBundlerChain(async (chain, { CHAIN_ID, isDev, isProd: isProd2, target }) => {
@@ -37,6 +47,7 @@ var applyBasicReactSupport = (api, options) => {
     };
     modifySwcLoaderOptions({
       chain,
+      CHAIN_ID,
       modifier: (opts) => {
         const extraOptions = {
           jsc: {
@@ -90,11 +101,7 @@ var applyReactProfiler = (api) => {
 };
 
 // src/splitChunks.ts
-import {
-  createCacheGroups,
-  isPlainObject,
-  isProd
-} from "@rsbuild/shared";
+import { createCacheGroups, isPlainObject, isProd } from "@rsbuild/shared";
 var applySplitChunksRule = (api, options = {
   react: true,
   router: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.0.0-next-20240514150515",
+  "version": "0.0.0-next-20240528072128",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -22,18 +22,18 @@
     "dist"
   ],
   "dependencies": {
-    "@rspack/plugin-react-refresh": "0.6.5",
+    "@rspack/plugin-react-refresh": "0.7.0",
     "react-refresh": "^0.14.2",
-    "@rsbuild/shared": "0.0.0-next-20240514150515"
+    "@rsbuild/shared": "0.0.0-next-20240528072128"
   },
   "devDependencies": {
     "@types/node": "18.x",
     "typescript": "^5.4.2",
-    "@rsbuild/core": "0.0.0-next-20240514150515",
-    "@scripts/test-helper": "0.0.0-next-20240514150515"
+    "@rsbuild/core": "0.0.0-next-20240528072128",
+    "@scripts/test-helper": "0.0.0-next-20240528072128"
   },
   "peerDependencies": {
-    "@rsbuild/core": "0.0.0-next-20240514150515"
+    "@rsbuild/core": "0.0.0-next-20240528072128"
   },
   "publishConfig": {
     "access": "public",

package/dist/react.d.ts

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

package/dist/splitChunks.d.ts

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