build: switch to rspack

Author: apostolos

.browserslistrc

@@ -2,9 +2,9 @@
 # Run `pnpm dlx autoprefixer --info` to view CSS properties that need polyfill
 # From: https://github.com/adobe/react-spectrum/blob/main/.browserslistrc
 chrome >= 79
+edge >= 88
 firefox >= 85
 safari >= 13
-edge >= 88
 
 [legacy]
 # https://github.com/browserslist/browserslist
@@ -16,3 +16,4 @@ not op_mini all
 [development]
 last 1 chrome version
 last 1 firefox version
+last 1 safari version

README.md

@@ -101,7 +101,7 @@ The following debugging tips may come in handy:
 - Prevent Terser from dropping `console.log` or `debugger` by changing `terserOptions` in [terser-config.json](./scripts/terser-config.json)
 - Set `PROFILING=1` env variable to load React profiling builds
 - Output `named` module & chunk ids in [webpack.config.js](./webpack.config.js)
-- Analyze build output with `npx webpack-bundle-analyzer public/js/webpack.manifest.json -h 0.0.0.0` (for full breakdown, change to `all: true` when writing `webpack.manifest.json` in [build-production.js](./scripts/build-production.mjs))
+- Analyze build output with `npx webpack-bundle-analyzer public/js/manifest.json -h 0.0.0.0` (for full breakdown, change to `all: true` when writing `manifest.json` in [build-production.js](./scripts/build-production.mjs))
 
 ## Other LWJGL subdomains:
 

package.json

@@ -48,7 +48,11 @@
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "@radix-ui/react-compose-refs": "1.1.0",
     "@react-aria/overlays": "3.23.2",
+    "@rspack/cli": "1.0.3",
+    "@rspack/core": "1.0.3",
+    "@rspack/plugin-react-refresh": "1.0.0",
     "@stitches/react": "1.2.8",
+    "@swc/helpers": "0.5.13",
     "@types/lodash-es": "4.17.12",
     "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
@@ -88,13 +92,8 @@
     "reselect": "5.1.1",
     "scroll-into-view-if-needed": "3.1.0",
     "shiki": "1.16.2",
-    "source-map-loader": "5.0.0",
-    "terser-webpack-plugin": "5.3.10",
     "typescript": "5.5.4",
     "use-context-selector": "2.0.0",
-    "webpack": "5.94.0",
-    "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.1.0",
     "zustand": "4.5.5"
   },
   "overrides": {
@@ -106,11 +105,11 @@
   "scripts": {
     "start": "run-p dev:js dev:server",
     "build:styles": "NODE_ENV=development node ./scripts/build-styles.mjs",
-    "dev:js": "WDS=1 webpack serve",
+    "dev:js": "WDS=1 rspack serve",
     "dev:server": "NODE_ENV=development AWS_PROFILE=lwjgl node --no-warnings --watch server/index.mjs",
     "dev:debug": "NODE_ENV=development AWS_PROFILE=lwjgl node --inspect --preserve-symlinks server/index.mjs",
     "dev:test-production": "NODE_ENV=production AWS_PROFILE=lwjgl node --no-warnings --max_old_space_size=384 server/index.mjs --test --s3proxy --nocache --pretty",
-    "production": "run-p production:*",
+    "production": "run-p production:* && run-s post-production",
     "production:styles": "NODE_ENV=production node ./scripts/build-styles.mjs",
     "production:js": "NODE_ENV=production node ./scripts/build-production.mjs",
     "post-production": "node --no-warnings ./scripts/post-production.mjs",
@@ -119,5 +118,5 @@
     "lint": "eslint --ext .ts,.js,.tsx client/",
     "prettier": "prettier --write \"{client,server,scripts}/**/*.{ts,tsx,js,mjs,md,css}\""
   },
-  "packageManager": "pnpm@9.8.0+sha512.8e4c3550fb500e808dbc30bb0ce4dd1eb614e30b1c55245f211591ec2cdf9c611cabd34e1364b42f564bd54b3945ed0f49d61d1bbf2ec9bd74b866fcdc723276"
+  "packageManager": "pnpm@9.9.0+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1"
 }