From 176cb930f43a16aa551b6dc08a3a7cf26f28fbff Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Thu, 19 Mar 2026 18:56:53 +0800
Subject: [PATCH] feat: add vite version to devtools context and homepage

---
 packages/core/src/node/context.ts                      | 3 ++-
 packages/kit/src/types/vite-plugin.ts                  | 4 ++++
 packages/vite/src/app/pages/home.vue                   | 6 ++++++
 packages/vite/src/node/rpc/functions/vite-meta-info.ts | 1 +
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/node/context.ts b/packages/core/src/node/context.ts
index 6aa72f23..3af46946 100644
--- a/packages/core/src/node/context.ts
+++ b/packages/core/src/node/context.ts
@@ -2,7 +2,7 @@ import type { DevToolsNodeContext, JsonRenderer, JsonRenderSpec } from '@vitejs/
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import { createDebug } from 'obug'
 import { debounce } from 'perfect-debounce'
-import { searchForWorkspaceRoot } from 'vite'
+import { searchForWorkspaceRoot, version as viteVersion } from 'vite'
 import { ContextUtils } from './context-utils'
 import { DevToolsDockHost } from './host-docks'
 import { RpcFunctionsHost } from './host-functions'
@@ -37,6 +37,7 @@ export async function createDevToolsContext(
     workspaceRoot: searchForWorkspaceRoot(cwd) ?? cwd,
     viteConfig,
     viteServer,
+    viteVersion,
     mode: viteConfig.command === 'serve' ? 'dev' : 'build',
     rpc: undefined!,
     docks: undefined!,
diff --git a/packages/kit/src/types/vite-plugin.ts b/packages/kit/src/types/vite-plugin.ts
index 18ccf196..17d912bf 100644
--- a/packages/kit/src/types/vite-plugin.ts
+++ b/packages/kit/src/types/vite-plugin.ts
@@ -42,6 +42,10 @@ export interface DevToolsNodeContext {
    * Vite dev server instance (only available in dev mode)
    */
   readonly viteServer?: ViteDevServer
+  /**
+   * Vite version for the current runtime
+   */
+  readonly viteVersion: string
   /**
    * RPC functions host, for registering server-side RPC functions and calling client-side RPC functions
    */
diff --git a/packages/vite/src/app/pages/home.vue b/packages/vite/src/app/pages/home.vue
index 6452f304..bf3d936d 100644
--- a/packages/vite/src/app/pages/home.vue
+++ b/packages/vite/src/app/pages/home.vue
@@ -31,6 +31,12 @@ const metadata = computed(() => [
     id: 'project',
     icon: 'i-material-icon-theme:vite',
     rows: [
+      {
+        id: 'version',
+        icon: 'i-system-uicons:version',
+        label: 'Version',
+        value: projectMetadata.value?.version,
+      },
       {
         id: 'root',
         icon: 'i-ph-folder-duotone',
diff --git a/packages/vite/src/node/rpc/functions/vite-meta-info.ts b/packages/vite/src/node/rpc/functions/vite-meta-info.ts
index dcba5d21..0f1ff033 100644
--- a/packages/vite/src/node/rpc/functions/vite-meta-info.ts
+++ b/packages/vite/src/node/rpc/functions/vite-meta-info.ts
@@ -11,6 +11,7 @@ export const viteMetaInfo = defineRpcFunction({
         return {
           root,
           base,
+          version: context.viteVersion,
           plugins: plugins.map(p => p.name),
         }
       },