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.

• Added support for subgraphs and titles for subgraphs in flowcharts
• Added notation for dotted links as described in issue #26 and support for thicker links for flowcharts
• Added arrow head to async arrows for sequence diagrams
• Making it possible to have style/% in class definitions as described in issue #54
• Added the option to disable auto rendering via the mermaid namespace as described in issue #91
• Support for linkStyles for link number > 9 as dewscribed in issue #95

Sequence diagrams

• Addition of alt, opt statements in sequence diagrams
• Addition async messages in sequence diagrams
• Line breaks for all variations of br tags as described in issue #73

Flowcharts

• Added ` as a valid character for flowcharts as described in issue #84
• Added format for link text to look like the text is on the line as described in issue #53

Mermaid CLI

• mermaid CLI shows help and version even if phantom isn't present. As described in issue #71

New features:

• Client utility, issue #6
• Support for sequence diagrams, issue #16

Bugfixes:

• Backslash is now a valid character in nodes (mentioned in #54)

Resolved issues:

• This characters failed the lexical parsing #46
• Trailing whitespace at the end of lines is not ignored #55
• Improve readability with new line as terminator and whitespace #38
• Use classes instead of inline style for easy styling #24
• Support for comments #47
  Sequence diagrams still in alpha but now support notes (to the right)

• Better text support with handling of more unicode characters and some special characters as ? etc
• Parser exposed in the API
• Added check for previously processed div elements, fix for issue #29.

• Better handling of width
• Git ingore update
• Correct repository information in package .json

This time also including the compiled files in dist.

Support for unicode letters.

Difference between bower version and version in the code

• Default shape for nodes without shape info set to rectangle

• Support for new shapes circle, irregular rectangle
• Support for styling of links
• Support for newlines in texts
• Centered text on links
• Shaded background for text on links
• Support for click on nodes

Better text handling within nodes
Support for tags winin node text
Possibility to add click events to nodes

Added support for:

• additional special characters in nodes, for instance <, >
• multiple arrows from one node to another
• definition of classes that can be applied multiple nodes
• a default class that is applied to all nodes witthout classes

Support for graph definition scripting and rendering of flowcharts

Documentation:

• Description of syntax and usage in Readme.md