jsonjoy builder — TypeScript 工具站模板

jsonjoy builder 是一个用于构建和编辑 JSON Schema 的 React 组件库，核心定位是让开发者能以可视化方式操作 Schema，同时保留对底层 JSON 源码的直接控制。它提供三种可组合的组件：SchemaBuilder 集成可视化编辑与 Monaco JSON 编辑器，适合作为应用内的完整编辑界面；SchemaFieldsEditor 只渲染可视化部分，便于嵌入已有布局；SchemaJsonEditor 则单独提供源码编辑。组件采用受控模式，通过 value 和 onChange 管理状态，也支持 defaultValue 快速起步。

除了编辑，它还附带 Schema 推断与 JSON 校验功能：用户可粘贴示例 JSON 自动生成初始 Schema，或针对当前 Schema 校验 JSON 数据，错误信息会定位到行列。外部 $ref 默认不加载网络资源，但可通过 resolveExternalRef 属性接入自定义加载器，适合需要引用远程 Schema 的场景。视觉上支持明暗主题，通过 CSS 变量定制，并内置多语言（含中文），还提供 registry 机制替换按钮、输入框等 UI 组件，方便适配现有设计系统。

需要留意的是，它依赖 React、React DOM 和 Monaco Editor，且要求引入样式文件。项目本身是组件库而非完整应用，README 中的在线演示（json.ophir.dev）用于展示功能，并不代表模板已内置后端或业务逻辑。若要在生产环境使用，建议先核对 Monaco 的加载方式、外部引用策略以及浏览器兼容性。