X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=www%2Fjs%2Fbook.js;h=2821ae1a00e3de059402d77411b5099a434c4f50;hb=e3de57df4e4edd735900752dae612206083ec20a;hp=8bf4756cb0eb8a9c93f0d0f15f829ee47a9c9f5c;hpb=bb291d75977a8e35abd16597ce50b5127959bed9;p=remoteglot-book diff --git a/www/js/book.js b/www/js/book.js index 8bf4756..2821ae1 100644 --- a/www/js/book.js +++ b/www/js/book.js @@ -1,27 +1,70 @@ (function() { var board = null; -var moves = []; +var game = new Chess(); +var fens = []; var move_override = 0; +var includetransp = true; + +var entity_map = { + "&": "&", + "<": "<", + ">": ">", + '"': '"', + "'": ''', +}; + +function escape_html(string) { + return String(string).replace(/[&<>"']/g, function (s) { + return entity_map[s]; + }); +} -var get_game = function() { - var game = new Chess(); - for (var i = 0; i < move_override; ++i) { - game.move(moves[i]); +var current_display_fen = function() { + if (move_override == 0) { + return 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1'; + } else { + return fens[move_override - 1]; } - return game; } var update = function() { - var game = get_game(); - board.position(game.fen()); + var text = ""; + var history = game.history({ verbose: true }); + for (var i = 0; i < history.length; ++i) { + if (i % 2 == 0) { + text += (i/2 + 1) + ". "; + } + if (i + 1 == move_override) { + text += '' + history[i].san + ''; + } else { + text += '' + history[i].san + ''; + } + text += " "; + } + $('#gamehistory').html(text); + + if (board.fen() != current_display_fen()) { + board.position(current_display_fen()); + } + + if (move_override > 0) { + var last_move = history[move_override - 1]; + var highlight_from = last_move.from; + var highlight_to = last_move.to; + $("#board").find('.square-55d63').removeClass('nonuglyhighlight'); + $("#board").find('.square-' + highlight_from).addClass('nonuglyhighlight'); + $("#board").find('.square-' + highlight_to).addClass('nonuglyhighlight'); + } + fetch_analysis(); } var fetch_analysis = function() { - var game = get_game(); + var fen = current_display_fen(); $.ajax({ - url: "/opening-stats.pl?fen=" + encodeURIComponent(game.fen()) + url: "/opening-stats.pl?fen=" + encodeURIComponent(fen) + + ";includetransp=" + (includetransp ? 1 : 0) }).done(function(data, textstatus, xhr) { show_lines(data, game); }); @@ -56,16 +99,38 @@ var headings = [ [ "AWin%", TYPE_RATIO ], ]; var sort_by = 1; +var direction = 1; var show_lines = function(data, game) { var moves = data['moves']; $('#numviewers').text(data['opening']); + + if (data['root_game']) { + var text = escape_html(data['root_game']['white']); + if (data['root_game']['white_elo']) { + text += " (" + escape_html(data['root_game']['white_elo']) + ")"; + } + text += " – " + escape_html(data['root_game']['black']); + if (data['root_game']['black_elo']) { + text += " (" + escape_html(data['root_game']['black_elo']) + ")"; + } + text += "  " + escape_html(data['root_game']['result']).replace(/-/, "–") + "
"; + if (data['root_game']['eco']) { + text += "[" + escape_html(data['root_game']['eco']) + "] "; + } + text += "(" + data['root_game']['moves'] + ") "; + text += escape_html(data['root_game']['event']) + "  " + escape_html(data['root_game']['date']); + $('#gamesummary').html(text); + } + var total_num = 0; for (var i = 0; i < moves.length; ++i) { var move = moves[i]; - total_num += parseInt(move['white']); - total_num += parseInt(move['draw']); - total_num += parseInt(move['black']); + if (move['move']) { + total_num += parseInt(move['white']); + total_num += parseInt(move['draw']); + total_num += parseInt(move['black']); + } } var headings_tr = $("#headings"); @@ -76,13 +141,19 @@ var show_lines = function(data, game) { $(th).text(headings[i][0]); (function(new_sort_by) { $(th).click(function() { - sort_by = new_sort_by; + if (sort_by == new_sort_by) { + direction = -direction; + } else { + sort_by = new_sort_by; + direction = 1; + } show_lines(data, game); }); })(i); } var lines = []; + var transpose_only = []; for (var i = 0; i < moves.length; ++i) { var move = moves[i]; var line = []; @@ -92,13 +163,14 @@ var show_lines = function(data, game) { var black = parseInt(move['black']); line.push(move['move']); // Move. + transpose_only.push(move['transpose_only']); var num = white + draw + black; line.push(num); // N. line.push(num / total_num); // %. // Win%. var white_win_ratio = (white + 0.5 * draw) / num; - var win_ratio = (game.turn() == 'w') ? white_win_ratio : 1.0 - white_win_ratio; + var win_ratio = (move_override % 2 == 0) ? white_win_ratio : 1.0 - white_win_ratio; line.push(win_ratio); line.push(white); // WWin. @@ -118,7 +190,7 @@ var show_lines = function(data, game) { var win_elo = -400.0 * Math.log(1.0 / white_win_ratio - 1.0) / Math.LN10; win_elo -= (move['white_avg_elo'] - move['black_avg_elo']); white_win_ratio = 1.0 / (1.0 + Math.pow(10, win_elo / -400.0)); - win_ratio = (game.turn() == 'w') ? white_win_ratio : 1.0 - white_win_ratio; + win_ratio = (move_override % 2 == 0) ? white_win_ratio : 1.0 - white_win_ratio; line.push(win_ratio); } else { line.push(null); @@ -129,7 +201,7 @@ var show_lines = function(data, game) { lines.push(line); } - lines.sort(function(a, b) { return b[sort_by] - a[sort_by]; }); + lines.sort(function(a, b) { return direction * ( b[sort_by] - a[sort_by]); }); var tbl = $("#lines"); tbl.empty(); @@ -138,6 +210,12 @@ var show_lines = function(data, game) { var line = lines[i]; var tr = document.createElement("tr"); + if (line[0] === undefined) { + $(tr).addClass("totals"); + } else if (transpose_only[i]) { + $(tr).addClass("transponly"); + } + for (var j = 0; j < line.length; ++j) { if (line[j] === null) { add_td(tr, ""); @@ -145,16 +223,32 @@ var show_lines = function(data, game) { var td = document.createElement("td"); tr.appendChild(td); $(td).addClass("move"); + if (line[j] !== undefined) { + if (move_override % 2 == 0) { + $(td).text(((move_override / 2) + 1) + ". "); + } else { + $(td).text(((move_override / 2) + 0.5) + "…"); + } + } + var move_a = document.createElement("a"); move_a.href = "javascript:make_move('" + line[j] + "')"; td.appendChild(move_a); $(move_a).text(line[j]); } else if (headings[j][1] == TYPE_INTEGER) { - add_td(tr, line[j]); + add_td(tr, line[j] || 0); } else if (headings[j][1] == TYPE_FLOAT) { - add_td(tr, line[j].toFixed(1)); + if (isNaN(line[j]) || !isFinite(line[j])) { + add_td(tr, ''); + } else { + add_td(tr, line[j].toFixed(1)); + } } else { - add_td(tr, (100.0 * line[j]).toFixed(1) + "%"); + if (isNaN(line[j]) || !isFinite(line[j])) { + add_td(tr, ''); + } else { + add_td(tr, (100.0 * line[j]).toFixed(1) + "%"); + } } } @@ -162,10 +256,31 @@ var show_lines = function(data, game) { } } +var set_includetransp = function(value) { + includetransp = value; + update(); +} +window['set_includetransp'] = set_includetransp; + var make_move = function(move) { - moves.length = move_override; - moves.push(move); - move_override = moves.length; + var history = game.history({ verbose: true }); + if (move_override < history.length && history[move_override].san == move) { + // User effectively only moved forward in history. + ++move_override; + } else { + var moves = game.history(); + // Truncate the history if needed. + if (move_override < moves.length) { + game = new Chess(); + for (var i = 0; i < move_override; ++i) { + game.move(moves[i]); + } + fens.length = move_override; + } + game.move(move); + fens.push(game.fen()); + ++move_override; + } update(); } window['make_move'] = make_move; @@ -179,27 +294,33 @@ var prev_move = function() { window['prev_move'] = prev_move; var next_move = function() { - if (move_override < moves.length) { + if (move_override < game.history().length) { ++move_override; update(); } } window['next_move'] = next_move; +var set_move = function(n) { + move_override = n; + update(); +} +window['set_move'] = set_move; + // almost all of this stuff comes from the chessboard.js example page var onDragStart = function(source, piece, position, orientation) { - var game = get_game(); - if (game.game_over() === true || - (game.turn() === 'w' && piece.search(/^b/) !== -1) || - (game.turn() === 'b' && piece.search(/^w/) !== -1)) { + var pseudogame = new Chess(current_display_fen()); + if (pseudogame.game_over() === true || + (pseudogame.turn() === 'w' && piece.search(/^b/) !== -1) || + (pseudogame.turn() === 'b' && piece.search(/^w/) !== -1)) { return false; } } var onDrop = function(source, target) { // see if the move is legal - var game = get_game(); - var move = game.move({ + var pseudogame = new Chess(current_display_fen()); + var move = pseudogame.move({ from: source, to: target, promotion: 'q' // NOTE: always promote to a queen for example simplicity @@ -207,18 +328,18 @@ var onDrop = function(source, target) { // illegal move if (move === null) return 'snapback'; +} - moves = game.history({ verbose: true }); - move_override = moves.length; -}; +var onSnapEnd = function(source, target) { + var pseudogame = new Chess(current_display_fen()); + var move = pseudogame.move({ + from: source, + to: target, + promotion: 'q' // NOTE: always promote to a queen for example simplicity + }); -// update the board position after the piece snap -// for castling, en passant, pawn promotion -var onSnapEnd = function() { - var game = get_game(); - board.position(game.fen()); - fetch_analysis(); -}; + make_move(pseudogame.history({ verbose: true }).pop().san); +} var init = function() { // Create board.