Support for gitGraph

[apetitbois]

Expected behaviour

gitGraph:
options
{
  "nodeSpacing": 150,
  "nodeRadius": 10
}
end
  commit
  branch newbranch
  checkout newbranch
  commit
  commit
  checkout master
  commit
  commit
  merge newbranch

This does not render. But if I generate the PDF/HTML from a browser, this actually renders fine.

This is what is seen in the preview:

This is what is seen when rendered as HTML

[vstirbu]

The plugin should use the latest mermaid from npm registry. Which version of mermaid are you using in the browser?

[apetitbois]

<script type="text/javascript" src="file:///C:\Users\[...]\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.4.1\node_modules\@shd101wyy\mume\dependencies\mermaid\mermaid.min.js" charset="UTF-8"></script>

[vstirbu]

I've tried your example and this is what I get:

There are some problems with the rendering after the first draw of the diagram but it is not the problem that you report. Your snippet points to shd101wyy.markdown-preview-enhanced, which is another plugin.

[vstirbu]

I've done further investigation on this type of diagram and the results are not encouraging.

gitGraph is still experimental in mermaid and the resulting SVG lacks elements that would facilitate handling it properly in this plugin:

• no way to detect the width of the diagram. mermaid output just says 100%.
• while the first draw works fine, re-rendering the diagram has some nasty side effects as the paths are rendered somewhere far on the right (no way to have live editing)

Considering this I propose to close this issue and come back when the mermaid support matures.