feat: auto inject vite plugins

Author: antfu

packages/devtools/src/node/standalone.ts

@@ -1,8 +1,9 @@
 import type { DevToolsNodeContext } from '@vitejs/devtools-kit'
-import type { ResolvedConfig } from 'vite'
+import type { Plugin, ResolvedConfig } from 'vite'
 import process from 'node:process'
 import { loadConfigFromFile, resolveConfig } from 'vite'
 import { createDevToolsContext } from './context'
+import { DevTools } from './plugins'
 
 export interface StandaloneDevToolsOptions {
   cwd?: string
@@ -31,8 +32,18 @@ export async function startStandaloneDevTools(options: StandaloneDevToolsOptions
     cwd,
   )
 
+  // Inject devtools plugin
+  const config = loaded?.config || {}
+  config.plugins ||= []
+  config.plugins.push(DevTools())
+
+  dedupeVitePlugins(
+    config.plugins as Plugin[],
+    plugin => plugin.name?.startsWith('vite:devtools'),
+  )
+
   const resolved = await resolveConfig(
-    loaded?.config || {},
+    config,
     command,
     mode,
   )
@@ -44,3 +55,28 @@ export async function startStandaloneDevTools(options: StandaloneDevToolsOptions
     context,
   }
 }
+
+export function dedupeVitePlugins(plugins: Plugin[], include: (plugin: Plugin) => boolean) {
+  const toDelete: number[] = []
+  const map = new Map<string, Plugin>()
+
+  for (let i = 0; i < plugins.length; i++) {
+    const plugin = plugins[i]
+    if (!plugin || !include(plugin)) {
+      continue
+    }
+    if (map.has(plugin.name)) {
+      toDelete.push(i)
+    }
+    else {
+      map.set(plugin.name, plugin)
+    }
+  }
+
+  toDelete.sort((a, b) => b - a)
+  for (const i of toDelete) {
+    plugins.splice(i, 1)
+  }
+
+  return plugins
+}