* Version of this script. If the server returns a version larger than
* this, it is a sign we should reload to upgrade ourselves.
*
- * @type {Number}
+ * @type {number}
* @const
* @private */
-let SCRIPT_VERSION = 2021021300;
+let SCRIPT_VERSION = 2023122700;
/**
* The current backend URL.
/** Currently displayed refutation lines (on-screen).
* Can either come from the current_analysis_data, displayed_analysis_data,
- * or hash_refutation_lines.
+ * or hash_refutation_lines (choose_displayed_refutation_lines() chooses which one).
+ *
+ * @typedef {{
+ * score: Array,
+ * depth: string,
+ * pv: Array.<string>,
+ * move: string
+ * }}
+ * @private
*/
-let refutation_lines = [];
+var RefutationLine;
/** Refutation lines from current hash probe.
- *
* If non-null, will override refutation lines from the base position.
- * Note that these are relative to display_fen, not base_fen.
+ *
+ * @type {Array.<RefutationLine>}
*/
let hash_refutation_lines = null;
-/** @type {!number} @private */
-let move_num = 1;
-
-/** @type {!string} @private */
-let toplay = 'W';
+/**
+ * What FEN hash_refutation_lines is relative to.
+ */
+let hash_refutation_lines_base_fen = null;
/** @type {number} @private */
let ims = 0;
/** @type {?number} @private */
let unique = null;
+/** @type {?string} @private */
+let admin_password = null;
+
/** @type {boolean} @private */
let enable_sound = false;
/** @typedef {{
* start_fen: string,
* pv: Array.<string>,
- * move_num: number,
- * toplay: string,
* scores: Array<{first_move: number, score: Object}>,
* start_display_move_num: number
- * }} DisplayLine
+ * }}
*
- * "start_display_move_num" is the (half-)move number to start displaying the PV at.
- * "score" is also evaluated at this point.
+ * "start_display_move_num" is the (half-)move number to start displaying the PV at,
+ * i.e., the index into pv.
+ *
+ * "score" is also evaluated at this point. scores can be empty and is frequently
+ * sparse; it's generally only really useful for history (we obviously don't know
+ * much about how the score will * move during e.g. a PV, except that a mate/TB
+ * counter might go down).
*/
+var DisplayLine;
/** All PVs that we currently know of.
*
/** @type {boolean} @private */
let current_display_line_is_history = false;
-/** @type {?number} @private */
+/** @type {?number} @private
+ *
+ * The highlighted/used/shown move in current_display_line.pv, in terms of absolute index
+ * (not relative to e.g. the start FEN).
+ */
let current_display_move = null;
/**
* The current timer to fire off a request to get main analysis (not history),
* if any, so that we can abort it.
*
- * @type {?Number}
+ * @type {?number}
* @private
*/
let current_analysis_request_timer = null;
* The current timer to display hash probe information (it could be waiting on the
* board to stop animating), if any, so that we can abort it.
*
- * @type {?Number}
+ * @type {?number}
* @private
*/
let current_hash_display_timer = null;
-let supports_html5_storage = function() {
+function supports_html5_storage() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
// Make the unique token persistent so people refreshing the page won't count twice.
// Of course, you can never fully protect against people deliberately wanting to spam.
-let get_unique = function() {
+function get_unique() {
let use_local_storage = supports_html5_storage();
if (use_local_storage && window['localStorage']['unique']) {
return window['localStorage']['unique'];
return unique;
}
-let request_update = function() {
+function request_update() {
current_analysis_request_timer = null;
let handle_err = () => {
}
-let process_update_response = function(data, headers) {
+function process_update_response(data, headers) {
sync_server_clock(headers.get('Date'));
ims = headers.get('X-RGLM');
let num_viewers = headers.get('X-RGNV');
}
}
-let possibly_play_sound = function(old_data, new_data) {
+function possibly_play_sound(old_data, new_data) {
if (!enable_sound) {
return;
}
if (ding && ding.play) {
if (old_data['position'] && old_data['position']['fen'] &&
new_data['position'] && new_data['position']['fen'] &&
- (old_data['position']['fen'] !== new_data['position']['fen'] ||
- old_data['position']['move_num'] !== new_data['position']['move_num'])) {
+ old_data['position']['fen'] !== new_data['position']['fen']) {
ding.play();
}
}
/**
* @type {!string} server_date_string
*/
-let sync_server_clock = function(server_date_string) {
+function sync_server_clock(server_date_string) {
let server_time_ms = new Date(server_date_string).getTime();
let client_time_ms = new Date().getTime();
let estimated_offset_ms = server_time_ms - client_time_ms;
}
}
-let clear_arrows = function() {
+function clear_arrows() {
for (let i = 0; i < arrows.length; ++i) {
if (arrows[i].svg) {
- if (arrows[i].svg.parentElement) {
- arrows[i].svg.parentElement.removeChild(arrows[i].svg);
- }
+ arrows[i].svg.remove();
delete arrows[i].svg;
}
}
}
}
-let redraw_arrows = function() {
+function redraw_arrows() {
for (let i = 0; i < arrows.length; ++i) {
position_arrow(arrows[i]);
}
}
+/** @param {!string} fen
+ * @return {!string}
+ *
+ * Return whose side it is to play (w or b), given a FEN.
+ */
+function find_toplay(fen) {
+ return fen.split(' ')[1];
+}
+
+/** @param {!string} fen
+ * @return {!number}
+ *
+ * Return the move clock, starting from 1. See also find_toplay().
+ */
+function find_move_num(fen) {
+ return parseInt(fen.split(' ')[5]);
+}
+
+/** @param {!string} fen
+ * @return {!number}
+ *
+ * Return the half-move clock, starting from 0 (and never resetting).
+ */
+function find_halfmove_num(fen) {
+ let move_num = find_move_num(fen);
+ let toplay = find_toplay(fen);
+ return (move_num - 1) * 2 + (toplay === 'w' ? 0 : 1);
+}
+
/** @param {!number} x
* @return {!number}
*/
-let sign = function(x) {
+function sign(x) {
if (x > 0) {
return 1;
} else if (x < 0) {
* @param {!string} to The square the arrow is to (e.g. e4).
* @return {boolean}
*/
-let interfering_arrow = function(from, to) {
+function interfering_arrow(from, to) {
let from_col = from.charCodeAt(0) - "a1".charCodeAt(0);
let from_row = from.charCodeAt(1) - "a1".charCodeAt(1);
let to_col = to.charCodeAt(0) - "a1".charCodeAt(0);
* @param {!number} u
* @return {!string} The point in "x y" form, suitable for SVG paths.
*/
-let point_from_start = function(x1, y1, x2, y2, t, u) {
+function point_from_start(x1, y1, x2, y2, t, u) {
let dx = x2 - x1;
let dy = y2 - y1;
* @param {!number} u
* @return {!string} The point in "x y" form, suitable for SVG paths.
*/
-let point_from_end = function(x1, y1, x2, y2, t, u) {
+function point_from_end(x1, y1, x2, y2, t, u) {
let dx = x2 - x1;
let dy = y2 - y1;
return x + " " + y;
}
-let position_arrow = function(arrow) {
+function position_arrow(arrow) {
if (arrow.svg) {
if (arrow.svg.parentElement) {
arrow.svg.parentElement.removeChild(arrow.svg);
return;
}
- let zoom_factor = document.getElementById("board").getBoundingClientRect().width / 400.0;
- let line_width = arrow.line_width * zoom_factor;
- let arrow_size = arrow.arrow_size * zoom_factor;
+ // We always draw as if the board is 400x400, the viewBox will adjust that for us
+ let line_width = arrow.line_width;
+ let arrow_size = arrow.arrow_size;
- let square_width = document.querySelector(".square-a8").getBoundingClientRect().width;
+ let square_width = 400 / 8;
let from_y, to_y, from_x, to_x;
if (board.orientation() === 'black') {
from_y = (arrow.from_row + 0.5)*square_width;
let SVG_NS = "http://www.w3.org/2000/svg";
let XHTML_NS = "http://www.w3.org/1999/xhtml";
let svg = document.createElementNS(SVG_NS, "svg");
- svg.setAttribute("width", /** @type{number} */ (document.getElementById("board").getBoundingClientRect().width));
- svg.setAttribute("height", /** @type{number} */ (document.getElementById("board").getBoundingClientRect().height));
- svg.setAttribute("style", "position: absolute");
- svg.setAttribute("position", "absolute");
+ svg.setAttribute("width", "100%");
+ svg.setAttribute("height", "100%");
+ svg.setAttribute("viewBox", "0 0 400 400");
svg.setAttribute("version", "1.1");
svg.setAttribute("class", "c1");
svg.setAttribute("xmlns", XHTML_NS);
head.setAttribute("fill", arrow.fg_color);
svg.appendChild(head);
- svg.style.top = '2px'; /* Border for .board-b72b1. */
- svg.style.left = '2px';
+ svg.style.position = 'absolute';
+ svg.style.top = '0px'; /* Border for .board-b72b1. */
+ svg.style.left = '0px';
svg.style.pointerEvents = 'none';
document.getElementById('board').appendChild(svg);
arrow.svg = svg;
* @param {number} line_width
* @param {number} arrow_size
*/
-let create_arrow = function(from_square, to_square, fg_color, line_width, arrow_size) {
+function create_arrow(from_square, to_square, fg_color, line_width, arrow_size) {
let from_col = from_square.charCodeAt(0) - "a1".charCodeAt(0);
let from_row = from_square.charCodeAt(1) - "a1".charCodeAt(1);
let to_col = to_square.charCodeAt(0) - "a1".charCodeAt(0);
arrows.push(arrow);
}
-let compare_by_score = function(refutation_lines, invert, a, b) {
+function compare_by_score(refutation_lines, invert, a, b) {
let sa = compute_score_sort_key(refutation_lines[b]['score'], refutation_lines[b]['depth'], invert);
let sb = compute_score_sort_key(refutation_lines[a]['score'], refutation_lines[a]['depth'], invert);
return sa - sb;
* @return {Array.<string>} The FEN representation (e.g. Ne4) of all
* moves, in score order.
*/
-let find_nonstupid_moves = function(data, margin, invert) {
+function find_nonstupid_moves(data, margin, invert) {
// First of all, if there are any moves that are more than 0.5 ahead of
// the primary move, the refutation lines are probably bunk, so just
// kill them all.
let pv_score = undefined;
for (let move in data['refutation_lines']) {
let line = data['refutation_lines'][move];
- let score = compute_score_sort_key(line['score'], line['depth'], invert, false);
+ let score = compute_score_sort_key(line['score'], line['depth'], invert);
if (move == data['pv'][0]) {
pv_score = score;
}
moves.push(move);
}
}
- moves = moves.sort(function(a, b) { return compare_by_score(data['refutation_lines'], data['position']['toplay'] === 'B', a, b) });
+ let toplay = find_toplay(data['position']['fen']);
+ moves = moves.sort(function(a, b) { return compare_by_score(data['refutation_lines'], toplay, a, b) });
moves.unshift(data['pv'][0]);
return moves;
* @param {number} x
* @return {!string}
*/
-let thousands = function(x) {
+function thousands(x) {
return String(x).split('').reverse().join('').replace(/(\d{3}\B)/g, '$1,').split('').reverse().join('');
}
/**
* @param {!string} start_fen
* @param {Array.<string>} pv
- * @param {number} move_num
- * @param {!string} toplay
- * @param {Array<{ first_move: integer, score: Object }>} scores
+ * @param {Array<{ first_move: number, score: Object }>} scores
* @param {number} start_display_move_num
* @param {number=} opt_limit
* @param {boolean=} opt_showlast
*/
-let add_pv = function(start_fen, pv, move_num, toplay, scores, start_display_move_num, opt_limit, opt_showlast) {
+function add_pv(start_fen, pv, scores, start_display_move_num, opt_limit, opt_showlast) {
display_lines.push({
start_fen: start_fen,
pv: pv,
- move_num: parseInt(move_num),
- toplay: toplay,
scores: scores,
start_display_move_num: start_display_move_num
});
* @param {number=} opt_limit If set, show at most this number of moves.
* @param {boolean=} opt_showlast If limit is set, show the last moves instead of the first ones.
*/
-let print_pv = function(line_num, splicepos, opt_limit, opt_showlast) {
+function print_pv(line_num, splicepos, opt_limit, opt_showlast) {
let display_line = display_lines[line_num];
let pv = display_line.pv;
- let move_num = display_line.move_num;
- let toplay = display_line.toplay;
+ let halfmove_num = find_halfmove_num(display_line.start_fen) + 2; // From two, for simplicity.
+ let start_halfmove_num = halfmove_num;
+
+ let ret = document.createDocumentFragment();
// Truncate PV at the start if needed.
- let start_display_move_num = display_line.start_display_move_num;
- if (start_display_move_num > 0) {
- pv = pv.slice(start_display_move_num);
- let to_add = start_display_move_num;
- if (toplay === 'B') {
- ++move_num;
- toplay = 'W';
- --to_add;
- }
- if (to_add % 2 == 1) {
- toplay = 'B';
- --to_add;
- }
- move_num += to_add / 2;
- if (splicepos !== null && splicepos > 0) {
- --splicepos;
+ let to_skip = display_line.start_display_move_num;
+ if (opt_limit && opt_showlast && pv.length - to_skip > opt_limit) {
+ // Explicit (UI-visible) truncation from the start, for the history.
+ ret.appendChild(document.createTextNode('('));
+ let link = document.createElement('a');
+ link.className = 'move';
+ link.href = 'javascript:collapse_history(false)';
+ link.textContent = '…';
+ ret.appendChild(link);
+ ret.appendChild(document.createTextNode(') '));
+ to_skip = pv.length - opt_limit;
+ to_skip += to_skip % 2; // Make sure it starts on a white move.
+ }
+ if (to_skip > 0) {
+ pv = pv.slice(to_skip);
+ halfmove_num += to_skip;
+ if (splicepos !== null) {
+ splicepos -= to_skip;
+ if (splicepos < 0) {
+ splicepos = 0;
+ }
}
}
- let ret = '';
- let i = 0;
- let in_tb = false;
- if (opt_limit && opt_showlast && pv.length > opt_limit) {
- // Truncate the PV at the beginning (instead of at the end).
- // We assume here that toplay is 'W'. We also assume that if
- // opt_showlast is set, then it is the history, and thus,
- // the UI should be to expand the history.
- ret = '(<a class="move" href="javascript:collapse_history(false)">…</a>) ';
- i = pv.length - opt_limit;
- if (i % 2 == 1) {
- ++i;
- }
- move_num += i / 2;
- } else if (toplay == 'B' && pv.length > 0) {
- let move = "";
- if (splicepos === 0) {
- move += "(TB: ";
- in_tb = true;
- }
- move += "<a class=\"move\" id=\"automove" + line_num + "-0\" href=\"javascript:show_line(" + line_num + ", " + 0 + ");\">" + pv[0] + "</a>";
- ret = move_num + '. … ' + move;
- toplay = 'W';
- ++i;
- ++move_num;
+ // The initial move number needs to go before any (TB: …) marker.
+ if (halfmove_num % 2 == 1) {
+ // Black move.
+ ret.appendChild(document.createTextNode((halfmove_num - 1) / 2 + '. … '));
+ } else {
+ // White move.
+ ret.appendChild(document.createTextNode(halfmove_num / 2 + '. '));
}
- for ( ; i < pv.length; ++i) {
- let move = "<a class=\"move\" id=\"automove" + line_num + "-" + i + "\" href=\"javascript:show_line(" + line_num + ", " + i + ");\">" + pv[i] + "</a>";
+ let in_tb = false;
+ for (let i = 0; i < pv.length; ++i, ++halfmove_num) {
+ let prefix = '';
if (splicepos === i) {
- ret += " (TB: ";
+ prefix = '(TB:';
in_tb = true;
}
- if (toplay == 'W') {
+ if (halfmove_num % 2 == 0 && i != 0) {
if (i > opt_limit && !opt_showlast) {
if (in_tb) {
- ret += ")";
+ prefix += ')';
}
- return ret + ' (…)';
+ ret.appendChild(document.createTextNode(prefix + ' (…)'));
+ return ret;
}
- if (ret != '') {
- ret += ' ';
- }
- ret += move_num + '. ' + move;
- ++move_num;
- toplay = 'B';
+ prefix += ' ' + (halfmove_num / 2) + '. ';
} else {
- ret += ' ' + move;
- toplay = 'W';
+ prefix += ' ';
}
+ ret.appendChild(document.createTextNode(prefix));
+
+ let link = document.createElement('a');
+ link.className = 'move';
+ link.setAttribute('id', 'automove' + line_num + '-' + (halfmove_num - start_halfmove_num));
+ link.textContent = pv[i];
+ link.href = 'javascript:show_line(' + line_num + ', ' + (halfmove_num - start_halfmove_num) + ');';
+ ret.appendChild(link);
}
if (in_tb) {
- ret += ")";
+ ret.appendChild(document.createTextNode(')'));
}
return ret;
}
/** Update the highlighted to/from squares on the board.
* Based on the global "highlight_from" and "highlight_to" letiables.
*/
-let update_board_highlight = function() {
+function update_board_highlight() {
document.getElementById("board").querySelectorAll('.square-55d63').forEach((square) => square.classList.remove('nonuglyhighlight'));
if ((current_display_line === null || current_display_line_is_history) &&
highlight_from !== undefined && highlight_to !== undefined) {
}
}
-let update_history = function() {
+function update_history() {
+ let history = document.getElementById('history');
if (display_lines[0] === null || display_lines[0].pv.length == 0) {
- document.getElementById("history").innerHTML = "No history";
+ history.textContent = 'No history';
} else if (truncate_display_history) {
- document.getElementById("history").innerHTML = print_pv(0, null, 8, true);
+ history.replaceChildren(print_pv(0, null, 8, true));
} else {
- document.getElementById("history").innerHTML =
- '(<a class="move" href="javascript:collapse_history(true)">collapse</a>) ' +
- print_pv(0, null);
+ history.textContent = '(';
+ let link = document.createElement('a');
+ link.className = 'move';
+ link.href = 'javascript:collapse_history(true)';
+ link.textContent = 'collapse';
+ history.appendChild(link);
+ history.appendChild(document.createTextNode(') '));
+ history.append(print_pv(0, null));
}
}
/**
* @param {!boolean} truncate_history
*/
-let collapse_history = function(truncate_history) {
+function collapse_history(truncate_history) {
truncate_display_history = truncate_history;
update_history();
}
window['collapse_history'] = collapse_history;
-/** Update the HTML display of multi-PV from the global "refutation_lines".
+function choose_displayed_refutation_lines() {
+ if (hash_refutation_lines) {
+ // If we're in hash exploration, that takes precedence.
+ return [hash_refutation_lines, hash_refutation_lines_base_fen];
+ } else {
+ let data = displayed_analysis_data || current_analysis_data;
+ return [data['refutation_lines'], data['position']['fen']];
+ }
+}
+
+/** Update the HTML display of multi-PV.
*
* Also recreates the global "display_lines".
*/
-let update_refutation_lines = function() {
- if (base_fen === null) {
+function update_refutation_lines() {
+ const [refutation_lines, refutation_lines_base_fen] = choose_displayed_refutation_lines();
+ if (!refutation_lines) {
return;
}
if (display_lines.length > 2) {
moves.push(move);
}
- let invert = (toplay === 'B');
+ let invert = (find_toplay(refutation_lines_base_fen) === 'b');
if (current_display_line && current_display_move % 2 == 0 && !current_display_line_is_history) {
invert = !invert;
}
if (line['pv'].length == 0) {
// Not found, so just make a one-move PV.
- let move = "<a class=\"move\" href=\"javascript:show_line(" + display_lines.length + ", " + 0 + ");\">" + line['move'] + "</a>";
- move_td.innerHTML = move;
- let score_td = document.createElement("td");
+ let link = document.createElement('a');
+ link.className = 'move';
+ link.href = 'javascript:show_line(' + display_lines.length + ', ' + 0 + ')';
+ link.textContent = line['move'];
+ move_td.replaceChildren(link);
+ let score_td = document.createElement("td");
score_td.classList.add("score");
score_td.textContent = "—";
tr.appendChild(score_td);
let pv_td = document.createElement("td");
tr.appendChild(pv_td);
pv_td.classList.add("pv");
- pv_td.innerHTML = add_pv(base_fen, base_line.concat([ line['move'] ]), move_num, toplay, scores, start_display_move_num);
+ pv_td.append(add_pv(refutation_lines_base_fen, base_line.concat([ line['move'] ]), scores, start_display_move_num));
tbl.append(tr);
continue;
let pv_td = document.createElement("td");
tr.appendChild(pv_td);
pv_td.classList.add("pv");
- pv_td.innerHTML = add_pv(base_fen, base_line.concat(line['pv']), move_num, toplay, scores, start_display_move_num, 10);
+ pv_td.append(add_pv(refutation_lines_base_fen, base_line.concat(line['pv']), scores, start_display_move_num, 10));
tbl.append(tr);
}
* @param {Array.<string>} moves
* @param {number} last_move
*/
-let chess_from = function(fen, moves, last_move) {
+function chess_from(fen, moves, last_move) {
let hiddenboard = new Chess();
if (fen !== null && fen !== undefined) {
hiddenboard.load(fen);
return hiddenboard;
}
-let update_game_list = function(games) {
+function update_game_list(games) {
document.getElementById("games").textContent = "";
if (games === null) {
return;
* Try to find a running game that matches with the current hash,
* and switch to it if we're not already displaying it.
*/
-let possibly_switch_game_from_hash = function() {
+function possibly_switch_game_from_hash() {
let history_match = window.location.hash.match(/^#history=([a-zA-Z0-9_-]+)/);
if (history_match !== null) {
let game_id = history_match[1];
* If this is a Chess960 castling which doesn't move the king,
* move the rook instead.
*/
-let patch_move = function(move) {
+function patch_move(move) {
if (move === null) return null;
if (move.from !== move.to) return move;
/** Update all the HTML on the page, based on current global state.
*/
-let update_board = function() {
+function update_board() {
document.body.style.opacity = null;
let data = displayed_analysis_data || current_analysis_data;
// unconditionally taken from current_data (we're not interested in
// historic history).
if (current_data['position']['history']) {
- let start = (current_data['position'] && current_data['position']['start_fen']) ? current_data['position']['start_fen'] : 'start';
- add_pv(start, current_data['position']['history'], 1, 'W', null, 0, 8, true);
+ let start = (current_data['position'] && current_data['position']['start_fen']) ? current_data['position']['start_fen'] : 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1';
+ add_pv(start, current_data['position']['history'], null, 0, 8, true);
} else {
display_lines.push(null);
}
headline = 'Analysis';
}
- // Credits, where applicable. Note that we don't want the footer to change a lot
- // when e.g. viewing history, so if any of these changed during the game,
- // use the current one still.
- if (current_data['using_lomonosov']) {
- document.getElementById("lomonosov").style.display = null;
- } else {
- document.getElementById("lomonosov").style.display = 'none';
- }
-
// Credits: The engine name/version.
if (current_data['engine'] && current_data['engine']['name'] !== null) {
document.getElementById("engineid").textContent = current_data['engine']['name'];
} else if (data['position']['last_move'] !== 'none') {
// Find the previous move.
let previous_move_num, previous_toplay;
- if (data['position']['toplay'] == 'B') {
- previous_move_num = data['position']['move_num'];
- previous_toplay = 'W';
+ let fen = data['position']['fen'];
+ if (find_toplay(fen) === 'b') {
+ previous_move_num = find_move_num(fen);
+ previous_toplay = 'w';
} else {
- previous_move_num = data['position']['move_num'] - 1;
- previous_toplay = 'B';
+ previous_move_num = find_move_num(fen) - 1;
+ previous_toplay = 'b';
}
last_move = format_move_with_number(
data['position']['last_move'],
previous_move_num,
- previous_toplay == 'W');
+ previous_toplay == 'w');
headline += ' after ' + last_move;
} else {
last_move = null;
document.getElementById("refutationlines").replaceChildren();
document.getElementById("whiteclock").replaceChildren();
document.getElementById("blackclock").replaceChildren();
- refutation_lines = [];
update_refutation_lines();
clear_arrows();
update_displayed_line();
// The search stats.
if (data['searchstats']) {
- document.getElementById("searchstats").innerHTML = data['searchstats'];
- } else if (data['tablebase'] == 1) {
- document.getElementById("searchstats").textContent = "Tablebase result";
+ document.getElementById("searchstats").textContent = data['searchstats'];
} else if (data['nodes'] && data['nps'] && data['depth']) {
let stats = thousands(data['nodes']) + ' nodes, ' + thousands(data['nps']) + ' nodes/sec, depth ' + data['depth'] + ' ply';
if (data['seldepth']) {
} else {
document.getElementById("searchstats").textContent = "";
}
+ if (admin_password !== null) {
+ document.getElementById("searchstats").innerHTML += " | <span style=\"color: red;\">ADMIN MODE (if password is right) | <a href=\"javascript:undo_move()\">Undo move</a></span>";
+ }
// Update the board itself.
base_fen = data['position']['fen'];
document.getElementById("pvtitle").textContent = "PV:";
let scores = [{ first_move: -1, score: data['score'] }];
- document.getElementById("pv").innerHTML = add_pv(data['position']['fen'], data['pv'], data['position']['move_num'], data['position']['toplay'], scores, 0);
+ document.getElementById("pv").replaceChildren(add_pv(data['position']['fen'], data['pv'], scores, 0));
// Update the PV arrow.
clear_arrows();
+ let toplay = find_toplay(data['position']['fen']);
if (data['pv'].length >= 1) {
let hiddenboard = new Chess(base_fen);
hiddenboard.move(data['pv'][i + 1]); // To keep continuity.
}
- let alt_moves = find_nonstupid_moves(data, 30, data['position']['toplay'] === 'B');
+ let alt_moves = find_nonstupid_moves(data, 30, toplay === 'b');
for (let i = 1; i < alt_moves.length && i < 3; ++i) {
hiddenboard = new Chess(base_fen);
let move = patch_move(hiddenboard.move(alt_moves[i]));
// See if all semi-reasonable moves have only one possible response.
if (data['pv'].length >= 2) {
- let nonstupid_moves = find_nonstupid_moves(data, 300, data['position']['toplay'] === 'B');
+ let nonstupid_moves = find_nonstupid_moves(data, 300, toplay === 'b');
let hiddenboard = new Chess(base_fen);
hiddenboard.move(data['pv'][0]);
let response = hiddenboard.move(data['pv'][1]);
}
}
- // Update the refutation lines.
base_fen = data['position']['fen'];
- move_num = parseInt(data['position']['move_num']);
- toplay = data['position']['toplay'];
- refutation_lines = hash_refutation_lines || data['refutation_lines'];
update_refutation_lines();
// Update the sparkline last, since its size depends on how everything else reflowed.
update_sparkline(data);
}
-let update_sparkline = function(data) {
+function update_sparkline(data) {
let scorespark = document.getElementById('scoresparkcontainer');
scorespark.textContent = '';
if (data && data['score_history']) {
}
}
if (first_move_num !== undefined) {
- let last_move_num = data['position']['move_num'] * 2 - 3;
- if (data['position']['toplay'] === 'B') {
+ let fen = data['position']['fen'];
+ let last_move_num = find_move_num(fen) * 2 - 3;
+ if (find_toplay(fen) === 'b') {
++last_move_num;
}
if (score < min_score) min_score = score;
if (score > max_score) max_score = score;
}
+ if (max_score - min_score < 100) {
+ if (Math.abs(max_score) >= Math.abs(min_score)) {
+ max_score = min_score + 100;
+ } else {
+ min_score = max_score - 100;
+ }
+ }
const h = scorespark.getBoundingClientRect().height;
let color;
if (scores[i] === 0) {
color = [0.5, 0.5, 0.5];
- rect.setAttributeNS(null, 'y', base_y - 1);
+ rect.setAttributeNS(null, 'y', base_y);
rect.setAttributeNS(null, 'height', 1);
} else if (scores[i] > 0) {
color = [0.2, 0.4, 0.8];
rect.setAttributeNS(null, 'y', base_y - extent);
- rect.setAttributeNS(null, 'height', extent);
+ rect.setAttributeNS(null, 'height', extent + 1);
} else {
color = [1.0, 0.267, 0.267];
rect.setAttributeNS(null, 'y', base_y);
- rect.setAttributeNS(null, 'height', -extent);
+ rect.setAttributeNS(null, 'height', -extent + 1);
}
let hlcolor = [color[0], color[1], color[2]];
if (scores[i] !== 0) {
}
}
-let draw_hover = function(e, color, tooltip) {
+function draw_hover(e, color, tooltip) {
e.target.style.fill = 'rgb(' + color[0]*100.0 + '%, ' + color[1]*100.0 + '%, ' + color[2]*100.0 + '%)';
let hover = document.getElementById('sparklinehover');
hover.style.top = top + 'px';
}
-let hide_hover = function(e, color) {
+function hide_hover(e, color) {
e.target.style.fill = 'rgb(' + color[0]*100.0 + '%, ' + color[1]*100.0 + '%, ' + color[2]*100.0 + '%)';
document.getElementById('sparklinehover').style.display = 'none';
}
/**
* @param {number} num_viewers
*/
-let update_num_viewers = function(num_viewers) {
+function update_num_viewers(num_viewers) {
let text = "";
if (num_viewers === null) {
text = "";
document.getElementById("numviewers").textContent = text;
}
-let update_clock = function() {
+function update_clock() {
clock_timer = null;
let data = displayed_analysis_data || current_analysis_data;
// This matches what DGT clocks do.
let show_seconds = (white_clock_ms < 60 * 20 * 1000 || black_clock_ms < 60 * 20 * 1000);
- if (color) {
+ if (color && remaining_ms > 0) {
// See when the clock will change next, and update right after that.
let next_update_ms;
if (show_seconds) {
}
/**
- * @param {Number} remaining_ms
+ * @param {number} remaining_ms
* @param {boolean} show_seconds
*/
-let format_clock = function(remaining_ms, show_seconds) {
+function format_clock(remaining_ms, show_seconds) {
if (remaining_ms <= 0) {
if (show_seconds) {
return "00:00:00";
}
/**
- * @param {Number} x
+ * @param {number} x
*/
-let format_2d = function(x) {
+function format_2d(x) {
if (x >= 10) {
return x;
} else {
/**
* @param {string} move
- * @param {Number} move_num Move number of this move.
+ * @param {number} move_num Move number of this move.
* @param {boolean} white_to_play Whether white is to play this move.
*/
-let format_move_with_number = function(move, move_num, white_to_play) {
+function format_move_with_number(move, move_num, white_to_play) {
let ret;
if (white_to_play) {
ret = move_num + '. ';
/**
* @param {string} move
- * @param {Number} halfmove_num Half-move number that is to be played,
+ * @param {number} halfmove_num Half-move number that is to be played,
* starting from 0.
*/
-let format_halfmove_with_number = function(move, halfmove_num) {
+function format_halfmove_with_number(move, halfmove_num) {
return format_move_with_number(
move,
Math.floor(halfmove_num / 2) + 1,
/**
* @param {Object} data
- * @param {Number} halfmove_num
+ * @param {number} halfmove_num
*/
-let format_tooltip = function(data, halfmove_num) {
+function format_tooltip(data, halfmove_num) {
if (data['score_history'][halfmove_num + 1] ||
(halfmove_num + 1) === data['position']['history'].length) {
// Position is in the history, or it is the current position
}
}
-/**
- * @param {boolean} truncate_history
- */
-let set_truncate_history = function(truncate_history) {
- truncate_display_history = truncate_history;
- update_refutation_lines();
-}
-window['set_truncate_history'] = set_truncate_history;
-
/**
* @param {number} line_num
* @param {number} move_num
*/
-let show_line = function(line_num, move_num) {
+function show_line(line_num, move_num) {
if (line_num == -1) {
current_display_line = null;
current_display_move = null;
return;
} else {
current_display_line = {...display_lines[line_num]}; // Shallow clone.
- current_display_move = move_num + current_display_line.start_display_move_num;
+ current_display_move = move_num;
}
current_display_line_is_history = (line_num == 0);
}
window['show_line'] = show_line;
-let prev_move = function() {
+function prev_move() {
if (current_display_line &&
current_display_move >= current_display_line.start_display_move_num) {
--current_display_move;
}
window['prev_move'] = prev_move;
-let next_move = function() {
+function next_move() {
if (current_display_line &&
current_display_move < current_display_line.pv.length - 1) {
++current_display_move;
}
window['next_move'] = next_move;
-let next_game = function() {
+function next_game() {
if (current_games === null) {
return;
}
// Couldn't find it; give up.
}
-let update_historic_analysis = function() {
+function update_historic_analysis() {
if (!current_display_line_is_history) {
return;
}
/**
* @param {string} fen
*/
-let update_imbalance = function(fen) {
- let hiddenboard = new Chess(fen);
+function update_imbalance(fen) {
let imbalance = {'k': 0, 'q': 0, 'r': 0, 'b': 0, 'n': 0, 'p': 0};
- for (let row = 0; row < 8; ++row) {
- for (let col = 0; col < 8; ++col) {
- let col_text = String.fromCharCode('a1'.charCodeAt(0) + col);
- let row_text = String.fromCharCode('a1'.charCodeAt(1) + row);
- let square = col_text + row_text;
- let contents = hiddenboard.get(square);
- if (contents !== null) {
- if (contents.color === 'w') {
- ++imbalance[contents.type];
- } else {
- --imbalance[contents.type];
- }
- }
+ for (const c of fen) {
+ if (c === ' ') {
+ // End of board
+ break;
+ }
+ if (c != c.toUpperCase()) {
+ --imbalance[c];
+ } else if (c != c.toLowerCase()) {
+ ++imbalance[c.toLowerCase()];
}
}
+
let white_imbalance = document.getElementById('whiteimbalance');
let black_imbalance = document.getElementById('blackimbalance');
white_imbalance.textContent = '';
* Also replaces the PV with the current displayed line if it's not shown
* anywhere else on the screen.
*/
-let update_move_highlight = function() {
+function update_move_highlight() {
if (highlighted_move !== null) {
highlighted_move.classList.remove('highlight');
}
document.getElementById("pvtitle").textContent = "Exploring:";
current_display_line.start_display_move_num = 0;
display_lines.push(current_display_line);
- document.getElementById("pv").innerHTML = print_pv(display_lines.length - 1, null); // FIXME
+ document.getElementById("pv").replaceChildren(print_pv(display_lines.length - 1, null)); // FIXME
display_line_num = display_lines.length - 1;
// Clear out the PV, so it's not selected by anything later.
display_lines[1].pv = [];
}
- highlighted_move = document.getElementById("automove" + display_line_num + "-" + (current_display_move - current_display_line.start_display_move_num));
+ highlighted_move = document.getElementById("automove" + display_line_num + "-" + current_display_move);
if (highlighted_move !== null) {
highlighted_move.classList.add('highlight');
}
*
* @return {?number}
*/
-let find_display_line_matching_num = function() {
+function find_display_line_matching_num() {
for (let i = 0; i < display_lines.length; ++i) {
let line = display_lines[i];
if (line.start_display_move_num > 0) continue;
* TODO: This should really be called only whenever something changes,
* instead of all the time.
*/
-let update_displayed_line = function() {
+function update_displayed_line() {
if (current_display_line === null) {
document.getElementById("linenav").style.display = 'none';
document.getElementById("linemsg").style.display = 'revert';
document.getElementById("linemsg").style.display = 'none';
if (current_display_move <= 0) {
- document.getElementById("prevmove").innerHTML = "Previous";
+ document.getElementById("prevmove").textContent = "Previous";
} else {
document.getElementById("prevmove").innerHTML = "<a href=\"javascript:prev_move();\">Previous</a></span>";
}
if (current_display_move == current_display_line.pv.length - 1) {
- document.getElementById("nextmove").innerHTML = "Next";
+ document.getElementById("nextmove").textContent = "Next";
} else {
document.getElementById("nextmove").innerHTML = "<a href=\"javascript:next_move();\">Next</a></span>";
}
update_imbalance(hiddenboard.fen());
}
-let set_board_position = function(new_fen) {
+function set_board_position(new_fen) {
board_is_animating = true;
let old_fen = board.fen();
- board.position(new_fen);
+ let animate = old_fen !== '8/8/8/8/8/8/8/';
+ board.position(new_fen, animate);
if (board.fen() === old_fen) {
board_is_animating = false;
}
/**
* @param {boolean} param_enable_sound
*/
-let set_sound = function(param_enable_sound) {
+function set_sound(param_enable_sound) {
enable_sound = param_enable_sound;
if (enable_sound) {
document.getElementById("soundon").innerHTML = "<strong>On</strong>";
/** Send off a hash probe request to the backend.
* @param {string} fen
*/
-let explore_hash = function(fen) {
+function explore_hash(fen) {
// If we already have a backend response going, abort it.
if (current_hash_xhr) {
current_hash_xhr.abort();
* @param {!Object} data
* @param {string} fen
*/
-let show_explore_hash_results = function(data, fen) {
+function show_explore_hash_results(data, fen) {
if (board_is_animating) {
// Updating while the animation is still going causes
// the animation to jerk. This is pretty crude, but it will do.
}
current_hash_display_timer = null;
hash_refutation_lines = data['lines'];
+ hash_refutation_lines_base_fen = fen;
update_board();
}
// almost all of this stuff comes from the chessboard.js example page
-let onDragStart = function(source, piece, position, orientation) {
+function onDragStart(source, piece, position, orientation) {
let pseudogame = new Chess(display_fen);
if (pseudogame.game_over() === true ||
(pseudogame.turn() === 'w' && piece.search(/^b/) !== -1) ||
return true;
}
-let mousedownSquare = function(e) {
- if (!e.target || !e.target.matches('.square-55d63')) {
+function mousedownSquare(e) {
+ if (!e.target || !e.target.getAttribute('data-square')) {
return;
}
}
}
-let mouseupSquare = function(e) {
- if (!e.target || !e.target.matches('.square-55d63')) {
+function mouseupSquare(e) {
+ if (!e.target || !e.target.getAttribute('data-square')) {
return;
}
if (reverse_dragging_from === null) {
});
}
-let get_best_move = function(game, source, target, invert) {
+function get_best_move(game, source, target, invert) {
let moves = game.moves({ verbose: true });
if (source !== null) {
moves = moves.filter(function(move) { return move.from == source; });
let best_move = null;
let best_move_score = null;
+ let refutation_lines = choose_displayed_refutation_lines()[0];
for (let move in refutation_lines) {
let line = refutation_lines[move];
if (!line['score']) {
return best_move;
}
-let onDrop = function(source, target) {
+function onDrop(source, target) {
if (source === target) {
if (recommended_move === null) {
return 'snapback';
if (move === null) return 'snapback';
}
-let onSnapEnd = function(source, target) {
+/**
+ * If we are in admin mode, send this move to the backend.
+ *
+ * @param {string} fen
+ * @param {string} move
+ */
+function send_chosen_move(fen, move) {
+ if (admin_password !== null) {
+ let history = current_analysis_data['position']['history'];
+ let url = '/manual-override.pl';
+ url += '?fen=' + encodeURIComponent(fen);
+ url += '&history=' + encodeURIComponent(JSON.stringify(history));
+ url += '&move=' + encodeURIComponent(move);
+ url += '&player_w=' + encodeURIComponent(current_analysis_data['position']['player_w']);
+ url += '&player_b=' + encodeURIComponent(current_analysis_data['position']['player_b']);
+ url += '&password=' + encodeURIComponent(admin_password);
+
+ console.log(fen, history);
+ fetch(url); // Ignore the result.
+ }
+}
+
+function undo_move() {
+ if (admin_password !== null) {
+ let history = current_analysis_data['position']['history'];
+ history = history.slice(0, history.length - 1);
+
+ let position = current_analysis_data['position']['start_fen'];
+ let hiddenboard = chess_from(position, history, history.length);
+ let fen = hiddenboard.fen();
+
+ let url = '/manual-override.pl';
+ url += '?fen=' + encodeURIComponent(fen);
+ url += '&history=' + encodeURIComponent(JSON.stringify(history));
+ url += '&move=null';
+ url += '&player_w=' + encodeURIComponent(current_analysis_data['position']['player_w']);
+ url += '&player_b=' + encodeURIComponent(current_analysis_data['position']['player_b']);
+ url += '&password=' + encodeURIComponent(admin_password);
+
+ console.log(fen, history);
+ fetch(url); // Ignore the result.
+ }
+}
+window['undo_move'] = undo_move;
+
+function onSnapEnd(source, target) {
if (source === target && recommended_move !== null) {
source = recommended_move.from;
target = recommended_move.to;
promotion: 'q' // NOTE: always promote to a queen for example simplicity
});
+ if (admin_password !== null) {
+ send_chosen_move(display_fen, move.san);
+ return;
+ }
+
// Move ahead on the line we're on -- this includes history if we've
// gone backwards.
if (current_display_line &&
}
let line = display_lines[i];
if (line.pv[line.start_display_move_num] === move.san) {
- show_line(i, 0);
+ show_line(i, line.start_display_move_num);
return;
}
}
// Shouldn't really be here if we have hash probes, but there's really
// nothing we can do.
+ // FIXME: Just make a new line, probably (even if we don't have hash moves).
+ // As it is, we can actually drag (but not click) such a move in the UI,
+ // but it has no effect on what we're probing.
}
// End of dragging-related code.
-let fmt_cp = function(v) {
+function fmt_cp(v) {
if (v === 0) {
return "0.00";
} else if (v > 0) {
}
}
-let format_short_score = function(score) {
+function format_short_score(score) {
if (!score) {
return "???";
}
return null;
}
-let format_long_score = function(score) {
+function format_long_score(score) {
if (!score) {
return "???";
}
return null;
}
-let compute_plot_score = function(score) {
+function compute_plot_score(score) {
if (score[0] === 'M' || score[0] === 'T') {
return 500;
} else if (score[0] === 'm' || score[0] === 't') {
* @param score The score digest tuple.
* @param {?number} depth Depth the move has been computed to, or null.
* @param {boolean} invert Whether black is to play.
- * @param {boolean=} depth_secondary_key
* @return {number}
*/
-let compute_score_sort_key = function(score, depth, invert, depth_secondary_key) {
+function compute_score_sort_key(score, depth, invert) {
let s;
if (!score) {
return -10000000;
}
if (s) {
if (invert) s = -s;
- if (depth_secondary_key) {
- return s * 200 + (depth || 0);
- } else {
- return s;
- }
+ return s;
} else {
return null;
}
/**
* @param {Object} game
*/
-let switch_backend = function(game) {
+function switch_backend(game) {
// Stop looking at historic data.
current_display_line = null;
current_display_move = null;
'bP': 'data:image/svg+xml,<?xml version=%221.0%22 encoding=%22UTF-8%22 standalone=%22no%22?>%0A<!DOCTYPE svg PUBLIC %22-//W3C//DTD SVG 1.1//EN%22 %22http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22>%0A<svg xmlns=%22http://www.w3.org/2000/svg%22 version=%221.1%22 width=%2245%22 height=%2245%22><path d=%22m 22.5,9 c -2.21,0 -4,1.79 -4,4 0,0.89 0.29,1.71 0.78,2.38 C 17.33,16.5 16,18.59 16,21 c 0,2.03 0.94,3.84 2.41,5.03 C 15.41,27.09 11,31.58 11,39.5 H 34 C 34,31.58 29.59,27.09 26.59,26.03 28.06,24.84 29,23.03 29,21 29,18.59 27.67,16.5 25.72,15.38 26.21,14.71 26.5,13.89 26.5,13 c 0,-2.21 -1.79,-4 -4,-4 z%22 style=%22opacity:1;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:%23000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1%22/></svg>',
};
-let svg_piece_theme = function(piece) {
+function svg_piece_theme(piece) {
return svg_pieces[piece];
}
-let init = function() {
+function init() {
unique = get_unique();
// Load settings from HTML5 local storage if available.
set_sound(false);
}
+ let admin_match = window.location.href.match(/\?password=([a-zA-Z0-9_-]+)/);
+ if (admin_match !== null) {
+ admin_password = admin_match[1];
+ }
+
// Create board.
board = new window.ChessBoard('board', {
onMoveEnd: function() { board_is_animating = false; },
document.getElementById("board").addEventListener('mousedown', mousedownSquare);
document.getElementById("board").addEventListener('mouseup', mouseupSquare);
+ if (window['inline_json']) {
+ let j = window['inline_json'];
+ process_update_response(j['data'], { 'get': (h) => j['headers'][h] });
+ delete window['inline_json'];
+ }
request_update();
window.addEventListener('resize', function() {
board.resize();
update_board_highlight();
redraw_arrows();
});
+ new ResizeObserver(() => update_sparkline(displayed_analysis_data || current_analysis_data)).observe(document.getElementById('scoresparkcontainer'));
window.addEventListener('keyup', function(event) {
if (event.which == 39) { // Left arrow.
next_move();
projects / remoteglot / blobdiff