chore: bump rspack (#14957)

#### PR Dependency Tree


* **PR #14957** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Chores**
  * Updated minimum Node version requirement to 22.12.0 or later.
* Updated build tool dependencies including rspack and related packages.
  * Removed CI-specific logging behavior from development server.
* Migrated to native HTML plugin integration for improved build
efficiency.
* Simplified build configuration by removing unused experimental
options.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/toeverything/AFFiNE/pull/14957)

<!-- review_stack_entry_end -->

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

package.json

@@ -15,7 +15,7 @@
     "tests/*"
   ],
   "engines": {
-    "node": "<23.0.0"
+    "node": ">=22.12.0 <23.0.0"
   },
   "scripts": {
     "affine": "r affine.ts",

tools/cli/package.json

@@ -18,23 +18,22 @@
     "@affine-tools/utils": "workspace:*",
     "@affine/s3-compat": "workspace:*",
     "@napi-rs/simple-git": "^0.1.22",
-    "@rspack/core": "^1.7.6",
+    "@rspack/core": "^2.0.3",
-    "@rspack/dev-server": "^1.1.3",
+    "@rspack/dev-server": "^2.0.1",
     "@sentry/webpack-plugin": "^5.1.1",
     "@swc/core": "^1.10.1",
     "@tailwindcss/postcss": "^4.0.0",
     "@vanilla-extract/webpack-plugin": "^2.3.15",
     "autoprefixer": "^10.4.20",
     "clipanion": "^3.2.1",
-    "css-loader": "^7.1.2",
+    "css-loader": "^7.1.4",
     "cssnano": "^7.0.6",
-    "html-webpack-plugin": "^5.6.6",
     "inquirer": "^12.3.0",
     "jsonc-parser": "^3.3.1",
     "lodash-es": "^4.17.23",
     "mime-types": "^3.0.0",
     "postcss": "^8.4.49",
-    "postcss-loader": "^8.1.1",
+    "postcss-loader": "^8.2.1",
     "postcss-selector-parser": "^7.1.0",
     "prettier": "^3.7.4",
     "source-map-loader": "^5.0.0",

tools/cli/src/bundle-shared.ts

@@ -27,9 +27,6 @@ export function assertRspackSupportedPackageName(name: string) {
   );
 }
 
-const IN_CI = !!process.env.CI;
-const httpProxyMiddlewareLogLevel = IN_CI ? 'silent' : 'error';
-
 export const DEFAULT_DEV_SERVER_CONFIG: RspackDevServerConfiguration = {
   host: '0.0.0.0',
   allowedHosts: 'all',
@@ -61,18 +58,15 @@ export const DEFAULT_DEV_SERVER_CONFIG: RspackDevServerConfiguration = {
     {
       context: '/api',
       target: 'http://localhost:3010',
-      logLevel: httpProxyMiddlewareLogLevel,
     },
     {
       context: '/socket.io',
       target: 'http://localhost:3010',
       ws: true,
-      logLevel: httpProxyMiddlewareLogLevel,
     },
     {
       context: '/graphql',
       target: 'http://localhost:3010',
-      logLevel: httpProxyMiddlewareLogLevel,
     },
   ],
 };

tools/cli/src/rspack-shared/html-plugin.ts

@@ -3,9 +3,11 @@ import { readFileSync } from 'node:fs';
 
 import { Path, ProjectRoot } from '@affine-tools/utils/path';
 import { Repository } from '@napi-rs/simple-git';
-import HTMLPlugin from 'html-webpack-plugin';
+import { HtmlRspackPlugin, type HtmlRspackPluginOptions } from '@rspack/core';
 import { once } from 'lodash-es';
 
+type HtmlRspackPluginInstance = InstanceType<typeof HtmlRspackPlugin>;
+
 type PluginLike = {
   apply: (compiler: CompilerLike) => void;
 };
@@ -109,15 +111,15 @@ function getHTMLPluginOptions(BUILD_CONFIG: BUILD_CONFIG_TYPE) {
     templateParameters: templateParams,
     chunks: ['app'],
     scriptLoading: 'blocking',
-  } satisfies HTMLPlugin.Options;
+  } satisfies HtmlRspackPluginOptions;
 }
 
 const AssetsManifestPlugin = {
   apply(compiler: CompilerLike) {
     compiler.hooks.compilation.tap('assets-manifest-plugin', compilation => {
-      HTMLPlugin.getHooks(compilation).beforeAssetTagGeneration.tap(
+      HtmlRspackPlugin.getCompilationHooks(
-        'assets-manifest-plugin',
+        compilation
-        arg => {
+      ).beforeAssetTagGeneration.tap('assets-manifest-plugin', arg => {
         if (!compilation.getAsset('assets-manifest.json')) {
           compilation.emitAsset(
             `assets-manifest.json`,
@@ -146,8 +148,7 @@ const AssetsManifestPlugin = {
         }
 
         return arg;
-        }
+      });
-      );
     });
   },
 };
@@ -162,9 +163,9 @@ const GlobalErrorHandlerPlugin = {
     compiler.hooks.compilation.tap(
       'global-error-handler-plugin',
       compilation => {
-        HTMLPlugin.getHooks(compilation).beforeAssetTagGeneration.tap(
+        HtmlRspackPlugin.getCompilationHooks(
-          'global-error-handler-plugin',
+          compilation
-          arg => {
+        ).beforeAssetTagGeneration.tap('global-error-handler-plugin', arg => {
           if (!compilation.getAsset(globalErrorHandler[0])) {
             compilation.emitAsset(
               globalErrorHandler[0],
@@ -176,8 +177,7 @@ const GlobalErrorHandlerPlugin = {
           }
 
           return arg;
-          }
+        });
-        );
       }
     );
   },
@@ -186,7 +186,7 @@ const GlobalErrorHandlerPlugin = {
 const CorsPlugin = {
   apply(compiler: CompilerLike) {
     compiler.hooks.compilation.tap('html-js-cors-plugin', compilation => {
-      HTMLPlugin.getHooks(compilation).alterAssetTags.tap(
+      HtmlRspackPlugin.getCompilationHooks(compilation).alterAssetTags.tap(
         'html-js-cors-plugin',
         options => {
           if (options.publicPath !== '/') {
@@ -207,14 +207,14 @@ const CorsPlugin = {
 export function createHTMLPlugins(
   BUILD_CONFIG: BUILD_CONFIG_TYPE,
   config: CreateHTMLPluginConfig
-): (HTMLPlugin | PluginLike)[] {
+): (HtmlRspackPluginInstance | PluginLike)[] {
   const publicPath = getPublicPath(BUILD_CONFIG);
   const htmlPluginOptions = getHTMLPluginOptions(BUILD_CONFIG);
   const selfhostPublicPath = config.selfhostPublicPath ?? '/';
 
-  const plugins: (HTMLPlugin | PluginLike)[] = [];
+  const plugins: (HtmlRspackPluginInstance | PluginLike)[] = [];
   plugins.push(
-    new HTMLPlugin({
+    new HtmlRspackPlugin({
       ...htmlPluginOptions,
       chunks: ['index'],
       filename: config.filename,
@@ -227,7 +227,7 @@ export function createHTMLPlugins(
 
   if (BUILD_CONFIG.isElectron) {
     plugins.push(
-      new HTMLPlugin({
+      new HtmlRspackPlugin({
         ...htmlPluginOptions,
         chunks: ['shell'],
         filename: 'shell.html',
@@ -236,7 +236,7 @@ export function createHTMLPlugins(
           'env:publicPath': publicPath,
         },
       }),
-      new HTMLPlugin({
+      new HtmlRspackPlugin({
         ...htmlPluginOptions,
         filename: 'popup.html',
         chunks: ['popup'],
@@ -245,7 +245,7 @@ export function createHTMLPlugins(
           'env:publicPath': publicPath,
         },
       }),
-      new HTMLPlugin({
+      new HtmlRspackPlugin({
         ...htmlPluginOptions,
         filename: 'background-worker.html',
         chunks: ['backgroundWorker'],
@@ -271,7 +271,7 @@ export function createHTMLPlugins(
 
   if (config.additionalEntryForSelfhost) {
     plugins.push(
-      new HTMLPlugin({
+      new HtmlRspackPlugin({
         ...htmlPluginOptions,
         chunks: ['index'],
         publicPath: selfhostPublicPath,

tools/cli/src/rspack/index.ts

@@ -124,8 +124,6 @@ export function createHTMLTargetConfig(
     dependencies: deps,
     context: ProjectRoot.value,
     experiments: {
-      topLevelAwait: true,
-      outputModule: false,
       asyncWebAssembly: true,
     },
     entry,
@@ -364,7 +362,6 @@ export function createHTMLTargetConfig(
       providedExports: true,
       usedExports: true,
       sideEffects: true,
-      removeAvailableModules: true,
       runtimeChunk: { name: 'runtime' },
       splitChunks: {
         chunks: 'all',
@@ -426,8 +423,6 @@ export function createWorkerTargetConfig(
     name: entry,
     context: ProjectRoot.value,
     experiments: {
-      topLevelAwait: true,
-      outputModule: false,
       asyncWebAssembly: true,
     },
     entry: { [workerName]: entry },
@@ -530,7 +525,6 @@ export function createWorkerTargetConfig(
       providedExports: true,
       usedExports: true,
       sideEffects: true,
-      removeAvailableModules: true,
       runtimeChunk: false,
       splitChunks: false,
     },
@@ -556,8 +550,6 @@ export function createNodeTargetConfig(
     name: entry,
     context: ProjectRoot.value,
     experiments: {
-      topLevelAwait: true,
-      outputModule: pkg.packageJson.type === 'module',
       asyncWebAssembly: true,
     },
     entry: { index: entry },
@@ -566,6 +558,7 @@ export function createNodeTargetConfig(
       path: pkg.distPath.value,
       clean: true,
       globalObject: 'globalThis',
+      module: pkg.packageJson.type === 'module',
       ...(options.libraryType
         ? { library: { type: options.libraryType } }
         : {}),