Features

Experimental support for Pie charts
Rendering tests using cypress and percy

Bug fixes

#937 Handling direction keywords in node ids
Correctly documenting htmlLabels as true by default
#926 Style font color only working in classes not in style Tag
#922 Fix for click binding on nodes with ids starting with a number

Features

Allowing chaining of nodes in flowcharts.

graph TB
  a --> b --> c

Bug fixes:

• Fix for numbers in nodes in subgraphs as per #918
• Making it possieble to use underscore in labels in vertices as per #915
• Better handling of nodes whos ids are starting with a number. #914
• Backwards compatible syntax for associating a class with a node. #835

graph TB
  a --> b:::theClass

  classDef theClass fill:#0f0,stroke:#333,stroke-width:3px;

Re-allowing '.' in node ids

Features

#889 Sequence diagram background rects

Bugfixes

#895 Fix for issue with spaces in subgraph titles
#900 Fix fr subgraps starting with a number
Fix for issue with clicking functions not correctly applied

Fix for issue with configuration not always beeing applied properly (#884)
Fix for issue with click events for flowcharts (#731)

Added securityLevel configuration

Sets the level of trust to be used on the parsed diagrams.

• true: (default) tags in text are encoded, click functionality is disabled
• false: tags in text are allowed, click functionality is enabled

⚠️ Note : This changes the default behaviour of mermaid so that after upgrade to 8.2, if the securityLevel is not configured, tags in flowcharts are encoded as tags and clicking is prohibited.

Closed issues

• Create issue templates #847
• Create issue templates #871
• cross site scripting in mermaid #869
• Make Gantt chart date inclusive #868
• CHANGELOG missing updates for all versions since 0.4.0 #865
• please add tag for 8.0.0 release #863
• classDiagram breaks on any edit #858
• found 1 high severity vulnerability #839
• Missing fontawesome icon support #830
• Docs for integration with wiki.js? #829
• Is this project still maintained? #826
• typroa #823
• Maintain the order of the nodes in Flowchart #815
• Overlap, Overflow and cut titles in flowchart #814
• How load mermaidApi notejs electron #813
• How to set the spacing between the text of the flowchart node and the border? #812
• no triming participant name and the name following spaces is as another actor in sequence #809
• uml Class as shape type #807
• Force-directed graph Layout Style #806
• how can I start a newLine in FlowChart #805
• UOEProcessShow #801
• Why the use of code blocks? #799
• fixing class diagram #794
• Autonumber support in sequence diagrams #782
• MomentJS dependency #781
• Feature : Can we color code the flow/arrows #766
• Is there any way to convert flowchart.js code to mermaid code #726
• Fixed width of nodes #653
• Inline comment #650
• alt attribute of img tag in HTML #619
• Just wanted to say : THANKS ! #618
• "animation" #446

Merged pull requests:

• Trimming whitespace after participant id #882 (IOrlandoni)
• chore(deps): bump atob from 2.0.3 to 2.1.2 #881 (dependabot[bot])
• chore(deps): bump fstream from 1.0.11 to 1.0.12 #880 (dependabot[bot])
• chore(deps): bump js-yaml from 3.12.0 to 3.13.1 #879 (dependabot[bot])
• I847 cross site scripting #878 (knsv)
• Bump lodash.mergewith from 4.6.1 to 4.6.2 #877 (dependabot[bot])
• Adding docs into core repo again #876 (knsv)
• Bump lodash from 4.17.11 to 4.17.13 #875 (dependabot[bot])
• feat(stale.yml): update issue label and bot comment #874 (ThePenguin1140)
• Feature/allow inclusive enddates #872 (ThePenguin1140)
• Adding trapezoid and inverse trapezoid vertex options. #741 (adamwulf)

Changes

Merged the following pull requests:

#788 Gantt milestones
#791 SVG link rendering
#792 Added exclude weekdays to definition
#795 fix class diagram mermaid
#798 linkStyle now supports list of indexes with a few tests
#804 Clickable gantt tasks
#810 Documentation update
#824 Fix issue with XML line breaks inside vertex labels
#828 Fix dotted lines not appearing in flowcharts when HTML labels disabled
#832 ix draw function can only call once
#837 Fix dark theme, loop labels not visible
#848 Support styling of subgraphs
#850 Significantly smaller bundles
#851 Bump sshpk from 1.13.1 to 1.16.1 (security)

Changes

#376 Override normal flowchart arrowhead to allow css styling
Class diegram support
#390 Improvements to the cli regarding how configuration sent to the cli and verbouse is a new command line argument.
#395 New neutral theme
#400 Fix for line endings in generated svg
#423, #427 Placements actor label in sequence diagram
Improvments to the logger so that it logs the stacktrace in som circumstances.
#429 Uses an empty text node instead of a string for svg group labels
#430, #433, #435 fix gantt chart cli configuration parsing including functions
Documentation impromenents
#445 Fix for cli css style selector lowercase problem
#441 Updated d3
#449 Allow .node>circle to receive css styles
#452 Customizing link style with any color sets fill property to black instead of none

Closed issues by this release:
#341
#362
#367
#389
#400
#416
#422
#428
#431
#434

Today we're announcing that we're switching to major revisions for mermaid. The last version was 0.5.8. This release is 6.0.0 (instead of 0.6.0).

#Changes
#236: Windows - cli - could not find phantomjs at the specified path
#299: Sequence diagram Loops: changing boxMargin spoils the "loop" notation
More forgiving syntax regarding
Support for leading comments for sequenceDiagrams
#313: Support for activation boxes in sequence diagrams
Support for git graph diagrams
Added line interpolation to linkStyle in flowchart
Better handling of spaces around the section names in the gantt charts

Small release solving issue #281 with polyfill for changes made in Chrome v48

Changes

Fixes for issues:
#229 Optional terminal new line in sequenceDiagrams
#235 Allow node ids with keywords as suffixes
#237 Elipse syntax
#244 Font awesome incon insert
#239 Fixed - Cannot read property 'replace' of undefined
#257 Removed dependency on babel when using requiring mermaid
#249 SVG arrowheads are broken in the CLI
#255 Label resizing with dynamically loaded fonts
#259 One diagram that fails to render stops further execution on the page

Other changes
Experimental support for class diagrams
Better error handling in css cloning

Fix for issue #227 regarding arrowheads in sequence diagrams.

Main changes

• Improved handling of base tags as discussed in issue #225 and #181
• Upgraded to version 0.3.5.6 of d3 as described in issue #221
• Possible to set logLevel from configuration as described in issue#220
• Possibility to set with of generated images using the CLI as discussed in issue #204
• Support for font-awesome as described in issue #49 * end is allowed as substring in the vertex/node id asdescribed in issue #184

Code changes

• Modernized build environment
• Support for es2015 syntax via babel

#Changes in version 0.5.3

• Support for hyperlink and tooltip
• Possible to escape characters in sequenceDiagrams and flowcharts
• Mermaid now possible to use in a requirejs/AMD environment
• More correct xml for foreignobject whenusing html labels
• Better wordwrapping for notes in sequence diagrams
• Mermaid can now works in pages that use base tags
• Updated styling posibilities from css

This release has the same functionality as 0.5.2 but with correct version in file published in npm.

Changes in version 0.5.2

• Support for hyperlink and tooltip
• Possible to escape characters in sequenceDiagrams and flowcharts
• Mermaid now possible to use in a requirejs/AMD environment
• More correct xml for foreignobject whenusing html labels
• Better wordwrapping for notes in sequence diagrams
• Mermaid can now works in pages that use base tags
• Updated styling posibilities from css

Changes in version 0.5.1

• Version property removed from bower.json
• Escaping of characters using double quotes as described in issue #170
• Fix for problem with click event callbacks as described in issue #174
• Autoscaling of all diagram types as described in issue #175
• Auto line-wrap of notes in sequence diagrams as described in issue #178
• Default style for clusters in flowcharts

Content of release:

• Updated configuration handling
• Any characters within quotes in link texts and node scriptions as described in issue #162
• Option for whether or not to closeCssStyles as described in issue #157
• Autoscaling for gantt diagrams and sequence diagrams as described in issue #150
• Support for nested subgraphs as described in issue #161
  *Split between the web integration and core diagram rendering and exposure of a render method as discussed in issue #146
  *Updated bundling with smaller deliverables
  *Fix for accessDenied issue during cssRule cloning as described in issue #155
• Modified the number of week for which the x-axis stays in week mode
• Adjustment of init method for more fine grained integrations

Info regarding the change of the init method

Configuration are picked up from the mermaid object and is not passed as arguments. Same handling for all diagram types, sequenceDiagrams were handled in a different way before this commit.

When init is called with:

• 0 arguments - all mermaid divs are processed
• 1 argument - this is interpreted as a definition of what nodes to process
• 2 arguments - for (some) backwards compatability the second argument is interpreted as the definition of nodes to process. The first argument (prrobably a sequence config is ignored)

A definition of nodes to process can be

• a css selector for what elements to be processed
• a list of nodes as in the result of a command like the one below

document.querySelectorAll('.tbProcessed');

Other issues affected by the release:

#37, #126, #129, #134, #135, #137

New functionality

• Support for gantt diagrams
• Yet more forgiving syntax for flow charts regarding spaces around links
• Default mermaid.css included as well as less structure for simple theming,
  • run gulp mermaid-less to create new less files
• default style for links is now possible

Issues closed:

• Issue #122 - Add a css file, mermaid.css, with default styling
• Issue #118 - Add capability for gantt diagrams
• Issue #108 - lower case v causes error in the parser
• Issue #67 - Label's css conflict with boostrap's .label

New functionality:

• Possibility to style diagrams created with the CLI tool
• Better support for Internet Explorer
• More forgiving syntax for flow charts regarding spaces around links

Fix for issues:

• Fixes for parsing characters discussed in issue #54 and #108. % in text, v in text ...!!!
• Display of actors below sequence diagram as described in issue #106
• Added the configuration parameter htmlLabels to the mermaid config. It defaults to true, but if set to false, all labels (in nodes and on edges) will be generated as SVG compatible text, not HTML. This resolves issue #58.
  *Isolated local CSS content to each mermaid SVG. This resolves issue #92.
  Started effort to break out the dagre-d3 dependency, in order to build a truly minimized mermaid. Not completed.
• Require d3 directly to better support Node usage
• Allow overriding sequence diagram configuration (SVG properties) as described in issue #103
• Better handling of configuration for sequence diagrams. Possible to update this when rendering in a web page. This solved issue #109

Other updates:

• API for validating syntax without rendering the diagram
• Added preliminary reversed asymmetric shape - syntax is not completed though since it conflicts with other elements.