{"id":36832124,"url":"https://github.com/defensestation/blocknote-mermaid","last_synced_at":"2026-01-12T14:15:15.238Z","repository":{"id":234007347,"uuid":"788167566","full_name":"defensestation/blocknote-mermaid","owner":"defensestation","description":"Blocknote plugin for mermaid","archived":false,"fork":false,"pushed_at":"2024-09-16T20:58:23.000Z","size":7253,"stargazers_count":6,"open_issues_count":9,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-23T23:35:55.451Z","etag":null,"topics":["blocknote","mermaid","mermaid-diagrams","mermaidjs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/defensestation.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":"code_of_conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-17T22:50:12.000Z","updated_at":"2025-05-28T09:27:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"a33bf80c-8563-4fd5-9fbf-5db58b557dfc","html_url":"https://github.com/defensestation/blocknote-mermaid","commit_stats":null,"previous_names":["defensestation/blocknote-mermaid"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/defensestation/blocknote-mermaid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defensestation%2Fblocknote-mermaid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defensestation%2Fblocknote-mermaid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defensestation%2Fblocknote-mermaid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defensestation%2Fblocknote-mermaid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/defensestation","download_url":"https://codeload.github.com/defensestation/blocknote-mermaid/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/defensestation%2Fblocknote-mermaid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28340386,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-12T12:22:26.515Z","status":"ssl_error","status_checked_at":"2026-01-12T12:22:10.856Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blocknote","mermaid","mermaid-diagrams","mermaidjs"],"created_at":"2026-01-12T14:14:40.847Z","updated_at":"2026-01-12T14:15:15.230Z","avatar_url":"https://github.com/defensestation.png","language":"TypeScript","funding_links":[],"categories":["Tools"],"sub_categories":["Plugins"],"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\u003cBlockNoteView\n    editor={editor}\n    slashMenu={false}\n  \u003e\n    \u003cSuggestionMenuController\n      triggerCharacter={\"/\"}\n      getItems={async (query) =\u003e\n        filterSuggestionItems(\n          [...getDefaultReactSlashMenuItems(editor), insertMermaid()],\n          query\n        )\n      }\n    /\u003e\n  \u003c/BlockNoteView\u003e\n```\n\n## Roadmap\n\n- [ ] Custom styles\n- [ ] Chart viewer in read only mode.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdefensestation%2Fblocknote-mermaid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdefensestation%2Fblocknote-mermaid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdefensestation%2Fblocknote-mermaid/lists"}