Skip to content

Update mermaid to 11.4.1

  • Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA. As a benefit of being a GitLab Community Contributor, you can request access to GitLab Duo.

What does this MR do and why?

Update mermaid to 11.4.1 to support architecture, block, kanban and packet diagrams.

Changelog: added

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
mermaid_packet_before mermaid_packet_after

How to set up and validate locally

Here is a packet diagram that is now supported:

Example packet diagram
```mermaid
---
title: "TCP Packet"
---
packet-beta
  0-15: "Source Port"
  16-31: "Destination Port"
  32-63: "Sequence Number"
  64-95: "Acknowledgment Number"
  96-99: "Data Offset"
  100-105: "Reserved"
  106: "URG"
  107: "ACK"
  108: "PSH"
  109: "RST"
  110: "SYN"
  111: "FIN"
  112-127: "Window"
  128-143: "Checksum"
  144-159: "Urgent Pointer"
  160-191: "(Options and Padding)"
  192-255: "Data (variable length)"
  1. Create a new snippet, comment, issue or anything where a ```mermaid would be supported.
  2. The diagram should render and match the screenshot above (and not throw a syntax error).

Related to #491514

frontend

Edited by Aaron Linville

Merge request reports

Loading