pingcap · shhdgit · Jan 8, 2026 · Jan 8, 2026 · Jan 8, 2026
diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml
@@ -56,7 +56,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "18"
+          node-version: "22"
           cache: "pnpm"
           cache-dependency-path: "ui/pnpm-lock.yaml"
       - uses: actions/setup-go@v3

diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml
@@ -21,7 +21,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "18"
+          node-version: "22"
           cache: "pnpm"
           cache-dependency-path: "ui/pnpm-lock.yaml"
       - uses: actions/setup-go@v3

diff --git a/.github/workflows/upload-e2e-snapshots.yaml b/.github/workflows/upload-e2e-snapshots.yaml
@@ -40,7 +40,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "18"
+          node-version: "22"
           cache: "pnpm"
           cache-dependency-path: "ui/pnpm-lock.yaml"
       - uses: actions/setup-go@v3

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -45,7 +45,7 @@ The followings are required for developing TiDB Dashboard:
 - git - Version control
 - make - Build tool (run common workflows)
 - [Golang 1.21+](https://golang.org/) - To compile the server.
-- [Node.js 18](https://nodejs.org/) - To compile the front-end.
+- [Node.js 22](https://nodejs.org/) - To compile the front-end.
 - [PNPM 8](https://pnpm.io/) - To manage front-end dependencies.
 - [Java 8+](https://www.java.com/ES/download/) - To generate JavaScript API client by OpenAPI specification.
 
@@ -58,7 +58,7 @@ Package frontend and backend into a single binary:
    ```bash
    # Build a binary into `bin/tidb-dashboard`.
    make package
-   
+
    # Run.
    make run
    ```
@@ -114,7 +114,7 @@ Swagger UI is available at http://localhost:12333/dashboard/api/swagger after th
 If you want to develop docker image locally 🤔.
 
 1. Ensure the Docker Buildx is installed on your local machine.
-   
+
    > Docker Buildx is included in Docker Desktop for Windows, macOS, and Linux.
    > Docker Linux packages also include Docker Buildx when installed using the DEB or RPM packages.
 
@@ -129,7 +129,7 @@ If you want to develop docker image locally 🤔.
 
    # Or, if you want to build cross-platform image and push it to your dev docker registry, run:
    REPOSITORY=your-tidb-dashboard-repository make docker-build-and-push-image
-   
+
     # Or, if you want to build centos7 based image, run:
    DOCKERFILE=./dockerfiles/centos7.Dockerfile make docker-build-image-locally-arm64
 
@@ -140,7 +140,7 @@ If you want to develop docker image locally 🤔.
 3. Run newly build image with docker-compose.
 
    > Please make sure that `tiup playground` is not running on the background.
-   
+
       ```bash
       # On repository root directory, run:
       docker-compose -f ./dockerfiles/docker-compose.yml up

diff --git a/ui/README.md b/ui/README.md
@@ -6,7 +6,7 @@
 
 ## Requirements
 
-- Node >= 18.16.0
+- Node >= 22.0.0
 - [use corepack](https://www.totaltypescript.com/how-to-use-corepack): `corepack enable && corepack enable npm`
 
 ## Run

diff --git a/ui/package.json b/ui/package.json
@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "license": "MIT",
   "engines": {
-    "node": ">=18.16.0 <19.0.0"
+    "node": ">=22.0.0"
   },
   "packageManager": "pnpm@8.6.12",
   "scripts": {

diff --git a/ui/packages/clinic-client/gulpfile.esm.js → ui/packages/clinic-client/gulpfile.js b/ui/packages/clinic-client/gulpfile.esm.js → ui/packages/clinic-client/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, series } from 'gulp'
-import shell from 'gulp-shell'
+const { task, series } = require('gulp')
+const shell = require('gulp-shell')
 
 ///////////////////////////
 

diff --git a/ui/packages/clinic-client/package.json b/ui/packages/clinic-client/package.json
@@ -13,7 +13,6 @@
   "license": "ISC",
   "devDependencies": {
     "@openapitools/openapi-generator-cli": "^2.5.1",
-    "esm": "^3.2.25",
     "gulp": "^4.0.2",
     "gulp-shell": "^0.8.0",
     "typescript": "^4.7.3"

diff --git a/...ges/tidb-dashboard-client/gulpfile.esm.js → ...ackages/tidb-dashboard-client/gulpfile.js b/...ges/tidb-dashboard-client/gulpfile.esm.js → ...ackages/tidb-dashboard-client/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, watch, series, parallel } from 'gulp'
-import shell from 'gulp-shell'
+const { task, watch, series, parallel } = require('gulp')
+const shell = require('gulp-shell')
 
 ///////////////////////////
 

diff --git a/ui/packages/tidb-dashboard-client/package.json b/ui/packages/tidb-dashboard-client/package.json
@@ -13,7 +13,6 @@
   "license": "ISC",
   "devDependencies": {
     "@openapitools/openapi-generator-cli": "^2.5.1",
-    "esm": "^3.2.25",
     "gulp": "^4.0.2",
     "gulp-shell": "^0.8.0",
     "typescript": "^4.7.3"

diff --git a/...ashboard-for-clinic-cloud/gulpfile.esm.js → ...db-dashboard-for-clinic-cloud/gulpfile.js b/...ashboard-for-clinic-cloud/gulpfile.esm.js → ...db-dashboard-for-clinic-cloud/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, series, parallel } from 'gulp'
-import shell from 'gulp-shell'
+const { task, series, parallel } = require('gulp')
+const shell = require('gulp-shell')
 
 task(
   'speedscope:copy',

diff --git a/ui/packages/tidb-dashboard-for-clinic-cloud/package.json b/ui/packages/tidb-dashboard-for-clinic-cloud/package.json
@@ -72,7 +72,6 @@
     "esbuild-plugin-yaml": "^0.0.1",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-watch": "^8.0.0",
-    "esm": "^3.2.25",
     "fs-extra": "^10.0.0",
     "gulp": "^4.0.2",
     "gulp-shell": "^0.8.0",

diff --git a/...b-dashboard-for-clinic-op/gulpfile.esm.js → .../tidb-dashboard-for-clinic-op/gulpfile.js b/...b-dashboard-for-clinic-op/gulpfile.esm.js → .../tidb-dashboard-for-clinic-op/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, series, parallel } from 'gulp'
-import shell from 'gulp-shell'
+const { task, series, parallel } = require('gulp')
+const shell = require('gulp-shell')
 
 task('tsc:watch', shell.task('tsc --watch'))
 task('tsc:check', shell.task('tsc'))

diff --git a/ui/packages/tidb-dashboard-for-clinic-op/package.json b/ui/packages/tidb-dashboard-for-clinic-op/package.json
@@ -42,7 +42,6 @@
     "esbuild-plugin-svgr": "^1.0.0",
     "esbuild-plugin-yaml": "^0.0.1",
     "eslint-watch": "^8.0.0",
-    "esm": "^3.2.25",
     "fs-extra": "^10.0.0",
     "glob": "^8.0.3",
     "gulp": "^4.0.2",

diff --git a/...ges/tidb-dashboard-for-op/gulpfile.esm.js → ...ackages/tidb-dashboard-for-op/gulpfile.js b/...ges/tidb-dashboard-for-op/gulpfile.esm.js → ...ackages/tidb-dashboard-for-op/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, series, parallel } from 'gulp'
-import shell from 'gulp-shell'
+const { task, series, parallel } = require('gulp')
+const shell = require('gulp-shell')
 
 task('distro:gen', shell.task('../../../scripts/distro/write_strings.sh'))
 

diff --git a/ui/packages/tidb-dashboard-for-op/package.json b/ui/packages/tidb-dashboard-for-op/package.json
@@ -65,7 +65,6 @@
     "esbuild-plugin-yaml": "^0.0.1",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-watch": "^8.0.0",
-    "esm": "^3.2.25",
     "fs-extra": "^10.0.0",
     "gulp": "^4.0.2",
     "gulp-shell": "^0.8.0",

diff --git a/...ckages/tidb-dashboard-lib/gulpfile.esm.js → ui/packages/tidb-dashboard-lib/gulpfile.js b/...ckages/tidb-dashboard-lib/gulpfile.esm.js → ui/packages/tidb-dashboard-lib/gulpfile.js
@@ -1,5 +1,5 @@
-import { task, parallel } from 'gulp'
-import shell from 'gulp-shell'
+const { task, parallel } = require('gulp')
+const shell = require('gulp-shell')
 
 // below way doesn't work
 // task('tsc:dev', parallel(shell.task('tsc -w'), shell.task('tsc-alias -w')))

diff --git a/ui/packages/tidb-dashboard-lib/package.json b/ui/packages/tidb-dashboard-lib/package.json
@@ -81,7 +81,6 @@
     "esbuild-plugin-svgr": "^1.0.0",
     "esbuild-plugin-yaml": "^0.0.1",
     "eslint-watch": "^8.0.0",
-    "esm": "^3.2.25",
     "fs-extra": "^10.0.0",
     "gulp": "^4.0.2",
     "gulp-shell": "^0.8.0",

diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml