feat: support JSX preserve

Author: fi3ework

biome.json

@@ -21,7 +21,8 @@
       "**",
       "!**/*.vue",
       "!**/.rslib/**/*",
-      "!tests/e2e/react-component/public/umd/**/*"
+      "!tests/e2e/react-component/public/umd/**/*",
+      "!tests/integration/preserve-jsx/default/src/Component2.tsx"
     ],
     "indentStyle": "space"
   },

examples/module-federation/mf-host/package.json

@@ -14,7 +14,7 @@
   "devDependencies": {
     "@module-federation/rsbuild-plugin": "^0.19.1",
     "@rsbuild/core": "~1.5.11",
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "typescript": "^5.9.2"

examples/module-federation/mf-react-component/package.json

@@ -21,7 +21,7 @@
     "@module-federation/enhanced": "^0.19.1",
     "@module-federation/rsbuild-plugin": "^0.19.1",
     "@module-federation/storybook-addon": "^4.0.30",
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rslib/core": "workspace:*",
     "@types/react": "^19.1.13",
     "http-server": "^14.1.1",

examples/module-federation/mf-remote/package.json

@@ -14,7 +14,7 @@
   "devDependencies": {
     "@module-federation/rsbuild-plugin": "^0.19.1",
     "@rsbuild/core": "~1.5.11",
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "typescript": "^5.9.2"

examples/react-component-bundle-false/package.json

@@ -8,7 +8,7 @@
     "build": "rslib build"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rsbuild/plugin-sass": "^1.4.0",
     "@rslib/core": "workspace:*",
     "@types/react": "^19.1.13",

examples/react-component-bundle/package.json

@@ -8,7 +8,7 @@
     "build": "rslib build"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rsbuild/plugin-sass": "^1.4.0",
     "@rslib/core": "workspace:*",
     "@types/react": "^19.1.13",

examples/react-component-umd/package.json

@@ -7,7 +7,7 @@
     "build": "rslib build"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rsbuild/plugin-sass": "^1.4.0",
     "@rslib/core": "workspace:*",
     "@types/react": "^19.1.13",

packages/core/src/config.ts

@@ -397,6 +397,8 @@ export function composeMinifyConfig(config: LibConfig): EnvironmentConfig {
         js: true,
         css: false,
         jsOptions: {
+          // Tweaked based on https://github.com/web-infra-dev/rspack/blob/e350b76163c976ee48da54c29bbb9d72153738d7/crates/rspack_plugin_swc_js_minimizer/src/lib.rs#L40.
+          test: /\.[cm]?jsx?(\?.*)?$/,
           minimizerOptions: {
             mangle: false,
             // MF assets are loaded over the network, which means they will not be compressed by the project. Therefore, minifying them is necessary.
@@ -838,6 +840,40 @@ const fixJsModuleTypePlugin = (): RsbuildPlugin => ({
   },
 });
 
+const BundlePlugin = (): RsbuildPlugin => ({
+  name: 'rslib:bundle',
+  setup(api) {
+    api.onBeforeBuild({
+      order: 'post',
+      handler: ({ bundlerConfigs }) => {
+        if (bundlerConfigs) {
+          for (const config of bundlerConfigs) {
+            if (config?.module?.parser?.javascript?.jsx === true) {
+              throw new Error(
+                'Bundle mode does not support preserving JSX syntax. Set `bundle` to `false` or change the JSX runtime to `automatic` or `classic`.',
+              );
+            }
+          }
+        }
+      },
+    });
+  },
+});
+
+const composeBundleConfig = (
+  bundle: LibConfig['bundle'],
+): { rsbuildConfig: EnvironmentConfig } => {
+  if (bundle) {
+    return {
+      rsbuildConfig: {
+        plugins: [BundlePlugin()],
+      },
+    };
+  }
+
+  return { rsbuildConfig: {} };
+};
+
 const composeShimsConfig = (
   format: Format,
   shims?: Shims,
@@ -1676,6 +1712,7 @@ async function composeLibRsbuildConfig(
     redirect = {},
     umdName,
   } = config;
+  const { rsbuildConfig: bundleConfig } = composeBundleConfig(bundle);
   const { rsbuildConfig: shimsConfig, enabledShims } = composeShimsConfig(
     format,
     shims,
@@ -1761,6 +1798,7 @@ async function composeLibRsbuildConfig(
   const printFileSizeConfig = composePrintFileSizeConfig(bundle, target);
 
   return mergeRsbuildConfig(
+    bundleConfig,
     formatConfig,
     // outputConfig,
     shimsConfig,

packages/create-rslib/fragments/base/react-js/package.json

@@ -15,7 +15,7 @@
     "dev": "rslib build --watch"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rslib/core": "workspace:*",
     "react": "^19.1.1"
   },

packages/create-rslib/fragments/base/react-ts/package.json

@@ -17,7 +17,7 @@
     "dev": "rslib build --watch"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.0",
+    "@rsbuild/plugin-react": "^1.4.1",
     "@rslib/core": "workspace:*",
     "@types/react": "^19.1.13",
     "react": "^19.1.1",