@vite-hub/devtools

@vite-hub/devtools registers the ViteHub panel inside Vite DevTools and lets feature packages add their own bridges.

Install

pnpm add @vite-hub/devtools

Minimal API

// vite.config.ts
import { hubDevtools } from "@vite-hub/devtools"
import { defineConfig } from "vite"

export default defineConfig({
  plugins: [hubDevtools()],
})

// packages/feature/src/devtools.ts
import { registerViteHubDevtoolsFeature } from "@vite-hub/devtools"

registerViteHubDevtoolsFeature(ctx, {
  id: "agent.chat",
  packageName: "@vite-hub/agent",
  title: "Chat",
  bridge: "/__vitehub/agent/chat/devtools",
})

Vite

The package is built on Vite DevTools Kit and is used by packages such as @vite-hub/agent to expose package-owned panels.

Learn more at vitehub.dev.