Latest revision as of 14:26, 10 January 2026

Kroki Extension Test Page

This page tests various diagram types supported by the Kroki extension.

PlantUML Diagrams

Sequence Diagram

Class Diagram

Simple Diagram with Note

VoIPmonitor Architecture

Remote Probing (Local Processing)

SPAN Mode (Port Mirroring)

SPOOF Mode (Software Mirroring)

Multiple Diagrams Test

Mermaid Diagrams

Flowchart

GraphViz Diagrams

Network Diagram

@@ Line 35: / Line 35: @@
 VoIPCall "1" -- "1" CDR
+@enduml
+</kroki>
+=== Simple Diagram with Note ===
+<kroki lang="plantuml">
+@startuml
+rectangle A
+rectangle B
+A -> B
+note right of A : This is a note
 @enduml
 </kroki>
@@ Line 86: / Line 96: @@
 GUI -down-> PCAP : playback
 GUI -right-> SENSOR : live\nsniffer
+@enduml
+</kroki>
+=== Remote Probing (Local Processing) ===
+<kroki lang="plantuml">
+@startuml
+title Remote Probing (Local Processing)
+skinparam backgroundColor white
+skinparam defaultFontColor #1e293b
+skinparam ArrowColor #475569
+skinparam rectangle {
+    BackgroundColor #e0f4fc
+    BorderColor #00A7E3
+    RoundCorner 8
+}
+skinparam database {
+    BackgroundColor #fef3e2
+    BorderColor #f78d1d
+}
+skinparam storage {
+    BackgroundColor #f1f5f9
+    BorderColor #475569
+}
+skinparam cloud {
+    BackgroundColor #e0f4fc
+    BorderColor #00719A
+}
+cloud "PBX/SBC Traffic" as NET1
+rectangle "Remote Sensor\nLocal Processing" as SENSOR1
+storage "PCAP" as PCAP1
+rectangle "Web GUI" as GUI
+database "MySQL" as DB
+NET1 -down-> SENSOR1 : capture
+SENSOR1 -down-> PCAP1 : packets
+SENSOR1 -right-> DB : CDR only
+GUI -down-> DB : query
+note right of SENSOR1 : Remote Site
+note right of DB : Central Server
 @enduml
@@ Line 189: / Line 247: @@
 note right of RECEIVER : Central Server
+@enduml
+</kroki>
+=== Multiple Diagrams Test ===
+<kroki lang="plantuml">
+@startuml
+rectangle A
+rectangle B
+A -> B
+@enduml
+</kroki>
+<kroki lang="plantuml">
+@startuml
+rectangle C
+rectangle D
+C -> D
 @enduml
 </kroki>