Devframe Inspector
A self-inspector for any devframe connection, including the host framework's — a Vue SPA.
A self-inspector for any devframe connection, including the host framework's — a Vue SPA.
Package: @devframes/plugin-inspect · framework: Vue + Vite
RPC functions list
Agent tools
History panels
What it does
- Functions — type, flags, JSON Schema, agent exposure; read-only
query/staticinvokable inline. - State — shared-state keys in a live JSON tree that flashes changes.
- Agent — tools and resources for agents.
- History — a timeline of RPC calls and shared-state updates.
Standalone
pnpx @devframes/plugin-inspectMount into a Vite host
For a Vite DevTools app:
// vite.config.ts
import createInspectDevframe from '@devframes/plugin-inspect'
import { createPluginFromDevframe } from '@vitejs/devtools-kit/node'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
createPluginFromDevframe(createInspectDevframe()),
],
})Or mount directly with devframeVite from @devframes/vite/single:
// vite.config.ts
import createInspectDevframe from '@devframes/plugin-inspect'
import { devframeVite } from '@devframes/vite/single'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
devframeVite(createInspectDevframe()),
],
})Programmatic
createInspectDevframe(options) returns a definition for any adapter:
import { createInspectDevframe } from '@devframes/plugin-inspect'
import { createCac } from 'devframe/adapters/cac'
await createCac(createInspectDevframe({ port: 9100 })).parse()RPC
All functions are namespaced devframes:plugin:inspect:*:
| Function | Type | Returns |
|---|---|---|
list-functions | query (snapshot) | RPC functions with metadata. |
invoke | action | Invokes a read-only query / static; refuses action/event. |
list-state-keys | query (snapshot) | Shared-state keys. |
describe-agent | query (snapshot) | Agent manifest — tools and resources. |