feat: support sequence diagrams 🚀

[ad1992]

Support Mermaid Sequence diagrams

• Support name and definition in testcases and beautify playground
• Support containers, arrows and lines
• transform the arrow type to correct excalidraw stroke style
• don't show arrow head for solid open and dotted open
• Render actors symbols in Excalidraw when present
  
• Grouping
• Support grouping/box when diagram includes actor symbols
• group actor image elements so it easy to move them
• Aliases

sequenceDiagram
    participant A as Alice
    participant J as John
    A->>J: Hello John, how are you?
    J->>A: Great!

• Notes

• Add test cases for sequence

• clean up playground

• Activations

• Loops

• Alternate Paths

• Parallel Actions

• Breaks

• Critical Regions

• Self loops

• Comments

• Sequence numbers

• background highlights

• critical label shouldn't overlap with loop text

• Remove font customization as Mermaid breaks with customizing font
  

• Entity codes to escape characters

I use the API diagram.parser.yy.getMessages and the text gets removed in this API when it containes entity codes (mermaid-js/mermaid#4983). So this API needs to be fixed in mermaid package. I can add a hacky fix rn to support it but will prefer using the message API to reduce the dependency on DOM. Opened a PR - mermaid-js/mermaid#5002.
Right now I have added the support in this PR by handling entity codes. Once PR is merged that part will be removed

Unsupported Features

• Actor Creation and Destruction
  For this we have to upgrade to at least 10.3.0 as this is supported 10.3.0 onwards, however the SVG nodes order is reversed which is making this upgrade trickier, more info here - The order of svg is reversed for sequence diagram participant nodes mermaid-js/mermaid#4946
• Entity codes to escape characters
  I use the API diagram.parser.yy.getMessages and the text gets removed in this API when it containes entity codes (getMessages API doesn't support Entity codes mermaid-js/mermaid#4983). So this API needs to be fixed in mermaid package. I can add a hacky fix rn to support it but will prefer using the message API to reduce the dependency on DOM.
  Opened a PR - fix: getMessageAPI so it considers entity codes mermaid-js/mermaid#5002 and have added support in this PR as well
• Actor menus
  They don't work on mermaid itself - Actor Menus on Sequence Diagrams do not popup. mermaid-js/mermaid#4212

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
mermaid-to-excalidraw	✅ Ready (Inspect)	Visit Preview	Nov 3, 2023 11:57am

[ad1992]

Merging 🚀