Participant and more new syntax
For more new syntax, checkout Sequence diagram syntax
When you move the cursor in the code editor, the corresponding message will be highlighted; if you click a message in the diagram, the corresponding code will be highlight in the editor.
A new macro has been added to the ZenUML plugin. With this new macro you can draw any diagram you like. We are migrating text to digram feature to this new macro.
This macro is built on top of mxgraph - https://jgraph.github.io/mxgraph/ .
Some of the features are only available on the confluence cloud platform and via the full (paid) version.
The above diagram is generated from the following code:
// `POST order`
//
// - [ ] Setup loadbalancer
// - [x] Config Kong gateway - [instrucions](document)
OrderController.create() {
// Create an **immutable** order
// - [ ] Build a microservice
OrderService.create() {
// | id | Prod_Name | Price | Inserted_At |
// |----|-----------|-------|-------------|
// |123 | book 1 | $10.00| 2020-06-30 |
OrderRepo.save()
}
} |
In the latest version, we have integrated mermaid into the plugin.
graph TB
sq[Square shape] --> ci((Circle shape))
subgraph A
od>Odd shape]-- Two line<br/>edge comment --> ro
di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
di==>ro2(Rounded square shape)
end
%% Notice that no text in shape are added here instead that is appended further down
e --> od3>Really long text with linebreak<br>in an Odd shape]
%% Comments after double percent signs
e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)
cyr[Cyrillic]-->cyr2((Circle shape Начало));
classDef green fill:#9f6,stroke:#333,stroke-width:2px;
classDef orange fill:#f96,stroke:#333,stroke-width:4px;
class sq,e green
class di orange |