feat: cases support rspack 0.4.0

.github/workflows/ci.yml

@@ -37,7 +37,7 @@ jobs:
           echo "diff-result=${result//$'\n'/'@@'}" >> $GITHUB_OUTPUT
       - name: Check Threshold
         run: |
-          result="${{ steps.print-compare-results.outputs.diff-result }}";
+          result='${{ steps.print-compare-results.outputs.diff-result }}';
           if [[ $result =~ "Threshold exceeded" ]]; then
             echo "Some benchmark cases exceed the threshold, please visit the previous step for more information"
             exit 1

.github/workflows/scheduled_bench.yml

@@ -31,7 +31,7 @@ jobs:
         run: node bin/upload.js ${{ secrets.GITHUB_TOKEN }}
       - name: Check Threshold
         run: |
-          result="${{ steps.print-compare-results.outputs.diff-result }}";
+          result='${{ steps.print-compare-results.outputs.diff-result }}';
           if [[ $result =~ "Threshold exceeded" ]]; then
             echo "Some benchmark cases exceed the threshold, please visit the previous step for more information"
             exit 1

bin/bench.js

@@ -10,11 +10,9 @@ const defaultBenchmarkNames = [
 	"10000_development-mode",
 	"10000_development-mode_hmr",
 	"10000_production-mode",
-	"10000_production-mode_builtin-swc-loader",
 	"threejs_development-mode_10x",
 	"threejs_development-mode_10x_hmr",
-	"threejs_production-mode_10x",
-	"threejs_production-mode_builtin-swc-loader_10x"
+	"threejs_production-mode_10x"
 ];
 
 (async () => {

cases/10000/rspack.config.js

@@ -1,6 +1,8 @@
 const path = require("path");
 const rspack = require("@rspack/core");
+const ReactRefreshPlugin = require("@rspack/plugin-react-refresh");
 
+const prod = process.env.NODE_ENV === "production";
 /** @type {import("@rspack/cli").Configuration} */
 module.exports = {
 	resolve: {
@@ -10,8 +12,55 @@ module.exports = {
 	plugins: [
 		new rspack.HtmlRspackPlugin({
 			template: path.resolve(__dirname, "./index.html")
-		})
+		}),
+		new ReactRefreshPlugin()
 	],
+	module: {
+		rules: [
+			{
+				test: /\.(j|t)s$/,
+				exclude: [/[\\/]node_modules[\\/]/],
+				loader: "builtin:swc-loader",
+				options: {
+					sourceMap: true,
+					jsc: {
+						parser: {
+							syntax: "typescript"
+						},
+						externalHelpers: true
+					},
+					env: {
+						targets: "Chrome >= 48"
+					}
+				}
+			},
+			{
+				test: /\.(j|t)sx$/,
+				loader: "builtin:swc-loader",
+				exclude: [/[\\/]node_modules[\\/]/],
+				options: {
+					sourceMap: true,
+					jsc: {
+						parser: {
+							syntax: "typescript",
+							tsx: true
+						},
+						transform: {
+							react: {
+								runtime: "automatic",
+								development: !prod,
+								refresh: !prod
+							}
+						},
+						externalHelpers: true
+					},
+					env: {
+						targets: "Chrome >= 48"
+					}
+				}
+			}
+		]
+	},
 	optimization: {
 		splitChunks: {
 			chunks: "all",

lib/scenarios/index.js

@@ -102,6 +102,10 @@ module.exports.plugins.push(new (require("../../lib/scenarios/build-plugin.cjs")
 			const rspackDir =
 				process.env.RSPACK_DIR || path.resolve(rootDir, ".rspack");
 			console.log("create rspack package link");
+			await runCommand("mkdir", [
+				"-p",
+				path.resolve(rootDir, "node_modules/@rspack")
+			]);
 			await runCommand("ln", [
 				"-nsf",
 				path.resolve(rspackDir, "packages/rspack"),
@@ -112,6 +116,11 @@ module.exports.plugins.push(new (require("../../lib/scenarios/build-plugin.cjs")
 				path.resolve(rspackDir, "packages/rspack-cli"),
 				path.resolve(rootDir, "node_modules/@rspack/cli")
 			]);
+			await runCommand("ln", [
+				"-nsf",
+				path.resolve(rspackDir, "packages/rspack-plugin-react-refresh"),
+				path.resolve(rootDir, "node_modules/@rspack/plugin-react-refresh")
+			]);
 		},
 		async warmup(ctx) {
 			console.log("run rspack with args:", ctx.rspackArgs);

package.json

@@ -3,7 +3,6 @@
   "type": "module",
   "dependencies": {
     "@icon-park/react": "^1.4.2",
-    "@rspack/plugin-react-refresh": "^0.3.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-refresh": "^0.14.0"