Update readme

README.md

@@ -76,48 +76,51 @@ actor "Player 2" as P2
 actor "Player 3" as P3
 
 
-package Masterpiece {
-    rectangle {
-        usecase Game as "FairHopper\nGame Server"
+package Masterpiece #seashell {
+    rectangle "FairHopper Game Server" #lightcyan {
+        usecase API as "API Server"
+        usecase Game as "Game Engine"
         usecase WS as "WS Server"
     }
     usecase Vis as "Visualisation\nService"
 }
 
-P1 -left-> Game: REST API
-P2 -left-> Game: REST API
-P3 -left-> Game: REST API
+usecase ExtVis1 as "Visualisation\nService"
+usecase ExtVis2 as "Visualisation\nService"
+
+P1 -left-> API: REST API
+P2 -left-> API: REST API
+P3 -left-> API: REST API
+API --> Game
 Game --> WS: Game State
-WS --> Vis: WebSockets
+WS --> Vis: WS Game State
+WS --> ExtVis1: WS Game State
+WS --> ExtVis2: WS Game State
 ```
 
 ### WebSockets
 
 ```plantuml
-    participant Game as "FairHopper\nGame Server"
+box "FairHopper Game Server" #lightcyan
+    participant Game as "Game Engine"
     participant WS as "WS Server"
-    participant Client1 as "Visualisation\nClient 1"
-    participant Client2 as "Visualisation\nClient 2"
+endbox
+participant Client1 as "Visualisation\nClient 1"
+participant Client2 as "Visualisation\nClient 2"
 
-    Game ->o WS: Server Connect
-    activate WS #coral
-        WS -> Game: Get game state
-        activate Game #yellow
-            Game -> WS: Game state
-        deactivate
-    deactivate
+Game ->o WS: Send initial state
 
-    Client1 ->o WS: Client Connect
-    activate WS #coral
+Client1 ->o WS: Client connect
+activate WS #coral
 	WS -> Client1: Game state
-    deactivate
+deactivate
 
-    Client2 ->o WS: Client Connect
-    activate WS #coral
+Client2 ->o WS: Client connect
+activate WS #coral
 	WS -> Client2: Game state
-    deactivate
+deactivate
 
-    loop #lightyellow On game state change
+loop #lightyellow On game state change
     Game ->o WS: Game state
     activate WS #coral
         WS o-> Client1: Game state