feat: support JSX preserve

Author: fi3ework

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

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@module-federation/rsbuild-plugin": "^0.18.4",
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@rsbuild/plugin-react": "^1.4.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",

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

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@module-federation/rsbuild-plugin": "^0.18.4",
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@rsbuild/plugin-react": "^1.4.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",

packages/core/package.json

@@ -43,7 +43,7 @@
     "type-check": "tsc --noEmit && tsc --noEmit -p tests"
   },
   "dependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "rsbuild-plugin-dts": "workspace:*",
     "tinyglobby": "^0.2.15"
   },

packages/core/src/config.ts

@@ -392,6 +392,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.
@@ -833,6 +835,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,
@@ -1671,6 +1707,7 @@ async function composeLibRsbuildConfig(
     redirect = {},
     umdName,
   } = config;
+  const { rsbuildConfig: bundleConfig } = composeBundleConfig(bundle);
   const { rsbuildConfig: shimsConfig, enabledShims } = composeShimsConfig(
     format,
     shims,
@@ -1756,6 +1793,7 @@ async function composeLibRsbuildConfig(
   const printFileSizeConfig = composePrintFileSizeConfig(bundle, target);
 
   return mergeRsbuildConfig(
+    bundleConfig,
     formatConfig,
     // outputConfig,
     shimsConfig,

packages/create-rslib/fragments/tools/storybook-react-js/package.json

@@ -4,7 +4,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",

packages/create-rslib/fragments/tools/storybook-react-ts/package.json

@@ -4,7 +4,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",

packages/create-rslib/fragments/tools/storybook-vue-js/package.json

@@ -4,7 +4,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",

packages/create-rslib/fragments/tools/storybook-vue-ts/package.json

@@ -4,7 +4,7 @@
     "storybook": "storybook dev"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",

packages/create-rslib/template-[react]-[rstest,storybook]-js/package.json

@@ -18,7 +18,7 @@
     "test": "rstest"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@rsbuild/plugin-react": "^1.4.0",
     "@rslib/core": "workspace:*",
     "@rstest/core": "^0.3.3",

packages/create-rslib/template-[react]-[rstest,storybook]-ts/package.json

@@ -20,7 +20,7 @@
     "test": "rstest"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.5.4",
+    "@rsbuild/core": "1.5.12",
     "@rsbuild/plugin-react": "^1.4.0",
     "@rslib/core": "workspace:*",
     "@rstest/core": "^0.3.3",