Kroki Test: Difference between revisions

From VoIPmonitor.org
(Test edit for incremental indexer testing)
(Remove test sections from wiki approval system testing)
Tag: Manual revert
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Kroki Extension Test ==
= Kroki Extension Test Page =


=== Test 1: PlantUML Sequence Diagram ===
This page tests various diagram types supported by the Kroki extension.
<kroki lang="plantuml">
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response


Alice -> Bob: Another authentication Request
== PlantUML Diagrams ==
Alice <-- Bob: Another authentication Response
@enduml
</kroki>


=== Test 2: PlantUML Class Diagram ===
=== Sequence Diagram ===
<kroki lang="plantuml">
<kroki lang="plantuml">
@startuml
@startuml
class VoIPCall {
Alice -> Bob: Authentication Request
  +String callId
Bob --> Alice: Authentication Response
  +DateTime startTime
  +DateTime endTime
  +int duration
  +makeCall()
  +endCall()
}


class CDR {
Alice -> Bob: Another authentication Request
  +String recordId
Alice <-- Bob: Another authentication Response
  +VoIPCall call
@enduml
  +generateReport()
</kroki>
}


VoIPCall "1" -- "1" CDR
=== Class Diagram ===
@enduml
<kroki lang="plantuml">
</kroki>
@startuml
class VoIPCall {
  +String callId
  +DateTime startTime
  +DateTime endTime
  +int duration
  +makeCall()
  +endCall()
}


=== Test 3: Mermaid Flowchart ===
class CDR {
<kroki lang="mermaid">
  +String recordId
graph TD
  +VoIPCall call
    A[Start VoIP Call] -->|Dial| B{Number Valid?}
  +generateReport()
    B -->|Yes| C[Connect Call]
}
    B -->|No| D[Error Message]
    C --> E[Call in Progress]
    E --> F[End Call]
    D --> F
</kroki>


=== Test 4: GraphViz Network Diagram ===
VoIPCall "1" -- "1" CDR
<kroki lang="graphviz">
@enduml
digraph G {
</kroki>
    rankdir=LR;
    node [shape=box];


    SIPPhone1 [label="SIP Phone 1"];
=== Simple Diagram with Note ===
    SIPPhone2 [label="SIP Phone 2"];
<kroki lang="plantuml">
    PBX [label="VoIPmonitor\nPBX"];
@startuml
rectangle A
rectangle B
A -> B
note right of A : This is a note
@enduml
</kroki>


    SIPPhone1 -> PBX [label="SIP"];
=== VoIPmonitor Architecture ===
    PBX -> SIPPhone2 [label="RTP"];
<kroki lang="plantuml">
}
@startuml
</kroki>
!theme cerulean
title VoIPmonitor Architecture


=== Test edit marker ===
skinparam backgroundColor #FEFEFE
This line was added for testing incremental wiki indexing.
skinparam handwritten false
 
skinparam rectangle {
    BackgroundColor #E3F2FD
    BorderColor #1976D2
    RoundCorner 15
}
 
skinparam database {
    BackgroundColor #FFF3E0
    BorderColor #F57C00
}
 
skinparam storage {
    BackgroundColor #F3E5F5
    BorderColor #7B1FA2
}
 
skinparam cloud {
    BackgroundColor #E8F5E9
    BorderColor #388E3C
}
 
together {
    rectangle "**Web GUI**\nPHP + C++ binaries\nAnalysis & Reports" as GUI
}
 
database "**MySQL/MariaDB**\nCDR Storage" as DB
 
rectangle "**Sensor**\nPacket Capture\nQuality Analysis" as SENSOR
 
cloud "**Network**\nSIP / RTP / WebRTC" as NET
 
storage "**PCAP**\nRecordings" as PCAP
 
NET -down-> SENSOR : capture\n(SPAN/TAP)
SENSOR -down-> DB : CDR
SENSOR -down-> PCAP : packets
GUI -down-> DB : query
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
</kroki>
 
=== SPAN Mode (Port Mirroring) ===
<kroki lang="plantuml">
@startuml
title Physical Network Tapping (SPAN/Port Mirroring)
 
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 "VoIP Traffic" as TRAFFIC
 
rectangle "Hardware PBX\nor SBC" as PBX
 
rectangle "Network Switch" as SWITCH
 
rectangle "VoIPmonitor Sensor" as SENSOR
 
database "MySQL" as DB
storage "PCAP" as PCAP
 
TRAFFIC -down-> SWITCH
SWITCH -down-> PBX : normal traffic
SWITCH -right-> SENSOR : SPAN port
SENSOR -down-> DB : CDR
SENSOR -down-> PCAP : packets
 
note right of SWITCH : Configure SPAN port\nto mirror VoIP traffic
 
@enduml
</kroki>
 
=== SPOOF Mode (Software Mirroring) ===
<kroki lang="plantuml">
@startuml
title Software Packet Mirroring (SPOOF Mode)
 
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 "Sender Sensor\nMinimal footprint" as SENDER
 
rectangle "Receiver Sensor\nFull processing" as RECEIVER
rectangle "Web GUI" as GUI
database "MySQL" as DB
storage "PCAP" as PCAP
 
NET1 -down-> SENDER : capture
SENDER -right-> RECEIVER : compressed TCP
RECEIVER -down-> DB : CDR
RECEIVER -down-> PCAP : packets
GUI -down-> DB : query
 
note right of SENDER : Remote Site
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>
 
== Mermaid Diagrams ==
 
=== Flowchart ===
<kroki lang="mermaid">
graph TD
    A[Start VoIP Call] -->|Dial| B{Number Valid?}
    B -->|Yes| C[Connect Call]
    B -->|No| D[Error Message]
    C --> E[Call in Progress]
    E --> F[End Call]
    D --> F
</kroki>
 
== GraphViz Diagrams ==
 
=== Network Diagram ===
<kroki lang="graphviz">
digraph G {
    rankdir=LR;
    node [shape=box];
 
    SIPPhone1 [label="SIP Phone 1"];
    SIPPhone2 [label="SIP Phone 2"];
    PBX [label="VoIPmonitor\nPBX"];
 
    SIPPhone1 -> PBX [label="SIP"];
    PBX -> SIPPhone2 [label="RTP"];
}
</kroki>
 
[[Category:Test]]

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

Retrieved from "https://www.voipmonitor.org/doc/index.php?title=Kroki_Test&oldid=10585"