{"_id":"@json-render/devtools-react","_rev":"6-6b0103612a9eeb27111dee7357cf997d","name":"@json-render/devtools-react","dist-tags":{"latest":"0.21.0"},"versions":{"0.18.0":{"name":"@json-render/devtools-react","version":"0.18.0","keywords":["json","ui","react","devtools","inspector","generative-ui","debug"],"license":"Apache-2.0","_id":"@json-render/devtools-react@0.18.0","maintainers":[{"name":"matt.straka","email":"matt.j.straka@gmail.com"},{"name":"vercel-release-bot","email":"infra+release@vercel.com"},{"name":"ctate","email":"chris@studiotate.com"}],"homepage":"https://json-render.dev","bugs":{"url":"https://github.com/vercel-labs/json-render/issues"},"dist":{"shasum":"64d20d2158155008bad42778f75cc89c8091700b","tarball":"https://registry.npmjs.org/@json-render/devtools-react/-/devtools-react-0.18.0.tgz","fileCount":9,"integrity":"sha512-t6hmBUKVTv9UQ+Q7NFcz4v5HvtUBdw/LSQZuoe2Y+sN7NREgLc08XfzyMczouT6kuE+9YwrAne5LaWdyr/oCmw==","signatures":[{"sig":"MEQCID0ifldZscDiJ6ihy+MzUn8dL0Sc+ZVj+IxqjcEd8e1qAiAqz40D8wv4/ObZlM8SMxy8qyQc+ByOdoALDTuCkIjLVg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":58820},"main":"./dist/index.js","_from":"file:json-render-devtools-react-0.18.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"vercel-release-bot","email":"infra+release@vercel.com"},"_resolved":"/tmp/274a576e71a5646850c7321a9171fc00/json-render-devtools-react-0.18.0.tgz","_integrity":"sha512-t6hmBUKVTv9UQ+Q7NFcz4v5HvtUBdw/LSQZuoe2Y+sN7NREgLc08XfzyMczouT6kuE+9YwrAne5LaWdyr/oCmw==","repository":{"url":"git+https://github.com/vercel-labs/json-render.git","type":"git","directory":"packages/devtools-react"},"_npmVersion":"10.9.7","description":"React adapter for @json-render/devtools. Drop-in <JsonRenderDevtools /> component.","directories":{},"_nodeVersion":"22.22.2","dependencies":{"@json-render/core":"0.18.0","@json-render/react":"0.18.0","@json-render/devtools":"0.18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","typescript":"^5.4.5","@types/react":"19.2.3","@internal/typescript-config":"0.0.0"},"peerDependencies":{"react":"^19.2.3"},"_npmOperationalInternal":{"tmp":"tmp/devtools-react_0.18.0_1776455187752_0.12727402696000945","host":"s3://npm-registry-packages-npm-production"}},"0.19.0":{"name":"@json-render/devtools-react","version":"0.19.0","keywords":["json","ui","react","devtools","inspector","generative-ui","debug"],"license":"Apache-2.0","_id":"@json-render/devtools-react@0.19.0","maintainers":[{"name":"matt.straka","email":"matt.j.straka@gmail.com"},{"name":"vercel-release-bot","email":"infra+release@vercel.com"},{"name":"ctate","email":"chris@ctate.dev"}],"homepage":"https://json-render.dev","bugs":{"url":"https://github.com/vercel-labs/json-render/issues"},"dist":{"shasum":"02457ee37358dfae254bff652f9278d0d07f995c","tarball":"https://registry.npmjs.org/@json-render/devtools-react/-/devtools-react-0.19.0.tgz","fileCount":9,"integrity":"sha512-8V9nXMUKouVfBxWzyGCbQ6AoFs2FYgi7ZgQYuamMpSQIw39KZ2dTPtrpNyHugV3SaWz26ZKBARqKHGbscqzGjA==","signatures":[{"sig":"MEUCIFyf2lduaGOtYkSGS4zowQHmkMNSywXDPVZcCo1uWg+/AiEAvW253M1IXSz60DnAP1uuNLQMi6iJ7tPjhdCPokPlkQA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@json-render%2fdevtools-react@0.19.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":58820},"main":"./dist/index.js","_from":"file:/tmp/json-render-devtools-react-0.19.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:129e5cf2-30c7-4150-93ab-50e6388303af"}},"_resolved":"/tmp/json-render-devtools-react-0.19.0.tgz","_integrity":"sha512-8V9nXMUKouVfBxWzyGCbQ6AoFs2FYgi7ZgQYuamMpSQIw39KZ2dTPtrpNyHugV3SaWz26ZKBARqKHGbscqzGjA==","repository":{"url":"git+https://github.com/vercel-labs/json-render.git","type":"git","directory":"packages/devtools-react"},"_npmVersion":"11.11.0","description":"React adapter for @json-render/devtools. Drop-in <JsonRenderDevtools /> component.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"@json-render/core":"0.19.0","@json-render/react":"0.19.0","@json-render/devtools":"0.19.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","typescript":"^5.4.5","@types/react":"19.2.3","@internal/typescript-config":"0.0.0"},"peerDependencies":{"react":"^19.2.3"},"_npmOperationalInternal":{"tmp":"tmp/devtools-react_0.19.0_1778131409522_0.2559076505360607","host":"s3://npm-registry-packages-npm-production"}},"0.20.0":{"name":"@json-render/devtools-react","version":"0.20.0","keywords":["json","ui","react","devtools","inspector","generative-ui","debug"],"license":"Apache-2.0","_id":"@json-render/devtools-react@0.20.0","maintainers":[{"name":"matt.straka","email":"matt.j.straka@gmail.com"},{"name":"vercel-release-bot","email":"infra+release@vercel.com"},{"name":"ctate","email":"chris@ctate.dev"}],"homepage":"https://json-render.dev","bugs":{"url":"https://github.com/vercel-labs/json-render/issues"},"dist":{"shasum":"ebd4ed40302c3902b93e658af4b5d7d4dd0820a6","tarball":"https://registry.npmjs.org/@json-render/devtools-react/-/devtools-react-0.20.0.tgz","fileCount":9,"integrity":"sha512-82Ql9aZZXD+MrC6zAZjdS3FOwVDo+QkUwQCkaetNXbf6AYJHtrcPuZ9rxgZJyhMdf+44mCmepUFrPkF3v2wnxw==","signatures":[{"sig":"MEUCIQCy0vi0tRcOzAgzBDzIsMtopQmbp1AnByJOZYdzlguJYwIgEY+KU58B6WSOBTA4GBFid0yzBflL2utS1rlmTopCYWM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@json-render%2fdevtools-react@0.20.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":58820},"main":"./dist/index.js","_from":"file:/tmp/json-render-devtools-react-0.20.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:129e5cf2-30c7-4150-93ab-50e6388303af"}},"_resolved":"/tmp/json-render-devtools-react-0.20.0.tgz","_integrity":"sha512-82Ql9aZZXD+MrC6zAZjdS3FOwVDo+QkUwQCkaetNXbf6AYJHtrcPuZ9rxgZJyhMdf+44mCmepUFrPkF3v2wnxw==","repository":{"url":"git+https://github.com/vercel-labs/json-render.git","type":"git","directory":"packages/devtools-react"},"_npmVersion":"11.17.0","description":"React adapter for @json-render/devtools. Drop-in <JsonRenderDevtools /> component.","directories":{},"_nodeVersion":"24.19.0","dependencies":{"@json-render/core":"0.20.0","@json-render/react":"0.20.0","@json-render/devtools":"0.20.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","typescript":"^5.4.5","@types/react":"19.2.3","@internal/typescript-config":"0.0.0"},"peerDependencies":{"react":"^19.2.3"},"_npmOperationalInternal":{"tmp":"tmp/devtools-react_0.20.0_1786888428902_0.8147178161630979","host":"s3://npm-registry-packages-npm-production"}},"0.21.0":{"_id":"@json-render/devtools-react@0.21.0","bugs":{"url":"https://github.com/vercel-labs/json-render/issues"},"dist":{"shasum":"f2441a163e037ca47aabf4f9d75004da6a9707ca","tarball":"https://registry.npmjs.org/@json-render/devtools-react/-/devtools-react-0.21.0.tgz","fileCount":9,"integrity":"sha512-jLZnppKNgZbXKhYaOAyGpvc/5hXVKlYySrONsKwj+BH4czsqcLmK+0uAqn1JZmJmUVmFGWCojYYSECm4PJobQw==","signatures":[{"sig":"MEQCICw6ZYb7uztB6ms3XpEsVZF4gJ7T6M151d4heZeuN16HAiAzfCW9zNOveKZZn97fzqgPva+Z6fodVaZtohg/W4wG2w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICoNMuBNGubCxCAOA0nRQRbrYJv2sldfZXZLYRrciIpDAiEA5VuVNYgj4l6q95XEuLLZvjpOz5S3Q//DNMOUig5UY9M="}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@json-render%2fdevtools-react@0.21.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":58820},"main":"./dist/index.js","name":"@json-render/devtools-react","_from":"file:/tmp/json-render-devtools-react-0.21.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"license":"Apache-2.0","scripts":{"dev":"tsup --watch","build":"tsup","typecheck":"tsc --noEmit"},"version":"0.21.0","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:129e5cf2-30c7-4150-93ab-50e6388303af"}},"homepage":"https://json-render.dev","keywords":["json","ui","react","devtools","inspector","generative-ui","debug"],"_resolved":"/tmp/json-render-devtools-react-0.21.0.tgz","_integrity":"sha512-jLZnppKNgZbXKhYaOAyGpvc/5hXVKlYySrONsKwj+BH4czsqcLmK+0uAqn1JZmJmUVmFGWCojYYSECm4PJobQw==","repository":{"url":"git+https://github.com/vercel-labs/json-render.git","type":"git","directory":"packages/devtools-react"},"_npmVersion":"11.19.0","description":"React adapter for @json-render/devtools. Drop-in <JsonRenderDevtools /> component.","directories":{},"maintainers":[{"name":"matt.straka","email":"matt.j.straka@gmail.com"},{"name":"vercel-release-bot","email":"infra+release@vercel.com"},{"name":"ctate","email":"chris@ctate.dev"}],"_nodeVersion":"24.20.0","dependencies":{"@json-render/core":"0.21.0","@json-render/react":"0.21.0","@json-render/devtools":"0.21.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.2","typescript":"^5.4.5","@types/react":"19.2.3","@internal/typescript-config":"0.0.0"},"peerDependencies":{"react":"^19.2.3"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/devtools-react_0.21.0_1789757442133_0.6857714128194592"}}},"time":{"created":"2026-04-17T19:46:27.566Z","modified":"2026-09-18T18:50:42.533Z","0.18.0":"2026-04-17T19:46:27.904Z","0.19.0":"2026-05-07T05:23:29.660Z","0.20.0":"2026-08-16T13:53:49.022Z","0.21.0":"2026-09-18T18:50:42.234Z"},"bugs":{"url":"https://github.com/vercel-labs/json-render/issues"},"license":"Apache-2.0","homepage":"https://json-render.dev","keywords":["json","ui","react","devtools","inspector","generative-ui","debug"],"repository":{"url":"git+https://github.com/vercel-labs/json-render.git","type":"git","directory":"packages/devtools-react"},"description":"React adapter for @json-render/devtools. Drop-in <JsonRenderDevtools /> component.","maintainers":[{"name":"matt.straka","email":"matt.j.straka@gmail.com"},{"name":"vercel-release-bot","email":"infra+release@vercel.com"},{"name":"ctate","email":"chris@ctate.dev"}],"readme":"# @json-render/devtools-react\n\nReact adapter for the [json-render devtools](https://json-render.dev/docs/devtools). Drop-in `<JsonRenderDevtools />` component.\n\n## Installation\n\n```bash\nnpm install @json-render/devtools @json-render/devtools-react\n```\n\nPeer dep: `react@^19`.\n\n## Usage\n\n```tsx\nimport { JsonRenderDevtools } from \"@json-render/devtools-react\";\n\n<JSONUIProvider registry={registry} handlers={handlers}>\n  <Renderer spec={spec} registry={registry} />\n  <JsonRenderDevtools spec={spec} catalog={catalog} messages={messages} />\n</JSONUIProvider>;\n```\n\n- Floating toggle appears bottom-right.\n- Hotkey: `Ctrl`/`Cmd` + `Shift` + `J`.\n- Tree-shakes to `null` in production builds.\n\n## Imperative API\n\n```tsx\nimport { useJsonRenderDevtools } from \"@json-render/devtools-react\";\n\nconst devtools = useJsonRenderDevtools();\ndevtools?.open();\ndevtools?.toggle();\ndevtools?.recordEvent({ kind: \"stream-text\", at: Date.now(), text: \"hi\" });\n```\n\nSee the [devtools docs](https://json-render.dev/docs/devtools) for the full prop reference and panel tour.\n\n## License\n\nApache-2.0\n","readmeFilename":"README.md"}