Thanks for sharing. Love it, but didn't test it.
Would I would like to do: use a Mermaid JS Image inside of PowerApps, to visualize something.
Unfortunately, I'm not able to do it. Encoding Mermaid JS text to use it with the image url isn't working.
Example:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D
Used in Mermaid live gives me this encoded string after "poke":
eNo1jc0KwjAcw19l5DxH13X7dxUEp2-gJ-mluPoBthuzA3Xs3a2ip18SEjLh2LUWCufB9Jdkv11qv14sVs2Pm8gm8pNvPkQKZwdnrm0cTdoniUa4WGc1VJStPZnxFjS0n2PVjKHbPf0RKgyjTTH2rQl2ezXxzkGdzO0e0974Q9e5fylaqAkPKM5lxmrKS16LUhZ5iidUTRnluSBBVckYr6o5xes7Z5mUJGRJghMVrK7E_AYBm0Fc
If I decode it directly, I got:
Z3JhcGggVEQ7CkEtLT5COwpBLS0+QzsKQi0tPkQ7CkMtLT5E
Thanks for sharing. Love it, but didn't test it.
Would I would like to do: use a Mermaid JS Image inside of PowerApps, to visualize something.
Unfortunately, I'm not able to do it. Encoding Mermaid JS text to use it with the image url isn't working.
Example:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D
Used in Mermaid live gives me this encoded string after "poke":
eNo1jc0KwjAcw19l5DxH13X7dxUEp2-gJ-mluPoBthuzA3Xs3a2ip18SEjLh2LUWCufB9Jdkv11qv14sVs2Pm8gm8pNvPkQKZwdnrm0cTdoniUa4WGc1VJStPZnxFjS0n2PVjKHbPf0RKgyjTTH2rQl2ezXxzkGdzO0e0974Q9e5fylaqAkPKM5lxmrKS16LUhZ5iidUTRnluSBBVckYr6o5xes7Z5mUJGRJghMVrK7E_AYBm0Fc
If I decode it directly, I got:
Z3JhcGggVEQ7CkEtLT5COwpBLS0+QzsKQi0tPkQ7CkMtLT5E
So I'm confused.
Hey Max,
Thanks for reading.
If you prefix that with mermaid.ink/img/ it will render the image for you. You could then include that image inside PowerApps by placing "mermaid.ink/img/Z3JhcGggVEQ7CkEtLT..." inside an Image Control.
Hopefully this helps 🙂