Obsidian doesn't recognize invisible links (tilde ~~~) in mermaid diagram

Bug reports
, ,
1

Steps to reproduce

The following Minimal Buggy Example renders fine on mermaid.live but does not render in Obsidian.

flowchart TD
	A --> B;
	B --> C;
	A ~~~ C;

Expected result

A simple flow chart, bent because of an invisible link between nodes A and C.

Actual result

Error parsing Mermaid diagram!

Lexical error on line 4. Unrecognized text.
…–> B; B → C; A ~~~ C;
---------------------^

Environment

SYSTEM INFO:
Obsidian version: v1.1.16
Installer version: v1.1.16
Operating system: Windows 10 Home 10.0.19044
Login status: not logged in
Insider build toggle: off
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 5
Plugins enabled: 0

RECOMMENDATIONS:
none

Additional information

Screenshot 2023-04-20 194513
Screenshot 2023-04-20 194513303×726 8.35 KB

2

this is in mermaid 10 and we haven’t updated to it yet. No ETAs as there major API changes in it.

3

Use case or problem

The Mermaid invisible link operator ~~~ for flowcharts is considered invalid syntax. Weird.

I mostly need it so subgraph components respect the direction directive, since only connected components respect it for some reason.

Proposed solution

Feature parity with Mermaid for flowcharts. Meaning, implement the invisible link operator (~~~).

Current workaround (optional)

Not yet known. Possibly some JS hack.

Related feature requests (optional)

This is essentially a repost of this post about the same problem. The response given was “not yet”. So, when then?