@claudebernard/storybook-addon-json-editor-panel
Storybook panel (tab "JSON Controls Editor") to edit large nested JSON args, such as FHIR Bundles, with a tree/text editor
(vanilla-jsoneditor ). Edits are pushed to the story args
(debounced), and external arg changes (reset, story switch) are reflected in the editor.
Usage
// .storybook/main.ts
addons: ["@claudebernard/storybook-addon-json-editor-panel"]
By default the panel lists every object/array arg of the story. To restrict it:
parameters: { jsonEditor: { args: ["prescriptions", "patientProfile"] } }
Set parameters.jsonEditor.disable = true to hide the panel for a story.
Development
npm install
npm run type-check
npm run build
@claudebernard/storybook-addon-json-editor-panel 是什么？ A Storybook addon panel to edit large nested JSON args (e.g. FHIR Bundles) with a tree/text editor
如何安装 @claudebernard/storybook-addon-json-editor-panel？ 在项目目录运行 npm install @claudebernard/storybook-addon-json-editor-panel，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：storybook（^10.0.5）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
@claudebernard/storybook-addon-json-editor-panel 支持 TypeScript 吗？ 该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/claudebernard__storybook-addon-json-editor-panel 是否存在。
@claudebernard/storybook-addon-json-editor-panel 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@claudebernard/storybook-addon-json-editor-panel 可以商用吗？ @claudebernard/storybook-addon-json-editor-panel 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@claudebernard/storybook-addon-json-editor-panel 的下载量有多少？ 根据 npm 官方下载统计，@claudebernard/storybook-addon-json-editor-panel 在 2026/10/10 – 2026/11/08 这 30 天内被下载 2,964 次，日均约 99 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@claudebernard/storybook-addon-json-editor-panel 还在维护吗？ 最新版本 0.3.0 发布于 2026/10/08（1 个月前）；至今共发布 5 个版本，其中过去 12 个月发布了 5 个；首次发布于 2026/10/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。