marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-13 20:39:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix for hideUnusedParticipants

Browse Source
This commit is contained in:
Knut Sveidqvist
2022-04-28 18:45:18 +02:00
parent 90a631cdad
commit d914e23626
5 changed files with 25 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
cypress/fixtures/example.json Normal file
View File

@@ -0,0 +1,5 @@
{
"name": "Using fixtures to represent data",
"email": "hello@cypress.io",
"body": "Fixtures are a great way to mock data for responses to routes"
}

6
cypress/integration/rendering/sequencediagram.spec.js
View File

@@ -614,16 +614,14 @@ context('Sequence diagram', () => {
//Be aware that the syntax for "properties" is likely to be changed. //Be aware that the syntax for "properties" is likely to be changed.
imgSnapshotTest( imgSnapshotTest(
` `
%%{init: { "config": { "hideUnusedParticipants": true }}}%% %%{init: { "config": { "sequence": {"hideUnusedParticipants": true }}}}%%
sequenceDiagram sequenceDiagram
participant a participant a
`, `,
{ {
logLevel: 0, logLevel: 0,
sequence: { mirrorActors: false, noteFontSize: 18, noteFontFamily: 'Arial' }, sequence: { mirrorActors: false, noteFontSize: 18, noteFontFamily: 'Arial' },
}, }
false,
(svg) => expect(svg.get('rect')).to.be.empty()
); );
}); });
}); });

79
cypress/platform/knsv.html
View File

@@ -26,58 +26,16 @@
</style> </style>
</head> </head>
<body> <body>
<div class="mermaid2" style="width: 50%;">
pie title Pets adopted by volunteers
"Dogs" : 386
"Cats" : 85
"Rats" : 15
</div>
<div class="mermaid2" style="width: 100%;">
gantt
title Adding GANTT diagram functionality to mermaid
excludes :excludes the named dates/days from being included in a charted task..
section Screening
Lexplore :active, des1, 2023-01-06,2023-01-08
H4 :active, des2, 2024-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
</div>
<div class="mermaid2" style="width: 100%;">
info
</div>
<div class="mermaid2" style="width: 100%;">
gitGraph:
options
{
"nodeSpacing": 150,
"nodeRadius": 10
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch
</div>
<div class="mermaid" style="width: 50%;"> <div class="mermaid" style="width: 50%;">
sequenceDiagram %%{init: { 'logLevel': 'debug', 'theme': 'base', 'sequence': {'hideUnusedParticipants': true, 'showCommitLabel':true,'mainBranchName': 'MetroLine1'}} }%%
title: with colon:
participant a as Alice sequenceDiagram
participant j as John participant a
note right of a: Hello world! </div>
properties a: {"class": "internal-service-actor", "type": "@clock"}
properties j: {"class": "external-service-actor", "type": "@computer"}
links a: {"Repo": "https://www.contoso.com/repo", "Swagger": "https://www.contoso.com/swagger"}
links j: {"Repo": "https://www.contoso.com/repo"}
links a: {"Dashboard": "https://www.contoso.com/dashboard", "On-Call": "https://www.contoso.com/oncall"}
link a: Contacts @ https://contacts.contoso.com/?contact=alice@contoso.com
a->>j: Hello John, how are you?
j-->>a: Great! </div>
<div class="mermaid2" style="width: 100%;"> <div class="mermaid2" style="width: 100%;">
journey journey
title My working day title My working day
@@ -145,12 +103,6 @@ requirementDiagram
a1-->a2-->a3 a1-->a2-->a3
end end
</div> </div>
<div class="mermaid" style="width: 50%;">
flowchart LR
Function-->URL-->A-->B-->C
click Function clickByFlow "Add a div"
click URL "https://mermaid-js.github.io/mermaid/#/" "Visit <strong>mermaid docs</strong>" _blank
</div>
<div class="mermaid2" style="width: 100%;"> <div class="mermaid2" style="width: 100%;">
gantt gantt
dateFormat YYYY-MM-DD dateFormat YYYY-MM-DD
@@ -257,13 +209,14 @@ class Class10 {
htmlLabels: true, htmlLabels: true,
}, },
// gantt: { axisFormat: '%m/%d/%Y' }, // gantt: { axisFormat: '%m/%d/%Y' },
sequence: { // sequence: {
actorFontFamily: 'courier', // actorFontFamily: 'courier',
actorMargin: 50, // actorMargin: 50,
showSequenceNumbers: false, // showSequenceNumbers: false,
// forceMenus: true, // // hideUnusedParticipants: true,
}, // // forceMenus: true,
// sequenceDiagram: { actorMargin: 300, forceMenus: false }, // deprecated // },
// // sequenceDiagram: { actorMargin: 300, forceMenus: false }, // deprecated
// fontFamily: '"times", sans-serif', // fontFamily: '"times", sans-serif',
// fontFamily: 'courier', // fontFamily: 'courier',
state: { state: {

1
src/defaultConfig.js
View File

@@ -230,6 +230,7 @@ const config = {
/** The object containing configurations specific for sequence diagrams */ /** The object containing configurations specific for sequence diagrams */
sequence: { sequence: {
hideUnusedParticipants: false,
/** /**
* | Parameter | Description | Type | Required | Values | * | Parameter | Description | Type | Required | Values |
* | --------------- | ---------------------------- | ------- | -------- | ------------------ | * | --------------- | ---------------------------- | ------- | -------- | ------------------ |

2
src/diagrams/sequence/sequenceRenderer.js
View File

@@ -461,7 +461,7 @@ export const drawActors = function (
newActors.add(message.from); newActors.add(message.from);
newActors.add(message.to); newActors.add(message.to);
}); });
actorKeys = actorKeys.filter((actorKey) => newActors.includes(actorKey)); actorKeys = actorKeys.filter((actorKey) => newActors.has(actorKey));
} }
// Draw the actors // Draw the actors