X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=tictactoe%2Ftictactoe.jsx;h=498e708fbf9cc3d733517ff91215300952afee31;hp=153dd74a796a92fa8117bf65d537479610c2751f;hb=a203a3aca4fb8428bfa47d7f05c3478780d69554;hpb=47118511015be30e5efb9131f3a6a77828c0fb6a diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx index 153dd74..498e708 100644 --- a/tictactoe/tictactoe.jsx +++ b/tictactoe/tictactoe.jsx @@ -20,6 +20,10 @@ ${message} message_area.insertAdjacentHTML('beforeend', message); } +/********************************************************* + * Handling server-sent event stream * + *********************************************************/ + const events = new EventSource("events"); events.onerror = function(event) { @@ -28,6 +32,25 @@ events.onerror = function(event) { } }; +events.addEventListener("game-info", event => { + const info = JSON.parse(event.data); + + window.game.set_game_info(info); +}); + +events.addEventListener("player-info", event => { + const info = JSON.parse(event.data); + + window.game.set_player_info(info); +}); + +events.addEventListener("player-update", event => { + const info = JSON.parse(event.data); + + if (info.id === window.game.state.player_info.id) + window.game.set_player_info(info); +}); + events.addEventListener("move", event => { const move = JSON.parse(event.data); @@ -44,6 +67,28 @@ events.addEventListener("game-state", event => { } }); +/********************************************************* + * Game and supporting classes * + *********************************************************/ + +function GameInfo(props) { + return ( +