mcpField
D
devtools-solid

devtools-solid

github.com/vercel-labs开发18.8k101 次安装4 天前更新
代码仓库

关于 devtools-solid

面向 SolidJS 的 json-render devtools 面板适配器，适用于使用 SolidJS json-render provider 的项目。它提供共享面板控件，并在生产构建中不渲染。

主要功能

  1. 01SolidJS 面板适配器
  2. 02在 json-render provider 中挂载
  3. 03生产构建中不渲染
  4. 04支持 Ctrl/Cmd + Shift + J 快捷键

适用场景

  1. 01检查 SolidJS 项目的 json-render
  2. 02通过快捷键打开 devtools 面板

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/vercel-labs/json-render --skill devtools-solid

安装后在 Claude Code 中输入/devtools-solid确认已加载。

详细介绍

@json-render/devtools-solid

适用于 json-render 开发者工具面板的 SolidJS 适配器。共享面板功能、属性、停靠行为和服务端流接入点，请参阅 skills/devtools/SKILL.md。

安装

npm install @json-render/devtools @json-render/devtools-solid

挂载面板

在现有的 SolidJS json-render 提供程序中挂载 JsonRenderDevtools：

import { JsonRenderDevtools } from "@json-render/devtools-solid";

<JSONUIProvider registry={registry}>
  <Renderer spec={spec()} registry={registry} />
  <JsonRenderDevtools
    spec={spec()}
    catalog={catalog}
    messages={messages()}
  />
</JSONUIProvider>;

此组件在生产构建中不会渲染任何内容。面板提供共享的开发者工具控件，包括 Ctrl/Cmd + Shift + J 快捷键。服务端流检测功能请保留在 @json-render/devtools 中。

评论

支持 Markdown