{"_id":"@djangocfg/widget-diagram","_rev":"9-9d90d68cd8823900686260812c6ebf5a","name":"@djangocfg/widget-diagram","dist-tags":{"latest":"0.1.9"},"versions":{"0.1.1":{"name":"@djangocfg/widget-diagram","version":"0.1.1","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.1","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"34298fdbe90b5a8ce0c036c0f663866f750346ef","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.1.tgz","fileCount":49,"integrity":"sha512-+DtQvy8bGNXfegCyOFU3tb/OmPXM7KvGXyFXcdFgyWRV/D8JWj3JluKUncRnCP2LP84yGyfvJs3wZxs5+cPX8Q==","signatures":[{"sig":"MEUCIF1A63Yds1OWEMTNZ4vA8x8rWmMnn+rU/4XVpHB39B0OAiEAwr9aDbpa2CQE1fj7De2WfnAejD0IUgbjT/pg54141ng=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117472},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"97a0f17d72737e3b8f15534d4cd7abd9e74e3e61","scripts":{"test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.542","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.542"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.542"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.1_1788941574262_0.7115749809143477","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@djangocfg/widget-diagram","version":"0.1.2","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.2","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"1aa9c5c0d5a6960cf9ec86399b739f88a4e86321","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.2.tgz","fileCount":49,"integrity":"sha512-4+/R6Vm4ajPN3LOOAD+HN3sM2P83VtAAlqdelKXCjfduRtN5nwjSBCaAycOcKLMOx18ddSkfca6x6n/dRHE/Pw==","signatures":[{"sig":"MEYCIQDCtydtqyjchRaLw3G0pN12+m21ChN9zXtG3awTwEaDkQIhAMkamY9YGL/SjTjzlWUOU8I7y5DX3IcCzW1kE3r9acU9","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"8c237b2469358949bb1461d927742c5ec8725f98","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.543","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.543"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.543"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.2_1788966440284_0.49371816364085697","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@djangocfg/widget-diagram","version":"0.1.3","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.3","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"0e34af246032ff44b63d6396439bffe4b824d7c2","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.3.tgz","fileCount":49,"integrity":"sha512-7CZ942tmtZiTLAA/b+jU/t3xbuLiaaQpbdhJzBwJnfJgYgNuDuf1XqETc2DEWJlatdqMwleXNHLaFrAEm/lLKQ==","signatures":[{"sig":"MEYCIQCAwbQEnmVvcBKpAIPLnhQ4YQrOWd/4dFqtmXHDZIjdlwIhAM4vvzsOYn6bZaLig/6z+rXA1SkgnA+McfyzxfJU6MKk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"41ce3177003c8f8569e46c79b8b6d8236d95bdf2","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.544","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.544"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.544"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.3_1788983839446_0.8924657246336543","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@djangocfg/widget-diagram","version":"0.1.4","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.4","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"6c5fd37c2ef6c8cb9bc88cd21c97c6ddaca8f823","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.4.tgz","fileCount":49,"integrity":"sha512-aByerO+ogh67v3j5WCrIESer6mzbN/AofM4r2rLTHWsZnJopobuc3erU1lKlpnQll7QaLz9e+Efbx7TxWRN4Mw==","signatures":[{"sig":"MEYCIQCFrO/vMQQc6stOMSir9DQaH0ZNPHkgE1mqzIG8RZOMoAIhAMjWMqC0byfygVxGZvXd06XVMr/GFoTamgoe5ohYTANi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"dbf2918cb830a34dd4873b030f73e0162e896409","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"10.9.4","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"22.22.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.545","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.545"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.545"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.4_1788986291915_0.8027296554076442","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@djangocfg/widget-diagram","version":"0.1.5","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.5","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"ea1faf43261c0f7c018eaa06738ba2aa644fee98","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.5.tgz","fileCount":49,"integrity":"sha512-fS2PJaFPpCeTYAv0p3BC86AqL6ZwCWE9TLrqvo5YC8sCIoYI2UIwBB3h1cTcQY5Lz24++90pspcjexp4SFM/Qw==","signatures":[{"sig":"MEUCIQDol2/JhAcyPUowm2Cii39Rxn6Ux/kK+iyojcV5CJnf1QIgabM5ZIBzBf89lNfavyYgKIZbfFJxM8nY0y95UJE1WpE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"d95480881cdea5bd000f8eb8bc0cf8a53d0218ac","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.546","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.546"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.546"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.5_1789017530934_0.8736364134136378","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@djangocfg/widget-diagram","version":"0.1.6","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.6","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"345aa542c2a9ebbfef9c4778510a503040c4707e","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.6.tgz","fileCount":49,"integrity":"sha512-Pjh+t2dMLLW634HG1qJ5G/9YFznREZcYWmFMIAMIdZA1kVvpjau7JGXNdMGn/I4ReT5Lk7OqdW3FvaeSdQEGsQ==","signatures":[{"sig":"MEUCIFSVHLRayY6kUKNMkHVobKOl7oKR5zRq8gfoYshV1p+WAiEAzt8Mct+K7sI4DLv9LuvHvjNHnkhdpaOvuH8Do+C5W1w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"fe10125f6d67ccd4b919b2e776d1ef9655bde28e","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.547","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.547"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.547"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.6_1789112127342_0.1090209135823268","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"@djangocfg/widget-diagram","version":"0.1.7","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.7","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"4fc8c11a82c40af0b7e4b152e10b0e0e3832871d","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.7.tgz","fileCount":49,"integrity":"sha512-5oUZfsArp4jJbUacZaeqyLCRh64qXiw2LvCERQqqst5Vc5cY2CCTP/I8X+2wjtPu0/cz1cYgBeER+4xolJOneQ==","signatures":[{"sig":"MEQCIC3NA0pYKjaD+MioQMexLjMSRgOxMLhtnxh4u4svwQBFAiB/FPFuIE2wFpa3MsH0LhSKVPMe+znM5avFSSzvGRFP0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118078},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"5cf867178213055479a97460cdf992b8eaf2c354","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"10.9.4","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"22.22.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.548","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.548"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.548"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.7_1789150820672_0.5635511885357991","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"@djangocfg/widget-diagram","version":"0.1.8","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"url":"https://djangocfg.com","name":"DjangoCFG"},"license":"MIT","_id":"@djangocfg/widget-diagram@0.1.8","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"homepage":"https://djangocfg.com","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"dist":{"shasum":"b852ec640ab68c8ce676a297a915960f13ee55fa","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.8.tgz","fileCount":49,"integrity":"sha512-KM/tMdi6NcyynDknIcW8f8Jejdwvq3JHYRyJe4WwfUQz6c1KeG8NL6tpg84p3LQKFy0sC+EgkVqqpR1+JCxxaA==","signatures":[{"sig":"MEYCIQCzrShNvkft2TG2o2w0DAXsk4QjShyITMWwjPVWLzSQbgIhALFFtXiQM6W0cBWuctlRd5LmgKFAmFxdffzVwjceYBnZ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118786},"main":"./src/index.tsx","type":"module","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"gitHead":"5fdd6fc046bed30f8d518c736372bf01706641f0","scripts":{"lint":"eslint .","test":"vitest run","check":"tsc --noEmit","test:watch":"vitest","check-types":"tsc --noEmit"},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"repository":{"url":"git+https://github.com/markolofsen/django-cfg.git","type":"git","directory":"widgets/diagram"},"_npmVersion":"11.19.0","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","directories":{},"_nodeVersion":"26.7.0","dependencies":{"mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0","@djangocfg/widget-kit":"^0.1.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.7","vitest":"^4.1.10","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","@types/node":"^25.9.5","@types/react":"19.2.15","lucide-react":"0.545.0","@types/react-dom":"19.2.3","@djangocfg/ui-core":"^2.1.549","@storybook/react-vite":"^10.5.0","@djangocfg/typescript-config":"^2.1.549"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","lucide-react":"^0.545.0","@djangocfg/ui-core":"^2.1.549"},"_npmOperationalInternal":{"tmp":"tmp/widget-diagram_0.1.8_1789312751556_0.30261842401393224","host":"s3://npm-registry-packages-npm-production"}},"0.1.9":{"name":"@djangocfg/widget-diagram","version":"0.1.9","description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"author":{"name":"DjangoCFG","url":"https://djangocfg.com"},"homepage":"https://djangocfg.com","repository":{"type":"git","url":"git+https://github.com/markolofsen/django-cfg.git","directory":"widgets/diagram"},"license":"MIT","type":"module","main":"./src/index.tsx","types":"./src/index.tsx","exports":{".":{"types":"./src/index.tsx","default":"./src/index.tsx"},"./builders":{"types":"./src/builders/index.ts","default":"./src/builders/index.ts"}},"scripts":{"check":"tsc --noEmit","check-types":"tsc --noEmit","lint":"eslint .","test":"vitest run","test:watch":"vitest"},"peerDependencies":{"@djangocfg/ui-core":"^2.1.550","lucide-react":"^0.545.0","react":"^19.0.0","react-dom":"^19.0.0"},"devDependencies":{"@djangocfg/typescript-config":"^2.1.550","@djangocfg/ui-core":"^2.1.550","@storybook/react-vite":"^10.5.0","@types/node":"^25.9.5","@types/react":"19.2.15","@types/react-dom":"19.2.3","lucide-react":"0.545.0","react":"19.2.7","react-dom":"19.2.7","storybook":"^10.5.0","typescript":"^5.9.3","vitest":"^4.1.10"},"publishConfig":{"access":"public"},"dependencies":{"@djangocfg/widget-kit":"^0.1.9","mermaid":"^11.16.0","react-zoom-pan-pinch":"^3.7.0"},"gitHead":"3ed940f346054f40f32b172fc29991879e1eb0d6","_id":"@djangocfg/widget-diagram@0.1.9","bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"_nodeVersion":"26.7.0","_npmVersion":"11.19.0","dist":{"integrity":"sha512-s7QhCp9jpmQ1dlST3Y/fQaLItUGpoEi14O3G67ap6InEqeTToTfqEtiuAwjwA3UvDd6AQ9JoAMh3IVL+HowuZg==","shasum":"7a3939203c072aca7ca1a79aa450775acdba4fae","tarball":"https://registry.npmjs.org/@djangocfg/widget-diagram/-/widget-diagram-0.1.9.tgz","fileCount":49,"unpackedSize":118786,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICrBPNwPq9X6rgZjpbPkWUQHuTgUHyaFm9ifpAyIM0D3AiBz242Y3NNxWI41VPVp7HRmdi1vp6o9dTG3SR+dNEy18Q=="}]},"_npmUser":{"name":"markolofsen","email":"markolofsen@gmail.com"},"directories":{},"maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/widget-diagram_0.1.9_1789362615618_0.08838602325322409"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-09T08:12:54.031Z","modified":"2026-09-14T05:10:15.927Z","0.1.1":"2026-09-09T08:12:54.384Z","0.1.2":"2026-09-09T15:07:20.429Z","0.1.3":"2026-09-09T19:57:19.583Z","0.1.4":"2026-09-09T20:38:12.046Z","0.1.5":"2026-09-10T05:18:51.180Z","0.1.6":"2026-09-11T07:35:27.453Z","0.1.7":"2026-09-11T18:20:20.794Z","0.1.8":"2026-09-13T15:19:11.726Z","0.1.9":"2026-09-14T05:10:15.751Z"},"bugs":{"url":"https://github.com/markolofsen/django-cfg/issues"},"author":{"name":"DjangoCFG","url":"https://djangocfg.com"},"license":"MIT","homepage":"https://djangocfg.com","keywords":["mermaid","diagram","flowchart","sequence-diagram","builder","typescript"],"repository":{"type":"git","url":"git+https://github.com/markolofsen/django-cfg.git","directory":"widgets/diagram"},"description":"Mermaid diagrams: typed builders that write the source, and a full-parser renderer that draws it","maintainers":[{"name":"markolofsen","email":"markolofsen@gmail.com"}],"readme":"# @djangocfg/widget-diagram\n\nMermaid diagrams, both halves: typed builders that WRITE the source, and a\nfull-parser renderer that DRAWS it. Supports the diagram types covered by the builders (`FlowDiagram`,\n`SequenceDiagram`, `JourneyDiagram`) plus anything else Mermaid parses (gantt,\nclass, state, ER, pie, mindmap, …) via the `chart` prop. Click-to-fullscreen\nvia the floating toolbar.\n\n## Install\n\n```bash\npnpm add @djangocfg/widget-diagram @djangocfg/ui-core\n```\n\n## Which renderer\n\n`@djangocfg/widget-media/diagram` is the OTHER one, and it is not a duplicate.\n\n| | `widget-diagram` | `widget-media/diagram` |\n|---|---|---|\n| Parser | `mermaid`, ~84 MB unpacked | `beautiful-mermaid`, ~2 MB |\n| Covers | everything mermaid parses | flowchart, sequence, state, class, ER — source otherwise |\n| For | a surface whose job IS the diagram | a chat transcript, where most messages have none |\n\nDo not import both into one app.\n\n## Builders without a renderer\n\n```ts\nimport { FlowDiagram } from '@djangocfg/widget-diagram/builders';\n```\n\nThe `./builders` subpath holds no static edge to the parser, so a server pass,\na test or a CLI can write diagram source without resolving a renderer.\n`src/entries.test.ts` walks the graph and holds that.\n\n## Verify\n\n```bash\npnpm --filter @djangocfg/widget-diagram check-types test\n```\n\n```tsx\nimport Mermaid from '@djangocfg/widget-diagram';\n\n<Mermaid chart={`\nflowchart LR\n  A[Client] --> B[API] --> C[(DB)]\n`} />\n```\n\nBuilder API:\n\n```tsx\nimport Mermaid, { FlowDiagram } from '@djangocfg/widget-diagram';\n\nconst chart = new FlowDiagram({ direction: 'LR' })\n  .node('a', 'Client')\n  .node('b', 'API')\n  .edge('a', 'b')\n  .build();\n\n<Mermaid chart={chart} />\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `chart` | `string` | — | Mermaid source. |\n| `isCompact` | `boolean` | `false` | Tighter padding for embedded contexts. |\n| `fullscreen` | `boolean` | `true` | Click-to-fullscreen via the floating toolbar. |\n| `scrollIsolation` | `boolean` | `false` | Lock page wheel while hovering. Off by default — Mermaid SVGs don't scroll, the overlay just steals wheel events. |\n| `debounceMs` | `number` | `300` | Re-render debounce after `chart` changes. Lower for static diagrams, higher while streaming. |\n| `className` | `string` | — | — |\n\n## Notes\n\n- **~800KB bundle** — entry point is already `lazy()`-wrapped with a `Suspense` spinner, so the cost is only paid when a diagram is actually mounted.\n- Theming pulls from `useThemePalette` / `useStylePresets` / `useBoxColors` (exported alongside the builders) — Mermaid colors follow the active app theme; do not hard-code hex.\n\n---\n\nAdapted from jalcoui (MIT).\n","readmeFilename":"README.md"}