Kroki Test: Difference between revisions

From VoIPmonitor.org
(Fix formatting - remove leading spaces from headers for proper parsing)
(Remove test sections from wiki approval system testing)
Tag: Manual revert
 
(6 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.
 
== PlantUML Diagrams ==
 
=== Sequence Diagram ===
<kroki lang="plantuml">
<kroki lang="plantuml">
@startuml
@startuml
Line 12: Line 16:
</kroki>
</kroki>


=== Test 2: PlantUML Class Diagram ===
=== Class Diagram ===
<kroki lang="plantuml">
<kroki lang="plantuml">
@startuml
@startuml
Line 34: Line 38:
</kroki>
</kroki>


=== Test 3: Mermaid Flowchart ===
=== Simple Diagram with Note ===
<kroki lang="plantuml">
@startuml
rectangle A
rectangle B
A -> B
note right of A : This is a note
@enduml
</kroki>
 
=== VoIPmonitor Architecture ===
<kroki lang="plantuml">
@startuml
!theme cerulean
title VoIPmonitor Architecture
 
skinparam backgroundColor #FEFEFE
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">
<kroki lang="mermaid">
graph TD
graph TD
Line 45: Line 280:
</kroki>
</kroki>


=== Test 4: GraphViz Network Diagram ===
== GraphViz Diagrams ==
 
=== Network Diagram ===
<kroki lang="graphviz">
<kroki lang="graphviz">
digraph G {
digraph G {
Line 60: Line 297:
</kroki>
</kroki>


== New Test Section for Incremental Indexing ==
[[Category:Test]]
This is a completely new section added to test the incremental wiki indexer.
 
The section-based indexer should create a doc_type=section document in Qdrant for this content. This verifies that update_wiki_incremental.sh correctly indexes new wiki sections using the agentic RAG format.

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"