feat: add vite version to devtools context and homepage

Author: webfansplz

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!,

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
    */

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',

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),
         }
       },