From 6fb4e2ffc710e683339995d4d6ba18ab05ddade6 Mon Sep 17 00:00:00 2001
From: Frederic Henrichs <frederic@tinkerforge.com>
Date: Tue, 12 Nov 2024 13:03:04 +0100
Subject: [PATCH] entity_relations: add chart for flow of data.

---
 entity_relations.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/entity_relations.md b/entity_relations.md
index 696daff..1f9623a 100644
--- 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
+```