search

NotionX / react-notion-x

Fast and accurate React renderer for Notion. TS batteries included. ⚡️
https://react-notion-x-demo.transitivebullsh.it
MIT License
4.75k stars 552 forks source link

Add Mermaid Support to Code Block Rendering #504

Open faroke opened 1 year ago

faroke commented 1 year ago

Description

This pull request introduces support for rendering Mermaid.js diagrams in code blocks. This feature is implemented using the Mermaid.js library and is activated whenever a code block with the class language-mermaid is encountered.

Here are some examples of Mermaid.js diagrams rendered using this implementation:

Fire-Shot-Capture-001-Test-mermaid-react-notion-x-localhost.png

Notion Test Page ID

e970087274df44338c5795713e62e61e

This feature would be a valuable addition to the react-notion-x library, as it would allow users to include rich, interactive diagrams in their Notion pages using the popular Mermaid.js syntax.

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
react-notion-x ✅ Ready (Inspect) Visit Preview Jun 30, 2023 2:22pm
react-notion-x-minimal-demo ✅ Ready (Inspect) Visit Preview Jun 30, 2023 2:22pm