{"_id":"@defensestation/blocknote-mermaid","_rev":"2-65934d3141cdf5684022372e0667882e","name":"@defensestation/blocknote-mermaid","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@defensestation/blocknote-mermaid","version":"1.0.0","keywords":["mermaid-plugin","blocknote","editor","mermaid","blocknote-charts"],"_id":"@defensestation/blocknote-mermaid@1.0.0","maintainers":[{"name":"harpal_singh","email":"harpal.singh@defensestation.ca"},{"name":"gsingh-ds","email":"gsingh@defensestation.ca"}],"homepage":"https://github.com/defensestation/blocknote-mermaid#readme","bugs":{"url":"https://github.com/defensestation/blocknote-mermaid/issues"},"dist":{"shasum":"98c4925101658da0cc4076f607ff8849acd1c92a","tarball":"https://registry.npmjs.org/@defensestation/blocknote-mermaid/-/blocknote-mermaid-1.0.0.tgz","fileCount":17,"integrity":"sha512-9ztaTqeYvUQmZQtSAEErAA8TgWB7TiYTZe4SfI6Rlq+wbjnNgBKHl4UoszlYLsWN6IRtbhSnB16P9/MTL1ZMlw==","signatures":[{"sig":"MEUCIQDKpwYKFuT2+5cpsDwhRInzk1LtjVBlYKe/2gT3lC+RxQIgEKqXOxJKq+5ABxPzv2DsKB9tVtm0RjMOHkvm/boDR/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55588},"main":"dist/main.js","type":"module","types":"dist/main.d.ts","gitHead":"0152986da3fbc4cbcacd05a8e94358701a803152","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"harpal_singh","email":"harpal.singh@defensestation.ca"},"repository":{"url":"git+https://github.com/defensestation/blocknote-mermaid.git","type":"git"},"_npmVersion":"10.2.4","description":"Mermaid plugin for blocknote editor.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.11.1","dependencies":{"react":"^18.2.0","mermaid":"^10.9.0","react-dom":"^18.2.0","react-icons":"^4.3.1","@blocknote/core":"^0.12.4","@blocknote/react":"^0.12.4","@uiw/react-codemirror":"^4.21.25","@uiw/codemirror-extensions-langs":"^4.21.25"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^10.3.10","vite":"^5.1.7","react":"^18.2.0","eslint":"^8.56.0","react-dom":"^18.2.0","typescript":"^5.2.2","web-vitals":"^2.1.4","@types/jest":"^29.5.12","@types/node":"^20.11.20","@types/react":"^18.2.56","react-scripts":"^5.0.1","@types/mermaid":"^9.2.0","vite-plugin-dts":"^3.7.3","@types/react-dom":"^18.2.19","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^13.4.0","@testing-library/jest-dom":"^5.17.0","@typescript-eslint/parser":"^7.0.2","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^2.0.0","@testing-library/user-event":"^13.5.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^7.0.2"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/jest":"^29.5.12","@types/node":"^20.11.20","@types/react":"^18.2.56","@types/react-dom":"^18.2.19"},"_npmOperationalInternal":{"tmp":"tmp/blocknote-mermaid_1.0.0_1713396539643_0.16135575467027574","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@defensestation/blocknote-mermaid","version":"1.0.1","keywords":["mermaid-plugin","blocknote","editor","mermaid","blocknote-charts"],"_id":"@defensestation/blocknote-mermaid@1.0.1","maintainers":[{"name":"harpal_singh","email":"harpal.singh@defensestation.ca"},{"name":"gsingh-ds","email":"gsingh@defensestation.ca"}],"homepage":"https://github.com/defensestation/blocknote-mermaid#readme","bugs":{"url":"https://github.com/defensestation/blocknote-mermaid/issues"},"dist":{"shasum":"02ee3850efe4544ea26e57a52358b2d5a70699ab","tarball":"https://registry.npmjs.org/@defensestation/blocknote-mermaid/-/blocknote-mermaid-1.0.1.tgz","fileCount":17,"integrity":"sha512-gIkJntktmqW3B0WOy9jz+IDCW699j52eZ4ULvvrnXuBDC8qCswrjmHYu/rDFPiuP5/etef6R5eAkANhWn5hMCA==","signatures":[{"sig":"MEUCIQClHAh+gmgTevpFgO4CkP87ve2yzjMZUwg//DbYjJASAgIgEvp27PxyLeQrc17EqWNKmDGBfyCoRNo+fwKfRZgdt00=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56139},"main":"dist/main.js","type":"module","types":"dist/main.d.ts","gitHead":"5952bbf2c653fa51a1405993473d22af2b2015ad","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","build":"tsc -p ./tsconfig-build.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"harpal_singh","email":"harpal.singh@defensestation.ca"},"repository":{"url":"git+https://github.com/defensestation/blocknote-mermaid.git","type":"git"},"_npmVersion":"10.2.4","description":"Mermaid plugin for blocknote editor.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"20.11.1","dependencies":{"react":"^18.2.0","mermaid":"^10.9.0","react-dom":"^18.2.0","react-icons":"^4.3.1","@blocknote/core":"^0.12.4","@blocknote/react":"^0.12.4","@uiw/react-codemirror":"^4.21.25","@uiw/codemirror-extensions-langs":"^4.21.25"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^10.3.10","vite":"^5.1.7","react":"^18.2.0","eslint":"^8.56.0","react-dom":"^18.2.0","typescript":"^5.2.2","web-vitals":"^2.1.4","@types/jest":"^29.5.12","@types/node":"^20.11.20","@types/react":"^18.2.56","react-scripts":"^5.0.1","@types/mermaid":"^9.2.0","vite-plugin-dts":"^3.7.3","@types/react-dom":"^18.2.19","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^13.4.0","@testing-library/jest-dom":"^5.17.0","@typescript-eslint/parser":"^7.0.2","eslint-plugin-react-hooks":"^4.6.0","vite-plugin-lib-inject-css":"^2.0.0","@testing-library/user-event":"^13.5.0","eslint-plugin-react-refresh":"^0.4.5","@typescript-eslint/eslint-plugin":"^7.0.2"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/jest":"^29.5.12","@types/node":"^20.11.20","@types/react":"^18.2.56","@types/react-dom":"^18.2.19"},"_npmOperationalInternal":{"tmp":"tmp/blocknote-mermaid_1.0.1_1713397149430_0.9804540579375212","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-04-17T23:28:59.551Z","modified":"2024-12-31T02:17:23.314Z","1.0.0":"2024-04-17T23:28:59.802Z","1.0.1":"2024-04-17T23:39:09.618Z"},"bugs":{"url":"https://github.com/defensestation/blocknote-mermaid/issues"},"homepage":"https://github.com/defensestation/blocknote-mermaid#readme","keywords":["mermaid-plugin","blocknote","editor","mermaid","blocknote-charts"],"repository":{"url":"git+https://github.com/defensestation/blocknote-mermaid.git","type":"git"},"description":"Mermaid plugin for blocknote editor.","maintainers":[{"email":"gsingh@defensestation.ca","name":"gsingh-ds"}],"readme":"# Mermaid for Blocknote\n\n![Stability Badge](https://img.shields.io/badge/stability-stable-green.svg)\n![](https://badgen.net/badge/Version/v1.0.0/blue)\n\nMermaid feature for [Blocknote](https://www.blocknotejs.org/).\n\n![](assets/demo.gif)\n\n## Demo\n\n[A demo is worth a thousand words](https://codesandbox.io/p/devbox/blocknote-mermaid-rvvddc?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clv4g4hsv00062v6dygfbdqi6%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clv4g4hsu00022v6d19eg61e6%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clv4g4hsu00042v6dx5wpc3dh%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clv4g4hsu00052v6ddeo7l7gv%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clv4g4hsu00022v6d19eg61e6%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clv4g4hsu00012v6dxpe35813%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fpackage.json%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clv4g4hsu00022v6d19eg61e6%2522%252C%2522activeTabId%2522%253A%2522clv4g4hsu00012v6dxpe35813%2522%257D%252C%2522clv4g4hsu00052v6ddeo7l7gv%2522%253A%257B%2522id%2522%253A%2522clv4g4hsu00052v6ddeo7l7gv%2522%252C%2522activeTabId%2522%253A%2522clv4g4yfx006m2v6dys4liyhz%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522port%2522%253A5173%252C%2522id%2522%253A%2522clv4g4yfx006m2v6dys4liyhz%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clv4g4hsu00042v6dx5wpc3dh%2522%253A%257B%2522id%2522%253A%2522clv4g4hsu00042v6dx5wpc3dh%2522%252C%2522activeTabId%2522%253A%2522clv4g4vis005i2v6dlh9dpd8e%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clv4g4hsu00032v6d8a3t4hne%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clv4g4jeq000idaf86r024r97%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522Development%2522%252C%2522id%2522%253A%2522clv4g4vis005i2v6dlh9dpd8e%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)\n\n## Installation\n\n### Install via YARN\n\nGet the package\n\n```shell\n$ yarn add @defensestation/blocknote-mermaid\n```\n\n\n\n## Usage\n\nInclude module at your application\n\n```javascript\nimport { MermaidBlock, insertMermaid } from \"@defensestation/blocknote-mermaid\";\n```\n\nCreate schema with mermaid block.\n```javascript\nconst schema = BlockNoteSchema.create({\n  blockSpecs: {\n    ...defaultBlockSpecs,\n    mermaid: MermaidBlock,\n  },\n});\n```\n\nAdd slash menu item.\n```javascript\n<BlockNoteView\n    editor={editor}\n    slashMenu={false}\n  >\n    <SuggestionMenuController\n      triggerCharacter={\"/\"}\n      getItems={async (query) =>\n        filterSuggestionItems(\n          [...getDefaultReactSlashMenuItems(editor), insertMermaid()],\n          query\n        )\n      }\n    />\n  </BlockNoteView>\n```\n\n## Roadmap\n\n- [ ] Custom styles\n- [ ] Chart viewer in read only mode.\n\n\n","readmeFilename":"README.md"}