mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-22 00:40:22 +02:00
Cleanup whitespaces
This commit is contained in:
@@ -188,7 +188,7 @@ describe('Entity Relationship Diagram', () => {
|
|||||||
erDiagram
|
erDiagram
|
||||||
CLUSTER {
|
CLUSTER {
|
||||||
varchar(99) name
|
varchar(99) name
|
||||||
string(255) description
|
string(255) description
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
{ logLevel: 1 }
|
{ logLevel: 1 }
|
||||||
|
@@ -530,7 +530,7 @@ stateDiagram-v2
|
|||||||
[*] --> A
|
[*] --> A
|
||||||
A --> B: test({ foo#colon; 'far' })
|
A --> B: test({ foo#colon; 'far' })
|
||||||
B --> [*]
|
B --> [*]
|
||||||
classDef badBadEvent fill:#f00,color:white,font-weight:bold
|
classDef badBadEvent fill:#f00,color:white,font-weight:bold
|
||||||
class B badBadEvent
|
class B badBadEvent
|
||||||
`,
|
`,
|
||||||
{ logLevel: 0, fontFamily: 'courier' }
|
{ logLevel: 0, fontFamily: 'courier' }
|
||||||
@@ -543,14 +543,14 @@ stateDiagram-v2
|
|||||||
classDef notMoving fill:white
|
classDef notMoving fill:white
|
||||||
classDef movement font-style:italic;
|
classDef movement font-style:italic;
|
||||||
classDef badBadEvent fill:#f00,color:white,font-weight:bold
|
classDef badBadEvent fill:#f00,color:white,font-weight:bold
|
||||||
|
|
||||||
[*] --> Still
|
[*] --> Still
|
||||||
Still --> [*]
|
Still --> [*]
|
||||||
Still --> Moving
|
Still --> Moving
|
||||||
Moving --> Still
|
Moving --> Still
|
||||||
Moving --> Crash
|
Moving --> Crash
|
||||||
Crash --> [*]
|
Crash --> [*]
|
||||||
|
|
||||||
class Still notMoving
|
class Still notMoving
|
||||||
class Moving, Crash movement
|
class Moving, Crash movement
|
||||||
class Crash badBadEvent
|
class Crash badBadEvent
|
||||||
|
@@ -49,7 +49,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
BiRel(customerA, SystemAA, "Uses")
|
BiRel(customerA, SystemAA, "Uses")
|
||||||
BiRel(SystemAA, SystemE, "Uses")
|
BiRel(SystemAA, SystemE, "Uses")
|
||||||
Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
|
Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
UpdateRelStyle(SystemAA, SystemE, $textColor="blue", $lineColor="blue", $offsetY="-10")
|
UpdateRelStyle(SystemAA, SystemE, $textColor="blue", $lineColor="blue", $offsetY="-10")
|
||||||
UpdateRelStyle(SystemAA, SystemC, $textColor="blue", $lineColor="blue", $offsetY="-40", $offsetX="-50")
|
UpdateRelStyle(SystemAA, SystemC, $textColor="blue", $lineColor="blue", $offsetY="-40", $offsetX="-50")
|
||||||
UpdateRelStyle(SystemC, customerA, $textColor="red", $lineColor="red", $offsetX="-50", $offsetY="20")
|
UpdateRelStyle(SystemC, customerA, $textColor="red", $lineColor="red", $offsetX="-50", $offsetY="20")
|
||||||
|
|
||||||
UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")
|
UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")
|
||||||
</pre>
|
</pre>
|
||||||
<hr />
|
<hr />
|
||||||
@@ -84,22 +84,22 @@
|
|||||||
System_Ext(banking_system, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")
|
System_Ext(banking_system, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")
|
||||||
|
|
||||||
Rel(customer, web_app, "Uses", "HTTPS")
|
Rel(customer, web_app, "Uses", "HTTPS")
|
||||||
UpdateRelStyle(customer, web_app, $offsetY="60", $offsetX="90")
|
UpdateRelStyle(customer, web_app, $offsetY="60", $offsetX="90")
|
||||||
Rel(customer, spa, "Uses", "HTTPS")
|
Rel(customer, spa, "Uses", "HTTPS")
|
||||||
UpdateRelStyle(customer, spa, $offsetY="-40")
|
UpdateRelStyle(customer, spa, $offsetY="-40")
|
||||||
Rel(customer, mobile_app, "Uses")
|
Rel(customer, mobile_app, "Uses")
|
||||||
UpdateRelStyle(customer, mobile_app, $offsetY="-30")
|
UpdateRelStyle(customer, mobile_app, $offsetY="-30")
|
||||||
|
|
||||||
Rel(web_app, spa, "Delivers")
|
Rel(web_app, spa, "Delivers")
|
||||||
UpdateRelStyle(web_app, spa, $offsetX="130")
|
UpdateRelStyle(web_app, spa, $offsetX="130")
|
||||||
Rel(spa, backend_api, "Uses", "async, JSON/HTTPS")
|
Rel(spa, backend_api, "Uses", "async, JSON/HTTPS")
|
||||||
Rel(mobile_app, backend_api, "Uses", "async, JSON/HTTPS")
|
Rel(mobile_app, backend_api, "Uses", "async, JSON/HTTPS")
|
||||||
Rel_Back(database, backend_api, "Reads from and writes to", "sync, JDBC")
|
Rel_Back(database, backend_api, "Reads from and writes to", "sync, JDBC")
|
||||||
|
|
||||||
Rel(email_system, customer, "Sends e-mails to")
|
Rel(email_system, customer, "Sends e-mails to")
|
||||||
UpdateRelStyle(email_system, customer, $offsetX="-45")
|
UpdateRelStyle(email_system, customer, $offsetX="-45")
|
||||||
Rel(backend_api, email_system, "Sends e-mails using", "sync, SMTP")
|
Rel(backend_api, email_system, "Sends e-mails using", "sync, SMTP")
|
||||||
UpdateRelStyle(backend_api, email_system, $offsetY="-60")
|
UpdateRelStyle(backend_api, email_system, $offsetY="-60")
|
||||||
Rel(backend_api, banking_system, "Uses", "sync/async, XML/HTTPS")
|
Rel(backend_api, banking_system, "Uses", "sync/async, XML/HTTPS")
|
||||||
UpdateRelStyle(backend_api, banking_system, $offsetY="-50", $offsetX="-140")
|
UpdateRelStyle(backend_api, banking_system, $offsetY="-50", $offsetX="-140")
|
||||||
</pre>
|
</pre>
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
Rel(ma, sign, "Uses", "JSON/HTTPS")
|
Rel(ma, sign, "Uses", "JSON/HTTPS")
|
||||||
Rel(ma, accounts, "Uses", "JSON/HTTPS")
|
Rel(ma, accounts, "Uses", "JSON/HTTPS")
|
||||||
|
|
||||||
UpdateRelStyle(spa, sign, $offsetY="-40")
|
UpdateRelStyle(spa, sign, $offsetY="-40")
|
||||||
UpdateRelStyle(spa, accounts, $offsetX="40", $offsetY="40")
|
UpdateRelStyle(spa, accounts, $offsetX="40", $offsetY="40")
|
||||||
|
|
||||||
UpdateRelStyle(ma, sign, $offsetX="-90", $offsetY="40")
|
UpdateRelStyle(ma, sign, $offsetX="-90", $offsetY="40")
|
||||||
|
@@ -111,9 +111,9 @@ b. The importing of mermaid library through the `mermaid.esm.js` or `mermaid.esm
|
|||||||
<body>
|
<body>
|
||||||
Here is a mermaid diagram:
|
Here is a mermaid diagram:
|
||||||
<pre class="mermaid">
|
<pre class="mermaid">
|
||||||
graph TD
|
graph TD
|
||||||
A[Client] --> B[Load Balancer]
|
A[Client] --> B[Load Balancer]
|
||||||
B --> C[Server01]
|
B --> C[Server01]
|
||||||
B --> D[Server02]
|
B --> D[Server02]
|
||||||
</pre>
|
</pre>
|
||||||
</body>
|
</body>
|
||||||
@@ -156,18 +156,18 @@ Please refer to the [Mindmap](../syntax/mindmap.md?id=integrating-with-your-libr
|
|||||||
<body>
|
<body>
|
||||||
Here is one mermaid diagram:
|
Here is one mermaid diagram:
|
||||||
<pre class="mermaid">
|
<pre class="mermaid">
|
||||||
graph TD
|
graph TD
|
||||||
A[Client] --> B[Load Balancer]
|
A[Client] --> B[Load Balancer]
|
||||||
B --> C[Server1]
|
B --> C[Server1]
|
||||||
B --> D[Server2]
|
B --> D[Server2]
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
And here is another:
|
And here is another:
|
||||||
<pre class="mermaid">
|
<pre class="mermaid">
|
||||||
graph TD
|
graph TD
|
||||||
A[Client] -->|tcp_123| B
|
A[Client] -->|tcp_123| B
|
||||||
B(Load Balancer)
|
B(Load Balancer)
|
||||||
B -->|tcp_456| C[Server1]
|
B -->|tcp_456| C[Server1]
|
||||||
B -->|tcp_456| D[Server2]
|
B -->|tcp_456| D[Server2]
|
||||||
</pre>
|
</pre>
|
||||||
|
|
||||||
@@ -189,15 +189,15 @@ In this example mermaid.js is referenced in `src` as a separate JavaScript file,
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<pre class="mermaid">
|
<pre class="mermaid">
|
||||||
graph LR
|
graph LR
|
||||||
A --- B
|
A --- B
|
||||||
B-->C[fa:fa-ban forbidden]
|
B-->C[fa:fa-ban forbidden]
|
||||||
B-->D(fa:fa-spinner);
|
B-->D(fa:fa-spinner);
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="mermaid">
|
<pre class="mermaid">
|
||||||
graph TD
|
graph TD
|
||||||
A[Client] --> B[Load Balancer]
|
A[Client] --> B[Load Balancer]
|
||||||
B --> C[Server1]
|
B --> C[Server1]
|
||||||
B --> D[Server2]
|
B --> D[Server2]
|
||||||
</pre>
|
</pre>
|
||||||
<script type="module">
|
<script type="module">
|
||||||
|
Reference in New Issue
Block a user