LearnNewsExamplesServices
Frontmatter
id8376
titleAdd Mermaid Diagram Support to Markdown Component
stateClosed
labels
documentationenhancementai
assigneestobiu
createdAtJan 7, 2026, 12:30 PM
updatedAtJan 7, 2026, 3:42 PM
githubUrlhttps://github.com/neomjs/neo/issues/8376
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 7, 2026, 1:05 PM

Add Mermaid Diagram Support to Markdown Component

Closed v11.19.0 documentationenhancementai
tobiu
tobiu commented on Jan 7, 2026, 12:30 PM

To support the new Neural Link documentation, we need to enable Mermaid diagram rendering within our Markdown component.

Architecture:

  1. Dependency: Add mermaid to package.json.
  2. App Worker (Markdown.mjs): Detect mermaid code blocks and replace them with placeholder VDOM elements (e.g., <div class="neo-mermaid">code</div>).
  3. Main Thread (Neo.main.addon.Mermaid): Create a new addon to handle the actual rendering, as Mermaid requires DOM access which is not available in the App Worker.
  4. Integration: The Markdown component will trigger the main thread addon to render the diagrams after the content is mounted.
tobiu added the documentation label on Jan 7, 2026, 12:30 PM
tobiu added the enhancement label on Jan 7, 2026, 12:30 PM
tobiu added the ai label on Jan 7, 2026, 12:30 PM
tobiu closed this issue on Jan 7, 2026, 1:05 PM
tobiu
tobiu Jan 7, 2026, 1:05 PM
Image
jonnyamsp referenced in commit 047f56b - "feat: Add Mermaid diagram support to Markdown component on Jan 7, 2026, 2:25 PM
tobiu assigned to @tobiu on Jan 7, 2026, 3:42 PM