feat: JSON Render dock type and Git UI example

[antfu]

Summary

Adds json-render dock type to Vite DevTools, enabling UI creation entirely from server-side TypeScript without client code. Includes comprehensive component library, documentation, and a fully-featured Git UI example plugin demonstrating all features.

Features:

• 13 built-in components (Stack, Card, Button, TextInput, DataTable, etc.)
• Dynamic UI updates via updateSpec() and updateState()
• RPC action bindings for interactive elements
• Two-way state binding with $bindState and $state
• Complete documentation with component reference and examples

Git UI Example:
Demonstrates a plugin with git status visualization, per-file staging/unstaging, commit functionality, and dynamic badges. Uses tinyexec for safe process execution and logs API for operation feedback.

Linked Issues

Implements json-render dock entry type as discussed in #193

Additional context

Key additions:

• /docs/kit/json-render.md - Complete component reference and integration guide
• packages/core/src/client/webcomponents/json-render/ - 15 component implementations + catalog
• examples/plugin-git-ui/ - Full example plugin with git operations and state management
• packages/kit/src/utils/json-render.ts - Type-safe spec builder

[pkg-pr-new]

Open in StackBlitz

@vitejs/devtools

npm i https://pkg.pr.new/@vitejs/devtools@203

@vitejs/devtools-kit

npm i https://pkg.pr.new/@vitejs/devtools-kit@203

@vitejs/devtools-rolldown

npm i https://pkg.pr.new/@vitejs/devtools-rolldown@203

@vitejs/devtools-rpc

npm i https://pkg.pr.new/@vitejs/devtools-rpc@203

@vitejs/devtools-self-inspect

npm i https://pkg.pr.new/@vitejs/devtools-self-inspect@203

commit: e47d5e1