30:T10e4,board = { const boardId = "htmlBoard", FEN_START = "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1", game = new Chess(), msg = function (m, withIdx) { const idx = ("000" + mutable trigger).slice(-3); const msg = withIdx ? idx + ' ' + m : ' ' + m; mutable messages.push(msg); mutable trigger += 1; }, onSnapEnd = function() { board.position(game.fen()) }, onMouseoutSquare = function() { $(`#htmlBoard .square-55d63`).css('background', ''); }, greySquare = function(square) { const squareEl = $(`#htmlBoard .square-` + square), background = squareEl.hasClass('black-3c85d') ? '#696969' : '#a9a9a9' ; squareEl.css('background', background); }, onDragStart = function(source, piece) { if ( game.game_over() === true || (game.turn() === 'w' && piece.search(/^b/) !== -1) || (game.turn() === 'b' && piece.search(/^w/) !== -1) ) { return false; } }, updateRedoUndoBtns = function (move, fen) { // const move = game.history().slice(-1)[0]; //mutable undo.push([move, fen]); document.querySelector("#btnUndo").style.color = mutable undo.length > 1 ? 'black' : 'white'; document.querySelector("#btnRedo").style.color = mutable redo.length > 0 ? 'black' : 'white'; console.log('updateStack', mutable undo.length, mutable redo.length, move); }, onDrop = function(source, target) { onMouseoutSquare(); const result = game.move({ from: source, to: target, promotion: 'q' }) === null ? 'snapback' : undefined; mutable FEN_NOW = game.fen(); if (board.mode === 'play'){ console.log(source, target); // msg(game.moves.slice(-1)); } mutable undo.push([game.history().slice(-1)[0], game.fen()]); mutable redo = []; updateRedoUndoBtns(); msg(game.fen(), true); return result; }, onMouseoverSquare = function(square, piece) { var moves = game.moves({ square: square, verbose: true }); if (moves.length === 0) return; greySquare(square); moves.forEach( m => greySquare(m.to) ); }, cfg = { pieceTheme: Tal.pieces.wiki, draggable: true, position: 'start', //position: FEN_START, orientation: 'white', showErrors: 'console', onDrop, onSnapEnd, onDragStart, onMouseoverSquare, onMouseoutSquare }, board = ChessBoard(boardId, cfg) ; // BUTTONS document.querySelector("#btnInit").onclick = _ => board.init(FEN_START); document.querySelector("#btnRotate").onclick = _ => { board.orientation(board.orientation() === 'white' ? 'black' : 'white') }; document.querySelector("#btnUndo").onclick = _ => { const len = mutable undo.length; if (len) { const move = mutable undo.slice(-2)[0]; const fen = move[1]; mutable redo.push(mutable undo[len -1]); mutable undo = mutable undo.slice(0, len -1); updateRedoUndoBtns(); board.position(fen); console.log('undo', game.load(fen), fen); } } document.querySelector("#btnRedo").onclick = _ => { const len = mutable redo.length; if (len) { const move = mutable redo.slice(-1)[0]; const fen = move[1]; mutable undo.push(mutable redo[len -1]); mutable redo = mutable redo.slice(0, len -1); updateRedoUndoBtns(); board.position(fen); console.log('redo', game.load(fen), fen); } } document.querySelector("#btnMode").onclick = _ => { document.querySelector("#btnMode").innerHTML = (board.mode === 'play') ? 'Analysis' : 'Play'; board.mode = (board.mode === 'play') ? 'analysis' : 'play'; msg(' mode = ' + board.mode) const color = board.orientation(); }; // INIT board.init = function (fen) { board.position(fen); board.mode = "play"; mutable FEN_NOW = fen; mutable messages = ['001' + " " + fen, ' mode = play']; mutable undo = [['', fen]]; mutable redo = []; mutable trigger = 0; updateRedoUndoBtns(); console.log(game.load(fen), fen); }; board.init(FEN_START); return board; }31:[] 2e:{"title":"Tal","cells":[{"id":0,"value":"md`# Tal`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"md`Docu: \n[FEN](https://en.wikipedia.org/wiki/Forsyth%E2%80%93Edwards_Notation),\n[UCI](http://wbec-ridderkerk.nl/html/UCIProtocol.html),\n[UCI 2](https://www.chessprogramming.org/UCI),\n[UCI Stockfish](https://gist.github.com/aliostad/f4470274f39d29b788c1b09519e67372),\n[UCI example](https://chess.stackexchange.com/questions/8462/uci-engine-state-notion) \nLibs: [chess.js](https://github.com/jhlywa/chess.js), \nBoards: [chessboard.js](https://chessboardjs.com/examples#5001),[SVG Board](https://github.com/shaack/cm-chessboard), [SVG II](https://ilhooq.github.io/svgchessboard/demo/) \nEngines: [Stockfish](https://github.com/nmrugg/stockfish.js), [Leela Chess Zero ](https://github.com/frpays/lc0-js/), [LC0 JS Demo](https://frpays.github.io/lc0-js/engine.html) \nAnalysis: [LiChess](https://lichess.org/analysis/standard#3)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":324,"value":"mutable trigger = 0;","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"mutable messages = [];","pinned":false,"hidden":false,"mode":"ojs"},{"id":421,"value":"mutable undo = [];","pinned":false,"hidden":false,"mode":"ojs"},{"id":468,"value":"mutable redo = [];","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"mutable FEN_NOW = (new URL(location)).searchParams.get(\"fen\") || \"rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"htmlBoard = { \n const \n size = 400,\n squares = html`

`,\n btn1 = html``,\n btn2 = html``,\n btn3 = html``,\n btn4 = html``,\n btn5 = html``,\n btns = html`

${btn1} ${btn2} ${btn3} ${btn4} ${btn5}

`\n ;\n return html`

${squares}

${btns}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":317,"value":"{trigger;return html`

${ messages.slice(-30).map(v =>`${v}
`) }

`}","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"board","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"md`### Appendix`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"import { $, log, Chess, ChessBoard, Tal, windowSize } from '@arcticio/chessbox'","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"Tal.send(\"go depth 10\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"Tal.pieces","pinned":true,"hidden":false,"mode":"ojs"},{"id":294,"value":"width","pinned":true,"hidden":false,"mode":"ojs"},{"id":275,"value":"html`\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

USER	BOARD	GAME	STOCKFISH	COMMENTS

Mode = Play
Choose B/W
Start
Wait for Move
Does MOve

\n`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}