X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;ds=sidebyside;f=tictactoe%2Ftictactoe.jsx;h=61a828eb751d6662e63681aa6e313cb6ed95dd20;hb=9c92603bbe96c1bb54db5247ba73e7ea447845c1;hp=eff7eff32f6df572437130d0ec2c0e8ecf8c2a7b;hpb=f0c30f7cd59ecfca24e6a7332910f87a6b2045e6;p=lmno.games
diff --git a/tictactoe/tictactoe.jsx b/tictactoe/tictactoe.jsx
index eff7eff..61a828e 100644
--- a/tictactoe/tictactoe.jsx
+++ b/tictactoe/tictactoe.jsx
@@ -1,3 +1,40 @@
+function undisplay(element) {
+ element.style.display="none";
+}
+
+function add_message(severity, message) {
+ message = `
+×
+${message}
+
`;
+ const message_area = document.getElementById('message-area');
+ message_area.insertAdjacentHTML('beforeend', message);
+}
+
+const events = new EventSource("events");
+
+events.onerror = function(event) {
+ if (event.target.readyState === EventSource.CLOSED) {
+ add_message("danger", "Connection to server lost.");
+ }
+};
+
+events.addEventListener("move", event => {
+ const move = JSON.parse(event.data);
+
+ window.game.receiveMove(move);
+});
+
+events.addEventListener("game-state", event => {
+ const state = JSON.parse(event.data);
+
+ window.game.resetState();
+
+ for (let square of state.moves) {
+ window.game.receiveMove(square);
+ }
+});
+
function Square(props) {
return (