Skip to content

feat(plugin-inspect): implement self-inspect plugin#35

Merged
antfu merged 10 commits into
devframes:mainfrom
antfubot:feat/plugin-inspect
Jun 24, 2026
Merged

feat(plugin-inspect): implement self-inspect plugin#35
antfu merged 10 commits into
devframes:mainfrom
antfubot:feat/plugin-inspect

Conversation

@antfubot

Copy link
Copy Markdown
Contributor

Port the self-inspect plugin from vite-devtools to devframe. Introduces @devframes/plugin-inspect as the first first-party plugin, which includes:

  • RPC function introspection and invocation (for query/static functions).
  • Shared state viewer with live subscription and diff highlighting.
  • Agent manifest exploration.
  • A Vue SPA implementation built with Vite, connected via devframe's client.

This PR establishes the package structure and test scaffolding for the plugins/* workspace as outlined in the built-in plugins planning document.


This PR was created with the help of an agent.

@netlify

netlify Bot commented Jun 18, 2026

Copy link
Copy Markdown

Deploy Preview for devfra ready!

Name Link
🔨 Latest commit 8fb6602
🔍 Latest deploy log https://app.netlify.com/projects/devfra/deploys/6a3b66794af52a000801ec2f
😎 Deploy Preview https://deploy-preview-35--devfra.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@antfubot antfubot force-pushed the feat/plugin-inspect branch from 0750172 to a5ac0a2 Compare June 22, 2026 00:58
antfubot added 9 commits June 24, 2026 04:36
Port the self-inspect plugin from vite-devtools to devframe. Introduces `@devframes/plugin-inspect` as the first first-party plugin, including RPC function introspection, shared state viewer, and agent manifest exploration via a Vue SPA.
… and mcp inspect

Adds a recursive tree view for function namespaces, colorized namespaces based on hash, expanded metadata visibility, a history tab for recording function calls and state updates, and builds MCP inspect tools/resources invocation directly into the agent view.
Updates the CSS variables to match the color palette and UI language of Vite DevTools / Rolldown, including primary colors, button styles, header transparency, and hover states.
Swaps the `dev` script from running the built CLI binary to directly running Vite, enabling Hot Module Replacement when editing the SPA components.
… and dev server fix

Refactor components to be pure (View) vs smart (Smart), set up Storybook with viteFinal config, mirror Rolldown design language, match Devframe's brand color #517158, and replace SVGs with UnoCSS preset icons. Also adds a guard to the distDir assignment to prevent the devframe dev server from crashing when the SPA isn't built yet, and configures the vite plugin properly in the SPA's vite config to start the backend dev server.
…errors

Removed the auto-generated storybook-static directory from git tracking, added it to .gitignore, and fixed minor ESLint warnings related to Vue props mutation in the Inspector.
…peError

Fixes the pnpm out-of-date lockfile error in CI by aligning the `storybook` dependency in package.json to `catalog:storybook`, and fixes the `.isStatic is not a function` Vue warning/crash by treating `isStatic` as a boolean instead of a function inside the FunctionsTreeNode template.
@antfubot antfubot force-pushed the feat/plugin-inspect branch from 9809330 to 6792e16 Compare June 24, 2026 04:55
Fixes the typecheck CI error introduced by the mismatched storybook version.
@antfu antfu merged commit 6bbe9d2 into devframes:main Jun 24, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants