ci: replace esbuild with rspack

Author: piquark6046

builder/package.json

@@ -10,14 +10,15 @@
   },
   "devDependencies": {
     "@npmcli/package-json": "^7.0.5",
+    "@rspack/core": "^1.7.11",
     "@types/node": "^24.12.2",
     "@types/npmcli__package-json": "^4.0.4",
     "@typescript-eslint/eslint-plugin": "^8.58.0",
     "@typescript-eslint/parser": "^8.58.0",
     "@typescriptprime/parsing": "^2.0.1",
     "chokidar": "^5.0.0",
-    "esbuild": "^0.28.0",
     "eslint": "^10.2.0",
+    "memfs": "^4.57.1",
     "tldts": "^7.0.27",
     "tsx": "^4.21.0",
     "typescript": "^6.0.2",

builder/source/build.ts

@@ -1,10 +1,12 @@
-import * as ESBuild from 'esbuild'
+import * as RsPack from '@rspack/core'
+import * as Memfs from 'memfs'
 import * as Zod from 'zod'
 import * as Process from 'node:process'
 import * as Path from 'node:path'
 import PackageJson from '@npmcli/package-json'
 import { CreateBanner } from './banner/index.js'
 import { SafeInitCwd } from './utils/safe-init-cwd.js'
+import { RunCompiler } from './utils/awaited-rspack.js'
 
 export type BuildOptions = {
   Minify: boolean
@@ -45,25 +47,87 @@ export async function Build(OptionsParam?: BuildOptions): Promise<void> {
     }
   })
 
-  const WorkerCode = await ESBuild.build({
-    entryPoints: [Path.resolve(ProjectRoot, 'userscript', 'source', 'ocr-worker.ts')],
-    bundle: true,
-    minify: Options.Minify,
-    write: false,
-    target: ['es2024', 'chrome119', 'firefox142', 'safari26']
-  })
+  const TypescriptLoader = {
+    test: /\.ts$/,
+    exclude: ['/node_modules/'],
+    loader: 'builtin:swc-loader',
+    options: {
+      jsc: {
+        parser: {
+          syntax: 'typescript',
+          decorators: true,
+          dynamicImport: true
+        }
+      }
+    },
+    type: 'javascript/auto'
+  } satisfies RsPack.RuleSetRule
 
-  await ESBuild.build({
-    entryPoints: [Path.resolve(ProjectRoot, 'userscript', 'source', 'index.ts')],
-    bundle: true,
-    minify: Options.Minify,
-    outfile: `${ProjectRoot}/dist/NamuLink${Options.BuildType === 'development' ? '.dev' : ''}.user.js`,
-    banner: {
-      js: Banner
+  const WorkerContainer = Memfs.createFsFromVolume(new Memfs.Volume())
+  const WorkerBuilder = RsPack.rspack({
+    entry: [Path.resolve(ProjectRoot, 'userscript', 'source', 'ocr-worker.ts')],
+    mode: Options.BuildType,
+    optimization: {
+      minimize: Options.Minify
+    },
+    target: ['es2024', 'webworker'],
+    output: {
+      path: Path.resolve('/'),
+      filename: 'ocr-worker.js'
     },
-    target: ['es2024', 'chrome119', 'firefox142', 'safari26'],
-    define: {
-      __OCR_WORKER_CODE__: JSON.stringify(WorkerCode.outputFiles[0].text)
+    resolve: {
+      extensions: ['.ts', '.js', '.json'],
+      extensionAlias: {
+        '.js': ['.ts', '.js']
+      }
+    },
+    module: {
+      rules: [TypescriptLoader]
     }
   })
+  //@ts-expect-error https://github.com/web-infra-dev/rspack/issues/5091
+  WorkerBuilder.outputFileSystem = WorkerContainer
+  await RunCompiler(WorkerBuilder)
+
+  const MainBuilder = RsPack.rspack({
+    entry: [Path.resolve(ProjectRoot, 'userscript', 'source', 'index.ts')],
+    mode: Options.BuildType,
+    optimization: {
+      minimize: Options.Minify,
+      minimizer: [
+        new RsPack.SwcJsMinimizerRspackPlugin({
+          minimizerOptions: {
+            format: {
+              comments: 'all'
+            }
+          }
+        })
+      ]
+    },
+    plugins: [
+      new RsPack.BannerPlugin({
+        banner: Banner,
+        raw: true
+      }),
+      new RsPack.DefinePlugin({
+        __OCR_WORKER_CODE__: JSON.stringify(WorkerContainer.readFileSync(Path.resolve('/', 'ocr-worker.js'), 'utf-8'))
+      })
+    ],
+    output: {
+      path: Path.resolve(ProjectRoot, 'dist'),
+      filename: `NamuLink${Options.BuildType === 'development' ? '.dev' : ''}.user.js`
+    },
+    resolve: {
+      extensions: ['.ts', '.js', '.json'],
+      extensionAlias: {
+        '.js': ['.ts', '.js']
+      }
+    },
+    module: {
+      rules: [TypescriptLoader]
+    },
+    target: ['es2024', 'web']
+  })
+
+  await RunCompiler(MainBuilder)
 }

builder/source/utils/awaited-rspack.ts

@@ -0,0 +1,14 @@
+import * as RsPack from '@rspack/core'
+
+export async function RunCompiler(Compiler: RsPack.Compiler): Promise<RsPack.Stats> {
+  return new Promise((Resolve, Reject) => {
+    Compiler.run((Err, Stats) => {
+      if (Err) return Reject(Err)
+      if (!Stats) return Reject(new Error('No stats returned'))
+      if (Stats.hasErrors()) {
+        return Reject(new Error(Stats.toString({ all: false, errors: true })))
+      }
+      Resolve(Stats)
+    })
+  })
+}