Box in mermaid sequence in markdown does not render

Diagrams | Hugo provides a sample sequence diagram example for markdown.
I have a similar sequence diagram captured in a markdown. The difference is that I have encapsulating box for participants. This causes an error in rendering the sequence diagram. To ensure syntactic correctness, I am able to render it in VSCode.

Sample code -

    box rgb(255, 244, 255) Setup
        participant ps as Server
        participant pc as Controller
    box LightYellow Target
        participant ss as Setup Service
    Note over ps,ss: Phase1 :: Procure Credentials
    pc->>ss: Test request
    ss->>pc: Response :: Test Response

vsCode renders well.

Please provide your failing example.

Hugo cannot render mermaid.

I am unable to reproduce the problem as described. Try it:

git clone --single-branch -b hugo-forum-topic-43967 hugo-forum-topic-43967
cd hugo-forum-topic-43967
hugo server

You are using an old version of mermaid.js (v9.1.3). The problem you describe is fixed with v9.4.0 and later. The current version is v10.1.0.

The sample code in the documentation pulls in the latest release.

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.