Update Mermaid dependency to v11.14.0+ to enable TreeView diagram support
Proposal
Upgrade the bundled Mermaid dependency to version 11.14.0 or later.
This update would enable:
- Native TreeView Diagrams: Replace manual ASCII art with concise, renderable Mermaid syntax.
- Improved Maintainability: No more manual alignment of pipes (
|) and dashes (-). - Visual Consistency: Diagrams that match GitLab's native styling and support themes (dark/light mode).
- Access to additional icons: Who doesn't like more icon choices?
Current ASCII Limitation
Currently, I must use pre-formatted text blocks with inconsistent connectors that are prone to misalignment:
my-project/
+-- src/
| +-- components/
| | +-- Header.js
| | +-- Footer.js
| +-- utils/
| | +-- helpers.js
| +-- App.js
+-- public/
| +-- index.html
| +-- styles.css
+-- package.json
+-- README.md
+-- tests/
+-- unit/
| +-- components.test.js
+-- integration/
+-- api.test.jsDesired State (Mermaid TreeView)
With Mermaid v11.14.0+, I could use clean, indentation-based syntax:
my-project/
src/
components/
Header.js
Footer.js
utils/
helpers.js
App.js
public/
index.html
styles.css
package.json
README.md
tests/
unit/
components.test.js
integration/
api.test.jsRelevant Links
- Mermaid TreeView Docs: https://mermaid.js.org/syntax/treeView.html
- Mermaid v11.14.0 Release: https://github.com/mermaid-js/mermaid/releases/tag/v11.14.0
Edited by 🤖 GitLab Bot 🤖