feat(logger): integrate consola for unified logging API and remove legacy logger implementations

Author: adriandarian

alias.ts

@@ -12,6 +12,7 @@ export const alias = {
   '@vitejs/devtools-rpc': r('rpc/src'),
   '@vitejs/devtools-kit/client': r('kit/src/client/index.ts'),
   '@vitejs/devtools-kit/utils/events': r('kit/src/utils/events.ts'),
+  '@vitejs/devtools-kit/utils/logger': r('kit/src/utils/logger.ts'),
   '@vitejs/devtools-kit/utils/nanoid': r('kit/src/utils/nanoid.ts'),
   '@vitejs/devtools-kit/utils/shared-state': r('kit/src/utils/shared-state.ts'),
   '@vitejs/devtools-kit': r('kit/src/index.ts'),

packages/core/src/client/webcomponents/.generated/css.ts

@@ -61,7 +61,7 @@ const groups = computed(() => {
         left = 0
       }
       else {
-        left -= entries.length
+        left -= items.length
         visible.push([category, items])
       }
     }

packages/core/src/client/webcomponents/components/DockEntriesWithCategories.vue

@@ -1,5 +1,6 @@
 import type { DevToolsNodeContext } from '@vitejs/devtools-kit'
 import type { ResolvedConfig, ViteDevServer } from 'vite'
+import { createLogger } from '@vitejs/devtools-kit/utils/logger'
 import { createDebug } from 'obug'
 import { debounce } from 'perfect-debounce'
 import { searchForWorkspaceRoot } from 'vite'
@@ -29,6 +30,7 @@ export async function createDevToolsContext(
     views: undefined!,
     utils: ContextUtils,
     terminals: undefined!,
+    logger: createLogger('vite-devtools'),
   }
   const rpcHost = new RpcFunctionsHost(context)
   const docksHost = new DevToolsDockHost(context)

packages/core/src/node/context.ts

@@ -22,11 +22,9 @@
     ".": "./dist/index.mjs",
     "./client": "./dist/client.mjs",
     "./utils/events": "./dist/utils/events.mjs",
+    "./utils/logger": "./dist/utils/logger.mjs",
     "./utils/nanoid": "./dist/utils/nanoid.mjs",
     "./utils/shared-state": "./dist/utils/shared-state.mjs",
-    "./utils/logger": "./dist/utils/logger.mjs",
-    "./utils/logger-node": "./dist/utils/logger-node.mjs",
-    "./utils/logger-client": "./dist/utils/logger-client.mjs",
     "./package.json": "./package.json"
   },
   "types": "./dist/index.d.mts",
@@ -45,6 +43,7 @@
     "@vitejs/devtools-rpc": "workspace:*",
     "birpc": "catalog:deps",
     "birpc-x": "catalog:deps",
+    "consola": "catalog:deps",
     "immer": "catalog:deps"
   },
   "devDependencies": {

packages/kit/package.json

@@ -1,3 +1,4 @@
+import type { ConsolaInstance } from 'consola'
 import type { ResolvedConfig, ViteDevServer } from 'vite'
 import type { DockClientScriptContext } from '../client'
 import type { ClientScriptEntry, DevToolsDockHost } from './docks'
@@ -61,6 +62,23 @@ export interface DevToolsNodeContext {
    * Terminals host, for registering terminal sessions and streaming terminal output
    */
   terminals: DevToolsTerminalHost
+  /**
+   * Logger instance for logging messages.
+   * Uses consola under the hood, similar to Nuxt Kit's logging API.
+   *
+   * @example
+   * ```ts
+   * context.logger.info('Plugin initialized')
+   * context.logger.debug('Debug info')
+   * context.logger.warn('Warning message')
+   * context.logger.error(new Error('Error occurred'))
+   *
+   * // Create child logger with tag
+   * const rpcLogger = context.logger.withTag('rpc')
+   * rpcLogger.info('RPC connected')
+   * ```
+   */
+  logger: ConsolaInstance
 }
 
 export interface DevToolsNodeUtils {