rspack optimizations

Author: camd

.circleci/config.yml

@@ -101,12 +101,13 @@ jobs:
     executor:
       name: node/default
       # The Node version here should be compatible with `package.json` engines.
-      tag: '22'
+      # Note: cimg/node requires at least a minor version (e.g., '22.0'), not just major version
+      tag: '22.0'
     steps:
       - checkout
       - run:
           name: Install pnpm
-          command: corepack enable && corepack prepare [email protected] --activate
+          command: sudo corepack enable && corepack prepare [email protected] --activate
       - run:
           name: Install dependencies
           command: pnpm install --frozen-lockfile

babel.config.json

@@ -18,18 +18,7 @@
     [
       "@babel/preset-react",
       {
-        "development": true,
-        "useSpread": true
-      }
-    ]
-  ],
-  "plugins": [
-    "@babel/plugin-syntax-dynamic-import",
-    "react-hot-loader/babel",
-    [
-      "@babel/plugin-proposal-class-properties",
-      {
-        "loose": true
+        "runtime": "automatic"
       }
     ]
   ]

package.json

@@ -27,9 +27,7 @@
     "buffer": "6.0.3",
     "connected-react-router": "6.9.3",
     "crypto-browserify": "3.12.1",
-    "eslint-formatter-codeframe": "7.32.1",
     "fuse.js": "6.0.4",
-    "globals": "16.1.0",
     "history": "4.10.1",
     "js-cookie": "3.0.5",
     "js-yaml": "4.1.1",
@@ -49,7 +47,6 @@
     "react-helmet": "6.1.0",
     "react-highlight-words": "0.20.0",
     "react-hot-keys": "2.7.3",
-    "react-hot-loader": "4.13.1",
     "react-lazylog": "4.5.3",
     "react-linkify": "0.2.2",
     "react-redux": "8.0.7",
@@ -60,7 +57,6 @@
     "redoc": "2.4.0",
     "redux": "4.2.1",
     "redux-debounce": "1.0.1",
-    "redux-mock-store": "1.5.5",
     "redux-thunk": "2.4.2",
     "stream-browserify": "3.0.0",
     "styled-components": "6.1.19",
@@ -74,8 +70,6 @@
   "devDependencies": {
     "@babel/core": "7.26.10",
     "@babel/eslint-parser": "7.26.10",
-    "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.27.1",
     "@pollyjs/adapter-fetch": "6.0.7",
@@ -95,28 +89,31 @@
     "eslint": "9.32.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "10.1.8",
+    "eslint-formatter-codeframe": "7.32.1",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jest": "28.13.5",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "4.2.5",
     "eslint-plugin-react": "7.37.5",
     "fetch-mock": "9.4.0",
+    "globals": "16.1.0",
     "html-loader": "5.1.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-environment-puppeteer": "11.0.0",
     "jest-puppeteer": "11.0.0",
     "markdownlint-cli": "0.43.0",
-    "path": "0.12.7",
     "prettier": "2.2.1",
     "puppeteer": "24.2.1",
+    "redux-mock-store": "1.5.5",
     "sass": "1.93.2",
     "sass-loader": "16.0.6",
     "setup-polly-jest": "0.11.0",
     "style-loader": "4.0.0",
     "webpack-merge": "6.0.1"
   },
   "scripts": {
+    "preinstall": "npx only-allow pnpm",
     "build": "rspack build --mode production",
     "build:dev": "rspack build --mode development",
     "format": "prettier --write \"**/*.{css,html,js,jsx,json,md,yaml,yml}\"",