Fenced mermaid code blocks in the preview are now rendered as live SVG diagrams. Write a diagram definition in your markdown and it appears as a rendered graphic in the right-hand pane — no extra steps required.

```mermaid
graph TD
  A[Write markdown] --> B[Live SVG preview]
```

Graceful fallback

If the diagram definition contains a syntax error, the original fenced code block is preserved as-is. The rest of the preview is unaffected.

Changes

New module src/lib/diagrams.ts — locates language-mermaid code blocks and replaces them with the SVG returned by mermaid.render()
applyPreviewEffects (src/lib/preview.ts) is now async to accommodate the diagram render step
App.svelte updated to handle the async preview pipeline
Added mermaid npm dependency

Quality

3 new BDD scenarios: happy-path rendering, pipeline wiring, invalid-syntax fallback
Mutation score: 100% (269 mutants tested, up from 177)

Full diff: master...feature_render_mermaid

## What's new ### Mermaid diagram rendering Fenced `mermaid` code blocks in the preview are now rendered as live SVG diagrams. Write a diagram definition in your markdown and it appears as a rendered graphic in the right-hand pane — no extra steps required. ````markdown ```mermaid graph TD A[Write markdown] --> B[Live SVG preview] ``` ```` ### Graceful fallback If the diagram definition contains a syntax error, the original fenced code block is preserved as-is. The rest of the preview is unaffected. --- ## Changes - New module `src/lib/diagrams.ts` — locates `language-mermaid` code blocks and replaces them with the SVG returned by `mermaid.render()` - `applyPreviewEffects` (`src/lib/preview.ts`) is now async to accommodate the diagram render step - `App.svelte` updated to handle the async preview pipeline - Added `mermaid` npm dependency --- ## Quality - 3 new BDD scenarios: happy-path rendering, pipeline wiring, invalid-syntax fallback - Mutation score: **100%** (269 mutants tested, up from 177) --- **Full diff:** `master...feature_render_mermaid`

No reviewers

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

nocyphr/md-to-pdf!6

No description provided.

Rows
Columns