Mermaid crashes with a local diagram init directive

Resolved help
#1

I attempted to configure a mermaid graph locally today and found that the Mermaid component fails and requires a restart to get diagram rendering to resume. I have toggle preview/edit bound to something like Command-E. Attached are some screenshots with the developer console opened.
Rendered:

Screen Shot 2020-11-09 at 8.27.51 PM
Screen Shot 2020-11-09 at 8.27.51 PM3176×2004 226 KB

Toggled to show source…
Screen Shot 2020-11-09 at 8.27.51 PM
Screen Shot 2020-11-09 at 8.27.51 PM3176×2004 226 KB

Inserted an init directive…
Screen Shot 2020-11-09 at 8.28.33 PM
Screen Shot 2020-11-09 at 8.28.33 PM3176×2004 243 KB

Toggled and it renders but throws an error
Screen Shot 2020-11-09 at 8.28.42 PM
Screen Shot 2020-11-09 at 8.28.42 PM3176×2004 352 KB

After that toggling edit/preview only shows this bold source mode even if I remove the init directive. Diagrams resume working after a restart.
Screen Shot 2020-11-09 at 8.28.57 PM
Screen Shot 2020-11-09 at 8.28.57 PM3176×2004 309 KB

#2

These part of mermaid doesn’t even work well in their live editor. I believe they still have to finish to implement. The documention of this part has also 2/3 different syntaxes.
Long story short. When this works well upstream, we’ll look at it.

1 Like