Migrate UI tooling to Vite and Vitest

app/src/main/resources/plugin.yaml

@@ -8,7 +8,7 @@ metadata:
     "store.halo.run/app-id": "app-acslk9nu"
 spec:
   enabled: true
-  requires: ">=2.25.0"
+  requires: ">=2.26.0"
   author:
     name: Halo
     website: https://github.com/halo-dev

ui/env.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="@rsbuild/core/types" />
+/// <reference types="vite/client" />
 /// <reference types="unplugin-icons/types/vue" />

ui/package.json

@@ -3,13 +3,13 @@
   "private": true,
   "scripts": {
     "build": "pnpm -C packages/sdk run build && pnpm type-check && pnpm build-only",
-    "build-only": "rsbuild build",
-    "dev": "rsbuild build --watch --env-mode=development",
+    "build-only": "vite build",
+    "dev": "vite build --watch --mode=development",
     "lint:oxlint": "oxlint . --fix -D correctness --ignore-path ../.gitignore",
     "lint:eslint": "eslint . --fix",
     "lint": "run-s lint:*",
     "prettier": "prettier . --write --ignore-path ../.gitignore --ignore-path ./.prettierignore",
-    "test:unit": "rstest run",
+    "test:unit": "vitest run",
     "type-check": "vue-tsc --build"
   },
   "prettier": {
@@ -25,9 +25,9 @@
     "@formkit/core": "2.1.0",
     "@formkit/vue": "2.1.0",
     "@halo-dev/ai-foundation-sdk": "workspace:*",
-    "@halo-dev/api-client": "^2.25.1",
-    "@halo-dev/components": "^2.25.1",
-    "@halo-dev/ui-shared": "^2.25.1",
+    "@halo-dev/api-client": "^2.26.0",
+    "@halo-dev/components": "^2.26.0",
+    "@halo-dev/ui-shared": "^2.26.0",
     "@tanstack/vue-query": "^4.44.0",
     "@vueuse/core": "^14.3.0",
     "@vueuse/integrations": "^14.3.0",
@@ -43,17 +43,12 @@
   },
   "devDependencies": {
     "@formkit/themes": "2.1.0",
-    "@halo-dev/ui-plugin-bundler-kit": "^2.25.1",
+    "@halo-dev/ui-plugin-bundler-kit": "^2.26.0",
     "@iconify-json/mingcute": "^1.2.7",
     "@iconify-json/ri": "^1.2.10",
-    "@rsbuild/core": "^2.0.6",
-    "@rsbuild/plugin-sass": "^1.5.2",
-    "@rsbuild/plugin-vue": "^1.2.8",
-    "@rstest/core": "^0.10.0",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^24.12.4",
     "@unocss/eslint-config": "^66.6.8",
-    "@unocss/webpack": "^66.6.8",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.7.0",
     "@vue/test-utils": "^2.4.10",
@@ -69,6 +64,8 @@
     "typescript": "~5.8.3",
     "unocss": "^66.6.8",
     "unplugin-icons": "^23.0.1",
+    "vite": "^8.2.1",
+    "vitest": "^4.1.6",
     "vue-tsc": "^3.2.9"
   },
   "packageManager": "pnpm@10.33.4"

ui/packages/sdk/package.json

@@ -34,7 +34,7 @@
   "scripts": {
     "build": "rimraf dist && tsc -p tsconfig.build.json",
     "prepublishOnly": "pnpm run build",
-    "test": "rstest run --config rstest.config.ts",
+    "test": "vitest run --config vitest.config.ts",
     "typecheck": "tsc --noEmit -p tsconfig.json"
   },
   "peerDependencies": {
@@ -46,10 +46,10 @@
     }
   },
   "devDependencies": {
-    "@rstest/core": "^0.10.0",
     "@vue/tsconfig": "^0.7.0",
     "rimraf": "^6.1.3",
     "typescript": "~5.8.3",
+    "vitest": "^4.1.6",
     "vue": "^3.5.34"
   },
   "packageManager": "pnpm@10.33.4"

ui/packages/sdk/src/composables.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from '@rstest/core'
+import { describe, expect, it } from 'vitest'
 import { effectScope, nextTick } from 'vue'
 import { Chat } from './chat'
 import { fromOpenAPIRequestArgs } from './openapi'

ui/packages/sdk/src/core.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from '@rstest/core'
+import { describe, expect, it } from 'vitest'
 import {
   Chat,
   createPlainChatState,

ui/packages/sdk/src/files.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from '@rstest/core'
+import { describe, expect, it } from 'vitest'
 import { filePartFromFile, filePartsFromFiles } from './files'
 
 describe('file part helpers', () => {

ui/packages/sdk/src/fixture-reader.test.ts

@@ -1,7 +1,7 @@
-import { describe, expect, it } from '@rstest/core'
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { describe, expect, it } from 'vitest'
 import { applyUIMessageChunk, createUIMessageReducer } from './message-reducer'
 import type { UIMessageChunk } from './types'
 

ui/packages/sdk/src/partial-json.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from '@rstest/core'
+import { describe, expect, it } from 'vitest'
 import { fixJson, parsePartialJson } from './partial-json'
 
 describe('partial JSON', () => {

ui/packages/sdk/tsconfig.json

@@ -10,6 +10,6 @@
     "rootDir": "src",
     "strict": true,
     "target": "ES2022",
-    "types": ["@rstest/core/importMeta", "node"]
+    "types": ["node"]
   }
 }

ui/packages/sdk/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    include: ['src/**/*.test.ts'],
+    environment: 'happy-dom',
+  },
+})