{"id":23188053,"url":"https://github.com/land0r/mermaid-blocks","last_synced_at":"2025-10-19T03:08:39.319Z","repository":{"id":268192996,"uuid":"903600904","full_name":"land0r/mermaid-blocks","owner":"land0r","description":"Mermaid Blocks allows you to add and render diagrams using MermaidJS directly in the WordPress editor.","archived":false,"fork":false,"pushed_at":"2024-12-16T16:55:55.000Z","size":6878,"stargazers_count":10,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T13:37:50.898Z","etag":null,"topics":["diagram","gutenberg","mermaidjs","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/land0r.png","metadata":{"files":{"readme":"readme.txt","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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-12-15T03:07:37.000Z","updated_at":"2025-01-13T11:37:10.000Z","dependencies_parsed_at":"2024-12-15T04:18:40.590Z","dependency_job_id":"014dfae4-cf3c-4001-b3a7-b2b784bd7906","html_url":"https://github.com/land0r/mermaid-blocks","commit_stats":null,"previous_names":["land0r/mermaid-blocks"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/land0r%2Fmermaid-blocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/land0r%2Fmermaid-blocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/land0r%2Fmermaid-blocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/land0r%2Fmermaid-blocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/land0r","download_url":"https://codeload.github.com/land0r/mermaid-blocks/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294463,"owners_count":20915338,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["diagram","gutenberg","mermaidjs","wordpress","wordpress-plugin"],"created_at":"2024-12-18T11:12:38.454Z","updated_at":"2025-10-19T03:08:39.223Z","avatar_url":"https://github.com/land0r.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"=== Mermaid Blocks ===\nContributors:      IvanHryhorenko\nTags:              block, diagrams, mermaidjs, flowchart, gantt, sequence\nTested up to:      6.6\nStable tag:        1.1.0\nRequires PHP:      7.4\nLicense:           GPL-3.0-or-later\nLicense URI:       https://www.gnu.org/licenses/gpl-3.0.html\n\nMermaid Blocks allows you to add and render diagrams using MermaidJS directly in the WordPress editor.\n\n== Description ==\n\nMermaid Blocks is a Gutenberg plugin that integrates [MermaidJS](https://mermaid-js.github.io/) diagrams into your WordPress posts and pages. It supports popular diagram types such as flowcharts, sequence diagrams, Gantt charts, class diagrams, and more.\n\nThis makes it easy to include **text-based diagrams** using MermaidJS syntax in the Gutenberg editor without additional tools or complex setups.\n\n[Playground Demo](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/land0r/mermaid-blocks/main/blueprint.json)\n\n\n### Features:\n- Add MermaidJS diagrams via a dedicated Gutenberg block.\n- **Supported diagram types:** Flowcharts, Sequence Diagrams, Gantt Charts, Class Diagrams.\n- Real-time preview of MermaidJS diagrams in the editor.\n- Simple and intuitive integration with the block editor.\n\n== Installation ==\n\n1. Upload the plugin to the `/wp-content/plugins/mermaid-blocks` directory, or install it through the WordPress plugin screen.\n2. Activate the plugin through the 'Plugins' menu.\n3. Add the **Mermaid Diagram** block in the Gutenberg editor.\n4. Write MermaidJS code and preview your diagram instantly.\n\n== Frequently Asked Questions ==\n\n= What types of diagrams are supported? =\nThe plugin supports popular MermaidJS diagrams: Flowcharts, Sequence Diagrams, Gantt Charts, and Class Diagrams.\n\n= Can I edit MermaidJS code? =\nYes, you can edit MermaidJS code directly in the block editor using plain text.\n\n= Is real-time rendering supported? =\nYes, your diagrams are rendered in real-time as you edit the code.\n\n= Does it work on all themes? =\nYes, it is compatible with most modern WordPress themes.\n\n== Screenshots ==\n\n1. **Adding a diagram block** – Inserting a Mermaid Diagram block in Gutenberg editor.\n2. **Example: Flowchart** – A rendered flowchart in the Gutenberg editor.\n3. **Example: Sequence Diagram** – MermaidJS sequence diagram rendered live.\n4. **Frontend View** – A Mermaid diagram displayed on the published site.\n\n== Changelog ==\n\n= 1.0.0 =\n* Initial stable release.\n* Add MermaidJS block with support for flowcharts, sequence diagrams, Gantt charts, and class diagrams.\n* Real-time rendering of diagrams in the Gutenberg editor.\n\n= 1.1.0 =\n* Instructions in the editor.\n* ObsidianMD markdown to Mermaid Blocks transformation.\n\n== Future Plans ==\n\n* Add support for state diagrams, mindmaps, and other MermaidJS types.\n* Provide an option to export diagrams as SVG or PNG.\n* Include pre-designed templates for faster diagram creation.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fland0r%2Fmermaid-blocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fland0r%2Fmermaid-blocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fland0r%2Fmermaid-blocks/lists"}