mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-08-26 11:46:42 +02:00
Compare commits
11 Commits
@mermaid-j
...
mermaid@11
Author | SHA1 | Date | |
---|---|---|---|
![]() |
73147196b1 | ||
![]() |
c895109497 | ||
![]() |
145acd0ee4 | ||
![]() |
4c43d21196 | ||
![]() |
b4941aa4ce | ||
![]() |
aa259e03f2 | ||
![]() |
0d7aaae0ff | ||
![]() |
958fb6da2b | ||
![]() |
a6dbf0a9ee | ||
![]() |
31b4ec3e10 | ||
![]() |
55aff88e9f |
@@ -786,7 +786,7 @@ A ~~~ B
|
|||||||
`---
|
`---
|
||||||
title: Subgraph nodeSpacing and rankSpacing example
|
title: Subgraph nodeSpacing and rankSpacing example
|
||||||
config:
|
config:
|
||||||
flowchart:
|
flowchart:
|
||||||
nodeSpacing: 250
|
nodeSpacing: 250
|
||||||
rankSpacing: 250
|
rankSpacing: 250
|
||||||
---
|
---
|
||||||
@@ -1052,5 +1052,28 @@ end
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
it('Should render self-loops', () => {
|
||||||
|
imgSnapshotTest(
|
||||||
|
`flowchart
|
||||||
|
A --> A
|
||||||
|
subgraph B
|
||||||
|
B1 --> B1
|
||||||
|
end
|
||||||
|
subgraph C
|
||||||
|
subgraph C1
|
||||||
|
C2 --> C2
|
||||||
|
subgraph D
|
||||||
|
D1 --> D1
|
||||||
|
end
|
||||||
|
D --> D
|
||||||
|
end
|
||||||
|
C1 --> C1
|
||||||
|
end
|
||||||
|
`,
|
||||||
|
{
|
||||||
|
flowchart: { subGraphTitleMargin: { top: 10, bottom: 5 } },
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@@ -83,8 +83,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="flex">
|
<pre id="diagram" class="mermaid">
|
||||||
<pre id="diagram" class="mermaid">
|
|
||||||
---
|
---
|
||||||
title: hello2
|
title: hello2
|
||||||
config:
|
config:
|
||||||
@@ -243,115 +242,7 @@ stateDiagram-v2
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
title: hello2
|
|
||||||
config:
|
|
||||||
look: handDrawn
|
|
||||||
layout: dagre
|
|
||||||
elk:
|
|
||||||
nodePlacementStrategy: BRANDES_KOEPF
|
|
||||||
---
|
|
||||||
stateDiagram-v2
|
|
||||||
A --> A
|
|
||||||
state A {
|
|
||||||
B --> D
|
|
||||||
state B {
|
|
||||||
C
|
|
||||||
}
|
|
||||||
state D {
|
|
||||||
E
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
title: hello2
|
|
||||||
config:
|
|
||||||
look: handDrawn
|
|
||||||
layout: dagre
|
|
||||||
elk:
|
|
||||||
nodePlacementStrategy: BRANDES_KOEPF
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A --> A
|
|
||||||
subgraph A
|
|
||||||
B --> B
|
|
||||||
subgraph B
|
|
||||||
C
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
look: handdrawn
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: true
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? handdrawn - true]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: false
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? classic - false]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: true
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? classic - true]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<pre id="diagram2" class="mermaid2">
|
|
||||||
flowchart LR
|
|
||||||
id1(Start)-->id2(Stop)
|
|
||||||
style id1 fill:#f9f,stroke:#333,stroke-width:4px
|
|
||||||
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pre id="diagram3" class="mermaid2">
|
|
||||||
flowchart LR
|
|
||||||
A:::foo & B:::bar --> C:::foobar
|
|
||||||
classDef foo stroke:#f00
|
|
||||||
classDef bar stroke:#0f0
|
|
||||||
classDef ash color:red
|
|
||||||
class C ash
|
|
||||||
style C stroke:#00f, fill:black
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pre id="diagram4" class="mermaid2">
|
|
||||||
stateDiagram
|
|
||||||
A:::foo
|
|
||||||
B:::bar --> C:::foobar
|
|
||||||
classDef foo stroke:#f00
|
|
||||||
classDef bar stroke:#0f0
|
|
||||||
style C stroke:#00f, fill:black, color:white
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import mermaid from './mermaid.esm.mjs';
|
import mermaid from './mermaid.esm.mjs';
|
||||||
|
@@ -6,6 +6,12 @@
|
|||||||
|
|
||||||
# Blog
|
# Blog
|
||||||
|
|
||||||
|
## [Introducing Architecture Diagrams in Mermaid](https://www.mermaidchart.com/blog/posts/mermaid-supports-architecture-diagrams/)
|
||||||
|
|
||||||
|
2 September 2024 · 2 mins
|
||||||
|
|
||||||
|
Discover the fresh new and unique Neo and Hand-Drawn looks for Mermaid Diagrams, while still offering the classic look you love.
|
||||||
|
|
||||||
## [Mermaid v11 is out!](https://www.mermaidchart.com/blog/posts/mermaid-v11/)
|
## [Mermaid v11 is out!](https://www.mermaidchart.com/blog/posts/mermaid-v11/)
|
||||||
|
|
||||||
23 August 2024 · 2 mins
|
23 August 2024 · 2 mins
|
||||||
|
@@ -4,9 +4,9 @@
|
|||||||
|
|
||||||
### Patch Changes
|
### Patch Changes
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - fix: Updates to the default elk configuration
|
- [#5810](https://github.com/mermaid-js/mermaid/pull/5810) [`33a809f`](https://github.com/mermaid-js/mermaid/commit/33a809f09a9aa1f84ba06201ab550bad81c3ff65) Thanks [@knsv](https://github.com/knsv)! - fix: Updates to the default elk configuration
|
||||||
feat: exposing cycleBreakingStrategy to the configuration so that it can be modified suing the configuration.
|
feat: exposing cycleBreakingStrategy to the configuration so that it can be modified suing the configuration.
|
||||||
- Updated dependencies [[`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989), [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989), [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989), [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989), [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989)]:
|
- Updated dependencies [[`6ecdf7b`](https://github.com/mermaid-js/mermaid/commit/6ecdf7be688efdc53c52fea3ba891327242bc890), [`28bd07f`](https://github.com/mermaid-js/mermaid/commit/28bd07fdeb4fc981107d21317ec6160b31f80116), [`8e640da`](https://github.com/mermaid-js/mermaid/commit/8e640da5436e8ae013b11b1c1821a9afcc15d0d3), [`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048), [`16faef4`](https://github.com/mermaid-js/mermaid/commit/16faef4613b91a7d3a98a1563c25b57f9238acc7)]:
|
||||||
- mermaid@11.1.0
|
- mermaid@11.1.0
|
||||||
|
|
||||||
## 0.1.2
|
## 0.1.2
|
||||||
|
@@ -1,25 +1,31 @@
|
|||||||
# mermaid
|
# mermaid
|
||||||
|
|
||||||
|
## 11.1.1
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- [#5828](https://github.com/mermaid-js/mermaid/pull/5828) [`4c43d21`](https://github.com/mermaid-js/mermaid/commit/4c43d21196f784b6f483ae635fc462329f3d176f) Thanks [@knsv](https://github.com/knsv)! - fix: Fix for issue where self-loops in the root of diagrams break the rendering
|
||||||
|
|
||||||
## 11.1.0
|
## 11.1.0
|
||||||
|
|
||||||
### Minor Changes
|
### Minor Changes
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - feat: Add support for iconify icons
|
- [#5793](https://github.com/mermaid-js/mermaid/pull/5793) [`6ecdf7b`](https://github.com/mermaid-js/mermaid/commit/6ecdf7be688efdc53c52fea3ba891327242bc890) Thanks [@sidharthv96](https://github.com/sidharthv96)! - feat: Add support for iconify icons
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - feat(er): allow multi-line relationship labels
|
- [#5711](https://github.com/mermaid-js/mermaid/pull/5711) [`8e640da`](https://github.com/mermaid-js/mermaid/commit/8e640da5436e8ae013b11b1c1821a9afcc15d0d3) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - feat(er): allow multi-line relationship labels
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - New Diagram: Architecture
|
- [#5452](https://github.com/mermaid-js/mermaid/pull/5452) [`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - New Diagram: Architecture
|
||||||
|
|
||||||
Adds architecture diagrams which allows users to show relations between services.
|
Adds architecture diagrams which allows users to show relations between services.
|
||||||
|
|
||||||
### Patch Changes
|
### Patch Changes
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - Fix for self loops in cluster
|
- [#5810](https://github.com/mermaid-js/mermaid/pull/5810) [`28bd07f`](https://github.com/mermaid-js/mermaid/commit/28bd07fdeb4fc981107d21317ec6160b31f80116) Thanks [@knsv](https://github.com/knsv)! - Fix for self loops in cluster
|
||||||
Supporting legacy defaultRenderer directive
|
Supporting legacy defaultRenderer directive
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - chore: Move icons to architecture, remove full icon sets to reduce bundle size
|
- [#5789](https://github.com/mermaid-js/mermaid/pull/5789) [`16faef4`](https://github.com/mermaid-js/mermaid/commit/16faef4613b91a7d3a98a1563c25b57f9238acc7) Thanks [@sidharthv96](https://github.com/sidharthv96)! - chore: Move icons to architecture, remove full icon sets to reduce bundle size
|
||||||
|
|
||||||
- Updated dependencies [[`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989), [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989)]:
|
- Updated dependencies [[`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048), [`7d8143b`](https://github.com/mermaid-js/mermaid/commit/7d8143b917ee3562149a0e0a821ed2d6f29cc05d)]:
|
||||||
- @mermaid-js/parser@0.3.0
|
- @mermaid-js/parser@0.3.0
|
||||||
|
|
||||||
## 11.0.2
|
## 11.0.2
|
||||||
|
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "mermaid",
|
"name": "mermaid",
|
||||||
"version": "11.1.0",
|
"version": "11.1.1",
|
||||||
"description": "Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.",
|
"description": "Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"module": "./dist/mermaid.core.mjs",
|
"module": "./dist/mermaid.core.mjs",
|
||||||
|
@@ -1,5 +1,11 @@
|
|||||||
# Blog
|
# Blog
|
||||||
|
|
||||||
|
## [Introducing Architecture Diagrams in Mermaid](https://www.mermaidchart.com/blog/posts/mermaid-supports-architecture-diagrams/)
|
||||||
|
|
||||||
|
2 September 2024 · 2 mins
|
||||||
|
|
||||||
|
Discover the fresh new and unique Neo and Hand-Drawn looks for Mermaid Diagrams, while still offering the classic look you love.
|
||||||
|
|
||||||
## [Mermaid v11 is out!](https://www.mermaidchart.com/blog/posts/mermaid-v11/)
|
## [Mermaid v11 is out!](https://www.mermaidchart.com/blog/posts/mermaid-v11/)
|
||||||
|
|
||||||
23 August 2024 · 2 mins
|
23 August 2024 · 2 mins
|
||||||
|
@@ -349,8 +349,10 @@ export const render = async (data4Layout, svg) => {
|
|||||||
edgeMid.arrowTypeEnd = 'none';
|
edgeMid.arrowTypeEnd = 'none';
|
||||||
edgeMid.id = nodeId + '-cyclic-special-mid';
|
edgeMid.id = nodeId + '-cyclic-special-mid';
|
||||||
edge2.label = '';
|
edge2.label = '';
|
||||||
edge1.fromCluster = nodeId;
|
if (node.isGroup) {
|
||||||
edge2.toCluster = nodeId;
|
edge1.fromCluster = nodeId;
|
||||||
|
edge2.toCluster = nodeId;
|
||||||
|
}
|
||||||
edge2.id = nodeId + '-cyclic-special-2';
|
edge2.id = nodeId + '-cyclic-special-2';
|
||||||
graph.setEdge(nodeId, specialId1, edge1, nodeId + '-cyclic-special-0');
|
graph.setEdge(nodeId, specialId1, edge1, nodeId + '-cyclic-special-0');
|
||||||
graph.setEdge(specialId1, specialId2, edgeMid, nodeId + '-cyclic-special-1');
|
graph.setEdge(specialId1, specialId2, edgeMid, nodeId + '-cyclic-special-1');
|
||||||
|
@@ -4,13 +4,13 @@
|
|||||||
|
|
||||||
### Minor Changes
|
### Minor Changes
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - New Diagram: Architecture
|
- [#5452](https://github.com/mermaid-js/mermaid/pull/5452) [`256a148`](https://github.com/mermaid-js/mermaid/commit/256a148bbf484fc7db6c19f94dd69d5d268ee048) Thanks [@NicolasNewman](https://github.com/NicolasNewman)! - New Diagram: Architecture
|
||||||
|
|
||||||
Adds architecture diagrams which allows users to show relations between services.
|
Adds architecture diagrams which allows users to show relations between services.
|
||||||
|
|
||||||
### Patch Changes
|
### Patch Changes
|
||||||
|
|
||||||
- [#2](https://github.com/calvinvette/mermaid/pull/2) [`10795b1`](https://github.com/mermaid-js/mermaid/commit/10795b1d89ecdf43a6414baa2cb37f585549b989) Thanks [@calvinvette](https://github.com/calvinvette)! - feat: Support - in architecture icons
|
- [#5793](https://github.com/mermaid-js/mermaid/pull/5793) [`7d8143b`](https://github.com/mermaid-js/mermaid/commit/7d8143b917ee3562149a0e0a821ed2d6f29cc05d) Thanks [@sidharthv96](https://github.com/sidharthv96)! - feat: Support - in architecture icons
|
||||||
|
|
||||||
## 0.2.0
|
## 0.2.0
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user