X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=tictactoe%2Ftictactoe.jsx;h=7ea8c6fa202106d88471e69404e09804bac19027;hp=153dd74a796a92fa8117bf65d537479610c2751f;hb=d01d6fa39a5616a147e16a51c32f84eafc1280cf;hpb=47118511015be30e5efb9131f3a6a77828c0fb6a;ds=sidebyside diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx index 153dd74..7ea8c6f 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,12 @@ events.onerror = function(event) { } }; +events.addEventListener("game-info", event => { + const info = JSON.parse(event.data); + + window.game.set_game_info(info); +}); + events.addEventListener("move", event => { const move = JSON.parse(event.data); @@ -44,6 +54,19 @@ events.addEventListener("game-state", event => { } }); +/********************************************************* + * Game and supporting classes * + *********************************************************/ + +function GameInfo(props) { + return ( +