Skip to content

feat(web): render Mermaid diagrams in Markdown fields - #17

Merged
Lucalopezz merged 2 commits into
mainfrom
feat/issue-15-mermaid-markdown
Oct 23, 2026
Merged

Lucalopezz merged 2 commits into
mainfrom
feat/issue-15-mermaid-markdown

Conversation

@Lucalopezz

Copy link
Copy Markdown
Owner

What changed

  • Render fenced mermaid blocks in full project descriptions and technical-entry context/conclusion fields. Mermaid is loaded only when a full field contains a diagram.
  • Keep ordinary code fences unchanged and leave diagram fences as code in clipped list cards.
  • Use Mermaid's strict security mode, display accessible accTitle and accDescr metadata, expose the source under each rendered diagram, and retain source text when parsing fails.
  • Document the syntax and add mocked Chromium coverage for project and journal detail views, invalid input, compact cards, and 320px/390px layouts.

The API and database continue storing plain Markdown; this adds a frontend rendering layer only.

Closes #15.

Validation

  • pnpm dlx pnpm@11.21.0 --filter web lint
  • pnpm dlx pnpm@11.21.0 --filter web build
  • pnpm dlx pnpm@11.21.0 --filter web test (450 passed)
  • pnpm dlx pnpm@11.21.0 --filter web typecheck:e2e
  • pnpm dlx pnpm@11.21.0 --filter web test:e2e e2e/mocked (42 passed)
  • Visual review in Chromium at 390px; screenshots use mocked content.

Screenshots

Project description Journal context and invalid conclusion
Project Mermaid diagram at 390px Journal Mermaid diagram and source fallback at 390px

@vercel

vercel Bot commented Oct 23, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
devlog-unified-preview Ready Ready Preview Oct 23, 2026 9:56am UTC

@Lucalopezz
Lucalopezz merged commit 6be1164 into main Oct 23, 2026
5 checks passed

This branch was successfully deployed

1 active deployment
Preview — 84f7715c Deployed Oct 23, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add mermaid support in md fields

1 participant