entity_relations: add chart for flow of data.

Tinkerforge · Nov 12, 2024 · 6fb4e2f · 6fb4e2f
1 parent 05616dd
commit 6fb4e2f
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/entity_relations.md b/entity_relations.md
@@ -17,3 +17,29 @@ erDiagram
     Service-Worker }|--|{ iframe: "intercepts requests"
     Service-Worker }|--|{ Frame-Component: "relays requests"
 ```
+
+### Flow of data
+```mermaid
+flowchart
+    subgraph Browser
+    ServiceWorker -- Request --> HTTPClient
+    Webinterface -- Request --> ServiceWorker
+    subgraph WebWorker
+    subgraph WireGuardClient
+    HTTPClient -- Stream --> SmolTCP
+    SmolTCP -- Packet --> Boringtun
+    end
+    end
+    Boringtun -- Packet --> Websocket
+    end
+
+    subgraph Server
+    Websocket -- Packet --> Websocket-Endpoint
+    Websocket-Endpoint -- Packet --> UDP
+    end
+
+    subgraph ESP
+    UDP -- Packet --> Arduino-WireGuard
+    Arduino-WireGuard --> LWIP
+    end
+```