Release Notes

Major Update

Refactored the Mermaid rendering engine to support new features, including customizable layout algorithms and visual styles. This update enhances diagram flexibility, starting with flowcharts and state diagrams, with plans to extend to all diagram types by @knsv, @ashishjain0512, @sidharthv96 in #5604

🚨 Breaking Changes

refactor!(git): default to useMaxWidth true (#5723) @aloisklink
refactor!(sankey): default to useMaxWidth true (#5724) @aloisklink
Use ESBuild (replaces UMD with IIFE bundle) by @sidharthv96 in #4729

🚀 Features

feat: add @mermaid-js/parser package and info langium parser by @Yokozuna59 in #4727
Allow registered diagrams to be overridden. by @sidharthv96 in #5050
feat: Add diagramType to RenderResult and ParseResult by @sidharthv96 in #5118
feat: Add packet diagram by @sidharthv96 in #4839
feat: add pie langium parser by @Yokozuna59 in #4751
feat: add name attribute and class "actor-line" to line by @ad1992 in #5338
Feature/4661 gantt customize days of weekend by @Ronid1 in #5358
Feature/5245 sequence diagram add classes to actors text by @Ronid1 in #5272
Add suppressErrorRendering option to avoid inserting 'Syntax error' message to DOM directly by @rhysd in #4359
Flowchart: Apply nodeSpacing/rankSpacing config to subgraphs by @rowanfr in #5183
feat(git-graph): GitGraph Bottom-to-Top Orientation by @JingyuMarcelLee in #5259
Feature/support fa kit custom icons by @jakobskrym in #5430
Adds 'Switch' as an Alias for 'Checkout` by @FutzMonitor in #5445
feat: Add point styling for quadrant chart by @ilyes-ced in #5173
feat(state): add from, to ids for edge by @igorwessel in #5503
Feature/4051 sequence diagram multi directional arrow by @Ronid1 in #5209
feat: Add threshold to argos test by @sidharthv96 in #5633
feat: Use marked instead of mdast-util-from-markdown by @sidharthv96 in #5636
feat(3801): Multiple Tags support for Git Graph by @Yash-Singh1 in #5647
Allow Hashtags in Timeline Titles, Sections, and Events by @FutzMonitor in #5399
Allow Semicolons in Timeline Titles, Sections, Periods, and Events by @FutzMonitor in #5335

🐛 Bug Fixes

bug/5133 sequence diagram fix arrow corner by @Ronid1 in #5309
fix: remove unused import by @ad1992 in #5421
fix: make sequenceDB typesafe by @ad1992 in #5426
fix: simply from and to in message to string type by @ad1992 in #5471
fix: inconsistent MathML rendering & erroneous
s being added by @NicolasNewman in #5483
fix: move from objects to Maps by @Yash-Singh1 in #5468
Bug/5525 sequence diagram fix note z position by @Ronid1 in #5564
Fix sandbox mode with UTF-16 characters by @iansan5653 in #5520
[XYChart] fixed incorrect spacing between data points by @OG-NI in #5556
fix: prevent escaping label styles by @Yash-Singh1 in #5598
fix(class): #5624 Reset direction to default in classDiagram by @sidharthv96 in #5625
fix: double space in wrapped sequence diagram messages by @Yash-Singh1 in #5649
Fix Requirement overflow by @Mikek16 in #5305
fix: Create a copy of config passed in initialize, so that theme variables are not leaked to the object by @sidharthv96 in #5725
Bug/4391 make markdown auto wrapping optional by @dreathed in #4856

Fixed styling for lines for ELK flowchart by @itsalam in #4844
Correct the System_Boundary stereotype by @jonmcewen in #5243
Remove elkjs dependency from mermaid package by @Gusted in #5654
Aligning doctype so that mermaid renders in the same way with or without it by @knsv in #5727

🧰 Maintenance

chore: Cleanup layoutelk by @sidharthv96 in #5730
chore: Fix peer dependencies by @sidharthv96 in #5737
chore: remove repetitive words by @welfuture in #5476
chore: remove unrefSubSchemas by @sidharthv96 in #5514
chore: setup Argos Visual Testing by @gregberge in #5577
chore: fix Argos parallel by @gregberge in #5581
chore: Deprecate mermaidAPI by @sidharthv96 in #4821
chore: Log granular rebuild times by @sidharthv96 in #5609
chore: Update @zenuml/core dependency to version 3.23.27 by @dontry in #5607
chore: 5237 Cleanup by @sidharthv96 in #5606
chore: Update pnpm and lockfile by @sidharthv96 in #5728
Split chunks into individual dirs by @sidharthv96 in #4733

remove duplicate @types/d3-scale dev dependency by @Yokozuna59 in #4749
[v11] Limit MermaidConfig enum TypesScript types to certain values by @aloisklink in #4803
Move ELK to standalone package by @sidharthv96 in #5049
Remove default properties before generating the config types by @disog in #5126
refactor: Convert flowDB to TS by @sidharthv96 in #5077
refactor: Support async parsers [internal] by @sidharthv96 in #5233
build(deps): update langium to v3 and apply the required changes by @Yokozuna59 in #5345
ci(e2e): avoid commenting on PRs in CI, fixing PRs from forks by @aloisklink in #5365
[PR#5468] refactor: remove TypeScript non null assertions by @aloisklink in #5518
Fixed entrypoint path by @nirname in #5566
Fixed wrong ELK detector by @nirname in #5579
Cleanup Cypress tests by @sidharthv96 in #5586
ESLint V9 - Typed by @sidharthv96 in #5608
Update eslint to v9 by @sidharthv96 in #5603
ci: upgrade to pnpm/action-setup@v4 to avoid CI failures by @frantic1048 in #5621
test: Argos parallel by @sidharthv96 in #5635
Add autofix.ci by @sidharthv96 in #5651
5237 Review Updates by @sidharthv96 in #5670
Support flowchart-elk to use layout: elk by @sidharthv96 in #5729

📚 Documentation

Update docs to properly showcase participant ordering by @loucadufault in #5306
DOCS: Add blog post - Official Mermaid Chart for Confluence app by @huynhicode in #5536
docs: fix node version in CONTRIBUTING.md by @exoego in #5573
docs: Added demo diagram of bidirectional arrows for sequence diagrams by @Justin-Garey in #5589
DOCS: Product Hunt by @huynhicode in #5602
Adds Doctave to list of integrations by @begleynk in #5614
docs: fix the classDef example in stateDiagram not display as code block, and long text display overflows by @ScriptBloom in #5640

Add LLM integration section in productivity tools and add HueHive by @kamalkishor1991 in #5351
Update integrations-community: add Drupal and module. by @swirtSJW in #5389
Update entityRelationshipDiagram.md by @anlai46 in #5413
Add named composite state example to stateDiagram-v2 by @cbugk in #5485
Update integrations-community: Add MarkChart, a macOS app to preview … by @Timac in #5490
Added to "others" section on integration with Astro by @conradagramont in #5506
Updated Mermaid Chart ChatGPT plugin link by @Abrifq in #5509
Tiny improvements to Diagram Syntax sidebar by @TWiStErRob in #5532
Update flowchart.md by @GRASBOCK in #5517
Explain line breaks in sequenceDiagram.md by @abitrolly in #5570
Add Slidev to the list of integrations by @KermanX in #5629
Add Madness to integrations-community.md by @DannyBen in #5591
typo by @inverted-capital in #5641
add MonsterWriter to list of community integrations by @wolfoo2931 in #5719

New Contributors

@disog made their first contribution in #5126
@kamalkishor1991 made their first contribution in #5351
@github-actions made their first contribution in #5375
@swirtSJW made their first contribution in #5389
@loucadufault made their first contribution in #5306
@itsalam made their first contribution in #4844
@JingyuMarcelLee made their first contribution in #5259
@anlai46 made their first contribution in #5413
@jakobskrym made their first contribution in #5430
@ilyes-ced made their first contribution in #5173
@welfuture made their first contribution in #5476
@cbugk made their first contribution in #5485
@Timac made their first contribution in #5490
@conradagramont made their first contribution in #5506
@igorwessel made their first contribution in #5503
@GRASBOCK made their first contribution in #5517
@TWiStErRob made their first contribution in #5532
@exoego made their first contribution in #5573
@gregberge made their first contribution in #5577
@jonmcewen made their first contribution in #5243
@abitrolly made their first contribution in #5570
@iansan5653 made their first contribution in #5520
@OG-NI made their first contribution in #5556
@Justin-Garey made their first contribution in #5589
@begleynk made their first contribution in #5614
@frantic1048 made their first contribution in #5621
@KermanX made their first contribution in #5629
@ScriptBloom made their first contribution in #5640
@DannyBen made their first contribution in #5591
@inverted-capital made their first contribution in #5641
@wolfoo2931 made their first contribution in #5719
@Mikek16 made their first contribution in #5305
Full Changelog: v10.9.1...v11.0.0

🎉 Thanks to all contributors helping with this release! 🎉

mermaid-js/mermaid v11.0.0 on GitHub