add simple make move

checks for legality of move and player turn after submission

README.md

@@ -10,9 +10,14 @@ assuming nix flake
 nix develop
 # or if using direnv
 echo "use flake ." > .envrc
+direnv allow
+# endif
 
 npm run dev
 # runs dev server on localhost:4000
 # instances run on incremntal ports
 # refresh page to reflect changes
+
+npm run build
+# builds new xdc as dist/webxdc-go.xdc
 ```

src/main.js

@@ -69,6 +69,7 @@ const gameState = { // pre-init values (render prior to any player input)
   komi: null, // komi depends on handicap stones + player rank
   handicap: null,
   boardSize: null,
+  players: new Set (),
   playerState: {
     bCaptures: null,
     wCaptures: null,
@@ -271,6 +272,31 @@ boardSizeEl.addEventListener('click', clickBoardSize);
 gameStartEl.addEventListener('click', clickSubmitStart);
 
 /*----- FUNCTIONS ----------------------------------*/
+/*----- webxdc functions -----*/
+function sendUpdate(update, descr) {
+    window.webxdc.sendUpdate(update, descr);
+}
+
+const userName = window.webxdc.selfName;
+
+window.webxdc.setUpdateListener((update) => {
+    let { payload, summary } = update;
+
+    switch (payload.event) {
+    case 'make_move':
+        makeMove (payload);
+        break;
+    case 'new_game':
+        initGame (payload);
+        break;
+    case 'join_room':
+        updateRoom (payload);
+        break;
+    default:
+        console.log ("couldn't recognize update event");
+    }
+});
+
 /*----- init functions -----*/
 init();
 
@@ -288,9 +314,25 @@ function init() {
   gameState.gameRecord = [];
   boardState = [];
   gameState.gameMeta.start = false;
+  joinRoom ();
   startMenu();
 };
 
+function joinRoom () {
+    const update = {
+        payload: {
+            event: "join_room",
+            player: userName
+        }
+    };
+    const descr = `${userName} joined room`;
+    sendUpdate (update, descr);
+}
+
+function updateRoom (payload) {
+    gameState.players.add (payload .player);
+}
+
 function getDate() {
     let d = new Date;
     return `${d.getFullYear()}-${String(d.getMonth()+1).charAt(-1)||0}${String(d.getMonth()+1).charAt(-0)}-${String(d.getDate()).charAt(-1)||0}${String(d.getDate()+1).charAt(-0)}`;
@@ -300,17 +342,29 @@ function startMenu() {
   modalEl.style.visibility = 'visible';
   renderMenu();
 }
+
 function clickSubmitStart(evt) {
+    let players = gameState.players.values ();
+    const update = {
+        payload: {
+            event: "new_game",
+            players: [players.next ().value, players.next ().value],
+        },
+        // document: "",
+        summary: "start game",
+    };
+    const descr = `${userName} started game`;
+    sendUpdate(update, descr);
     if (gameState.gameMeta.start) return init();
     evt.preventDefault();
     evt.stopPropagation();
-  gameState.playerMeta.b.name = blackNameInputEl.value || 'black';
+    return null;
-  gameState.playerMeta.w.name = whiteNameInputEl.value || 'white';
-  modalEl.style.visibility = 'hidden';
-  return initGame();
 }
 
-function initGame() {
+function initGame(payload) {
+    gameState.playerMeta.b.name = payload.players [0] || 'black';
+    gameState.playerMeta.w.name = payload.players [1]  || 'white';
+    modalEl.style.visibility = 'hidden';
     gameState.winner = null;
     gameState.pass = null;
     gameState.turn = gameState.handicap ? -1 : 1;
@@ -404,7 +458,6 @@ function clickUpdatePlayerMeta(evt) {
   if (evt.target.name == 'black-rank-certain') gameState.playerMeta.b.rankCertain = !gameState.playerMeta.b.rankCertain;
   if (evt.target.name == 'white-rank-certain') gameState.playerMeta.w.rankCertain = !gameState.playerMeta.w.rankCertain;
   renderMenu();
-
 }
 
 function clickBoardSize(evt) {
@@ -440,10 +493,26 @@ function clickBoard(evt) {
     evt.stopPropagation();
     if (gameState.pass > 1 || gameState.winner) return editTerritory(evt);
   // checks for placement and pushes to cell
-  let placement = [ parseInt(evt.target.closest('td').id.split('-')[0]), parseInt(evt.target.closest('td').id.split('-')[1]) ];
+    let placement = [
+        parseInt(evt.target.closest('td').id.split('-')[0]),
+        parseInt(evt.target.closest('td').id.split('-')[1])
+    ];
+    let update = {
+        payload: {
+            event: 'make_move',
+            placement,
+            player: userName
+        }
+    };
+    let descr = `${userName} move at ${placement}`;
+    return sendUpdate (update, descr);
+}
+
+function makeMove (payload) {
+    let { placement, player } = payload;
     let point = findPointFromIdx(placement);
-  //checks that this placement was marked as legal
+    if (!checkLegal (point)) return;
-  if ( !checkLegal(point) ) return null;
+    if (!checkTurn (player)) return;
     clearKo();
     clearPass();
     resolveCaptures(point);
@@ -454,6 +523,7 @@ function clickBoard(evt) {
     gameState.gameRecord.push(`${STONES_DATA[gameState.turn]}: ${point.pos}`);
     gameState.turn*= -1;
     renderGame();
+    return;
 }
 
 function clearKo() {
@@ -495,6 +565,16 @@ function checkLegal(point) {
   return true;
 }
 
+function checkTurn (player) {
+    if (gameState.turn == 1) {
+        return gameState.playerMeta.b.name == player;
+    }
+    if (gameState.turn == -1) {
+        return gameState.playerMeta.w.name == player;
+    }
+    return false;
+}
+
 function clearOverlay() {
   for (let point in boardState) {
     point = boardState[point];