fix: rpc serialization error with Vite configs

Author: antfu

packages/devtools/client/composables/rpc.ts

@@ -36,8 +36,15 @@ export const rpc = createBirpc<ServerFunctions, ClientFunctions>(clientFunctions
     const [namespace, fnName] = name.split(':') as [string, string]
     return extendedRpcMap.get(namespace)?.[fnName]
   },
-  onError(error, name) {
-    console.error(`[nuxt-devtools] RPC error on executing "${name}":`, error)
+  onFunctionError(error, name) {
+    console.error(`[nuxt-devtools] RPC error on executing "${name}":`)
+    console.error(error)
+    return true
+  },
+  onGeneralError(error) {
+    console.error(`[nuxt-devtools] RPC error:`)
+    console.error(error)
+    return true
   },
   timeout: 120_000,
 })

packages/devtools/client/modules/markdown.ts

@@ -1,12 +1,16 @@
 import type { BuiltinLanguage } from 'shiki'
-import { defineNuxtModule } from '@nuxt/kit'
+import { defineNuxtModule, logger } from '@nuxt/kit'
+import { consola } from 'consola'
 import LinkAttributes from 'markdown-it-link-attributes'
 import { createHighlighter } from 'shiki'
 import { bundledLanguages } from 'shiki/langs'
 import Markdown from 'unplugin-vue-markdown/vite'
 
 export default defineNuxtModule({
   async setup(_, nuxt) {
+    logger.restoreAll()
+    consola.restoreAll()
+
     nuxt.options.imports.transform ||= {}
     nuxt.options.imports.transform.include = [/\.vue$/, /\.md$/]
 

packages/devtools/src/server-rpc/server-data.ts

@@ -10,6 +10,24 @@ export function setupServerDataRPC({
   let viteServer: ResolvedConfig | undefined
   let viteClient: ResolvedConfig | undefined
 
+  // Avoid sending the Vite instance to the client
+  function normalizeViteConfig(config: ResolvedConfig) {
+    return {
+      ...config,
+      environments: Object.fromEntries(
+        Object.entries(config.env).map(([key, _]) => {
+          return [key, null]
+        }),
+      ),
+      plugins: config.plugins.map((i) => {
+        const clone = { ...i }
+        delete clone.api
+        return clone
+      }),
+      inlineConfig: null,
+    } as any as ResolvedConfig
+  }
+
   nuxt.hook('nitro:build:before', (_nitro) => {
     nitro = _nitro
   })
@@ -21,7 +39,7 @@ export function setupServerDataRPC({
         name: 'nuxt:devtools:config-retriever',
         enforce: 'post',
         configResolved(config) {
-          viteServer = config
+          viteServer = normalizeViteConfig(config)
         },
       })
     }
@@ -31,7 +49,7 @@ export function setupServerDataRPC({
         name: 'nuxt:devtools:config-retriever',
         enforce: 'post',
         configResolved(config) {
-          viteClient = config
+          viteClient = normalizeViteConfig(config)
         },
       })
     }

pnpm-lock.yaml

@@ -49,7 +49,7 @@ catalog:
   '@vueuse/nuxt': ^12.5.0
   '@xterm/addon-fit': ^0.10.0
   '@xterm/xterm': ^5.5.0
-  birpc: ^2.0.19
+  birpc: ^2.2.0
   bumpp: ^10.0.1
   consola: ^3.4.0
   conventional-changelog-cli: ^5.0.0