☰

C.A.S (Chess.com Assistance System)

Chess analysis bot made for educational purposes only (Chrome + Firefox + Edge ...)

当前为 2023-03-03 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        C.A.S (Chess.com Assistance System)
  3. // @namespace   sayfpack
  4. // @author      sayfpack
  5. // @version     5.5
  6. // @homepageURL https://github.com/sayfpack13/chess-analysis-bot
  7. // @supportURL  https://mmgc.life/
  8. // @match       https://www.chess.com/*
  9. // @grant       GM_getValue
  10. // @grant       GM_setValue
  11. // @grant       GM_xmlhttpRequest
  12. // @grant       GM_getResourceText
  13. // @grant       GM_registerMenuCommand
  14. // @description Chess analysis bot made for educational purposes only (Chrome + Firefox + Edge ...)
  15. // @require     https://greasyfork.org/scripts/460400-usergui-js/code/userguijs.js?version=1152084
  16. // @resource    jquery.js       https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.min.js
  17. // @resource    chessboard.js   https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script/content/chessboard.js
  18. // @resource    chessboard.css  https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script/content/chessboard.css
  19. // @resource    lozza.js        https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script/content/lozza.js
  20. // @resource    stockfish.js    https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script/content/stockfish-5.js
  21. // @resource    stockfish2.js   https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script/content/stockfish-2018.js
  22. // @run-at      document-start
  23. // @inject-into content
  24. // ==/UserScript==
  25.  
  26. /*
  27.   e88~-_            e           ,d88~~\
  28.  d888   \          d8b          8888
  29.  8888             /Y88b         `Y88b
  30.  8888            /  Y88b         `Y88b,
  31.  Y888   / d88b  /____Y88b  d88b    8888
  32.   "88_-~  Y88P /      Y88b Y88P \__88P'
  33. */
  34.  
  35. // VARS
  36. const repositoryRawURL = 'https://raw.githubusercontent.com/sayfpack13/chess-analysis-bot/main/tampermonkey%20script';
  37. const LICHESS_API = "https://lichess.org/api/cloud-eval";
  38.  
  39. const MAX_DEPTH = 20;
  40. const MIN_DEPTH = 1;
  41. const MAX_MOVETIME = 3000;
  42. const MIN_MOVETIME = 50;
  43. const MAX_ELO = 4000;
  44. const DEPTH_MODE = 0;
  45. const MOVETIME_MODE = 1;
  46. const rank = ["Beginner", "Intermediate", "Advanced", "Expert", "Master", "Grand Master", "Cheater"];
  47.  
  48.  
  49.  
  50. let engineMode = 0;                                         // engine mode (0:depth / 1:movetime)
  51. let engineIndex = 0;                                        // engine index (lozza => 0, stockfish => 1...)
  52. let reload_every = 10;                                      // reload engine after x moves
  53. let enableUserLog = true;                                   // enable engine log
  54. let displayMovesOnSite = true;                              // display moves on chess board
  55. let show_opposite_moves = false;                            // show opponent best moves if available
  56. let use_book_moves = false;                                 // use lichess api to get book moves
  57. let node_engine_url = "http://localhost:5000";              // node server api url
  58. let node_engine_name = "stockfish-15.exe"                   // default engine name (node server engine only)
  59.  
  60.  
  61.  
  62.  
  63. let current_depth = Math.round(MAX_DEPTH / 3);
  64. let current_movetime = Math.round(MAX_MOVETIME / 3);
  65. let node_engine_id = 3;
  66.  
  67. let Gui;
  68. let closedGui = false;
  69. let reload_count = 1;
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. let Interface = null;
  77. let LozzaUtils = null;
  78.  
  79. let initialized = false;
  80. let firstMoveMade = false;
  81.  
  82.  
  83. let engine = null;
  84. let engineObjectURL = null;
  85. let lastEngine = engineIndex;
  86.  
  87. let chessBoardElem = null;
  88. let turn = '-';
  89. let playerColor = null;
  90. let isPlayerTurn = null;
  91. let lastFen = null;
  92.  
  93. let uiChessBoard = null;
  94.  
  95. let activeGuiMoveHighlights = [];
  96. let activeSiteMoveHighlights = [];
  97.  
  98. let engineLogNum = 1;
  99. let userscriptLogNum = 1;
  100. let enemyScore = 0;
  101. let myScore = 0;
  102.  
  103.  
  104. function moveResult(from, to, power, clear = true) {
  105.  
  106.     if (from.length < 2 || to.length < 2) {
  107.         return;
  108.     }
  109.  
  110.     if (clear) {
  111.         clearBoard();
  112.     }
  113.  
  114.  
  115.  
  116.     if (isPlayerTurn) // my turn
  117.         myScore = myScore + Number(power);
  118.     else
  119.         enemyScore = enemyScore + Number(power);
  120.  
  121.     Interface.boardUtils.updateBoardPower(myScore, enemyScore);
  122.  
  123.  
  124.  
  125.     if (displayMovesOnSite || (!isPlayerTurn && show_opposite_moves)) {
  126.         markMoveToSite(from, to);
  127.     }
  128.  
  129.  
  130.  
  131.     Interface.boardUtils.markMove(from, to);
  132.     Interface.stopBestMoveProcessingAnimation();
  133.  
  134.  
  135. }
  136.  
  137.  
  138. function getBookMoves(fen) {
  139.     GM_xmlhttpRequest({
  140.         method: "GET",
  141.         url: LICHESS_API + "?fen=" + fen + "&multiPv=1&variant=fromPosition",
  142.         headers: {
  143.             "Content-Type": "application/json"
  144.         },
  145.         onload: function (response) {
  146.             if (response.response.includes("error")) {
  147.  
  148.                 getBestMoves(fen);
  149.  
  150.             } else {
  151.                 let data = JSON.parse(response.response);
  152.                 let nextMove = data.pvs[0].moves.split(' ')[0];
  153.                 let score = current_depth;
  154.  
  155.             
  156.                 moveResult(nextMove.slice(0, 2), nextMove.slice(2, 4), score, true);
  157.             }
  158.  
  159.  
  160.         }, onerror: function (error) {
  161.             getBestMoves(fen);
  162.  
  163.         }
  164.     });
  165.  
  166. }
  167.  
  168. function getNodeBestMoves(fen) {
  169.  
  170.  
  171.     GM_xmlhttpRequest({
  172.         method: "GET",
  173.         url: node_engine_url + "/getBestMove?fen=" + fen + "&engine_mode=" + engineMode + "&depth=" + current_depth + "&movetime=" + current_movetime + "&turn=" + turn + "&engine_name=" + node_engine_name,
  174.         headers: {
  175.             "Content-Type": "application/json"
  176.         },
  177.         onload: function (response) {
  178.             if (response.response == "false") {
  179.                 return;
  180.             }
  181.             let data = JSON.parse(response.response);
  182.             let server_fen = data.fen;
  183.             let depth = data.depth;
  184.             let movetime = data.movetime;
  185.             let power = data.score;
  186.             let move = data.move;
  187.  
  188.  
  189.  
  190.             if (engineMode == DEPTH_MODE) {
  191.                 Interface.updateBestMoveProgress(`Depth: ${depth}`);
  192.             } else {
  193.                 Interface.updateBestMoveProgress(`Move time: ${movetime} ms`);
  194.             }
  195.  
  196.             
  197.             moveResult(move.slice(0, 2), move.slice(2, 4), power, true);
  198.  
  199.  
  200.  
  201.         }, onerror: function () {
  202.             Interface.log("check node server !!");
  203.         }
  204.     });
  205.  
  206. }
  207.  
  208. function getElo() {
  209.     let elo;
  210.     if (engineMode == DEPTH_MODE) {
  211.         elo = MAX_ELO / MAX_DEPTH;
  212.         elo *= current_depth;
  213.     } else {
  214.         elo = MAX_ELO / MAX_MOVETIME;
  215.         elo *= current_movetime;
  216.     }
  217.     return elo;
  218. }
  219.  
  220. function getRank() {
  221.     let part;
  222.     if (engineMode == DEPTH_MODE) {
  223.         part = current_depth / (MAX_DEPTH / rank.length);
  224.     } else {
  225.         part = current_movetime / (MAX_MOVETIME / rank.length);
  226.     }
  227.     part = Math.round(part);
  228.  
  229.     if (part >= rank.length) {
  230.         part = rank.length - 1;
  231.     }
  232.  
  233.     return rank[part];
  234. }
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241. function getEloDescription() {
  242.     let desc = `Elo: ${getElo()}, Rank: ${getRank()}, `;
  243.     if (engineMode == DEPTH_MODE) {
  244.         desc += `Depth: ${current_depth}`;
  245.     } else {
  246.         desc += `Move Time: ${current_movetime} ms`;
  247.     }
  248.     return desc;
  249. }
  250.  
  251. function isNotCompatibleBrowser() {
  252.     return navigator.userAgent.toLowerCase().includes("firefox")
  253. }
  254.  
  255. onload = function () {
  256.     if (isNotCompatibleBrowser()) {
  257.         Gui = new UserGui;
  258.     }
  259.  
  260. }
  261.  
  262. if (!isNotCompatibleBrowser()) {
  263.     Gui = new UserGui;
  264. } else {
  265.     onload();
  266. }
  267.  
  268.  
  269. Gui.settings.window.title = 'C.A.S';
  270. Gui.settings.window.external = true;
  271. Gui.settings.window.size.width = 500;
  272. Gui.settings.gui.external.popup = false;
  273. Gui.settings.gui.external.style += GM_getResourceText('chessboard.css');
  274. Gui.settings.gui.external.style += `
  275. div[class^='board'] {
  276.     background-color: black;
  277. }
  278. .best-move-from {
  279.     background-color: #31ff7f;
  280.     transform: scale(0.85);
  281. }
  282. .best-move-to {
  283.     background-color: #31ff7f;
  284. }
  285. .negative-best-move-from {
  286.     background-color: #fd0000;
  287.     transform: scale(0.85);
  288. }
  289. .negative-best-move-to {
  290.     background-color: #fd0000;
  291. }
  292. body {
  293.     display: block;
  294.     margin-left: auto;
  295.     margin-right: auto;
  296.     width: 360px;
  297. }
  298. #fen {
  299.     margin-left: 10px;
  300. }
  301. #engine-log-container {
  302.     max-height: 35vh;
  303.     overflow: auto!important;
  304. }
  305. #userscript-log-container {
  306.     max-height: 35vh;
  307.     overflow: auto!important;
  308. }
  309. .sideways-card {
  310.     display: flex;
  311.     align-items: center;
  312.     justify-content: space-between;
  313. }
  314. .rendered-form .card {
  315.     margin-bottom: 10px;
  316. }
  317. .hidden {
  318.     display: none;
  319. }
  320. .main-title-bar {
  321.     display: flex;
  322.     justify-content: space-between;
  323. }
  324. @keyframes wiggle {
  325.     0% { transform: scale(1); }
  326.    80% { transform: scale(1); }
  327.    85% { transform: scale(1.1); }
  328.    95% { transform: scale(1); }
  329.   100% { transform: scale(1); }
  330. }
  331.  
  332. .wiggle {
  333.   display: inline-block;
  334.   animation: wiggle 1s infinite;
  335. }
  336. `;
  337.  
  338. function FenUtils() {
  339.     this.board = [
  340.         [1, 1, 1, 1, 1, 1, 1, 1],
  341.         [1, 1, 1, 1, 1, 1, 1, 1],
  342.         [1, 1, 1, 1, 1, 1, 1, 1],
  343.         [1, 1, 1, 1, 1, 1, 1, 1],
  344.         [1, 1, 1, 1, 1, 1, 1, 1],
  345.         [1, 1, 1, 1, 1, 1, 1, 1],
  346.         [1, 1, 1, 1, 1, 1, 1, 1],
  347.         [1, 1, 1, 1, 1, 1, 1, 1],
  348.     ];
  349.  
  350.     this.pieceCodeToFen = pieceStr => {
  351.         const [pieceColor, pieceName] = pieceStr.split('');
  352.  
  353.         return pieceColor == 'w' ? pieceName.toUpperCase() : pieceName.toLowerCase();
  354.     }
  355.  
  356.     this.getFenCodeFromPieceElem = pieceElem => {
  357.         return this.pieceCodeToFen([...pieceElem.classList].find(x => x.match(/^(b|w)[prnbqk]{1}$/)));
  358.     }
  359.  
  360.     this.getPieceColor = pieceFenStr => {
  361.         return pieceFenStr == pieceFenStr.toUpperCase() ? 'w' : 'b';
  362.     }
  363.  
  364.     this.getPieceOppositeColor = pieceFenStr => {
  365.         return this.getPieceColor(pieceFenStr) == 'w' ? 'b' : 'w';
  366.     }
  367.  
  368.     this.squeezeEmptySquares = fenStr => {
  369.         return fenStr.replace(/11111111/g, '8')
  370.             .replace(/1111111/g, '7')
  371.             .replace(/111111/g, '6')
  372.             .replace(/11111/g, '5')
  373.             .replace(/1111/g, '4')
  374.             .replace(/111/g, '3')
  375.             .replace(/11/g, '2');
  376.     }
  377.  
  378.     this.posToIndex = pos => {
  379.         const [x, y] = pos.split('');
  380.  
  381.         return { 'y': 8 - y, 'x': 'abcdefgh'.indexOf(x) };
  382.     }
  383.  
  384.     this.getBoardPiece = pos => {
  385.         const indexObj = this.posToIndex(pos);
  386.  
  387.         return this.board[indexObj.y][indexObj.x];
  388.     }
  389.  
  390.     this.getRights = () => {
  391.         let rights = '';
  392.  
  393.         // check for white
  394.         const e1 = this.getBoardPiece('e1'),
  395.             h1 = this.getBoardPiece('h1'),
  396.             a1 = this.getBoardPiece('a1');
  397.  
  398.         if (e1 == 'K' && h1 == 'R') rights += 'K';
  399.         if (e1 == 'K' && a1 == 'R') rights += 'Q';
  400.  
  401.         //check for black
  402.         const e8 = this.getBoardPiece('e8'),
  403.             h8 = this.getBoardPiece('h8'),
  404.             a8 = this.getBoardPiece('a8');
  405.  
  406.         if (e8 == 'k' && h8 == 'r') rights += 'k';
  407.         if (e8 == 'k' && a8 == 'r') rights += 'q';
  408.  
  409.         return rights ? rights : '-';
  410.     }
  411.  
  412.  
  413.  
  414.     this.getBasicFen = () => {
  415.         const pieceElems = [...chessBoardElem.querySelectorAll('.piece')];
  416.  
  417.         pieceElems.forEach(pieceElem => {
  418.             const pieceFenCode = this.getFenCodeFromPieceElem(pieceElem);
  419.             const [xPos, yPos] = pieceElem.classList.toString().match(/square-(\d)(\d)/).slice(1);
  420.  
  421.             this.board[8 - yPos][xPos - 1] = pieceFenCode;
  422.         });
  423.  
  424.         const basicFen = this.squeezeEmptySquares(this.board.map(x => x.join('')).join('/'));
  425.  
  426.         return basicFen;
  427.     }
  428.  
  429.     this.getFen = () => {
  430.         const basicFen = this.getBasicFen();
  431.         const rights = this.getRights();
  432.  
  433.  
  434.         return `${basicFen} ${turn} ${rights} - 0 1`;
  435.     }
  436. }
  437.  
  438. function InterfaceUtils() {
  439.     this.boardUtils = {
  440.         findSquareElem: (squareCode) => {
  441.             if (!Gui?.document) return;
  442.  
  443.             return Gui.document.querySelector(`.square-${squareCode}`);
  444.         },
  445.         markMove: (fromSquare, toSquare) => {
  446.             if (!Gui?.document) return;
  447.  
  448.             const [fromElem, toElem] = [this.boardUtils.findSquareElem(fromSquare), this.boardUtils.findSquareElem(toSquare)];
  449.  
  450.  
  451.             if (isPlayerTurn) {
  452.                 fromElem.classList.add('best-move-from');
  453.                 toElem.classList.add('best-move-to');
  454.             } else {
  455.                 fromElem.classList.add('negative-best-move-from');
  456.                 toElem.classList.add('negative-best-move-to');
  457.             }
  458.  
  459.             activeGuiMoveHighlights.push(fromElem);
  460.             activeGuiMoveHighlights.push(toElem);
  461.         },
  462.         removeBestMarkings: () => {
  463.             if (!Gui?.document) return;
  464.  
  465.             activeGuiMoveHighlights.forEach(elem => {
  466.                 elem.classList.remove('best-move-from', 'best-move-to', 'negative-best-move-from', 'negative-best-move-to');
  467.             });
  468.  
  469.             activeGuiMoveHighlights = [];
  470.         },
  471.         updateBoardFen: fen => {
  472.             if (!Gui?.document) return;
  473.  
  474.             Gui.document.querySelector('#fen').textContent = fen;
  475.         },
  476.         updateBoardPower: (myScore, enemyScore) => {
  477.             if (!Gui?.document) return;
  478.  
  479.             Gui.document.querySelector('#enemy-score').textContent = enemyScore;
  480.             Gui.document.querySelector('#my-score').textContent = myScore;
  481.         },
  482.         updateBoardOrientation: orientation => {
  483.             if (!Gui?.document) return;
  484.  
  485.             const orientationElem = Gui?.document?.querySelector('#orientation');
  486.  
  487.             if (orientationElem) {
  488.                 orientationElem.textContent = orientation;
  489.             }
  490.         }
  491.     }
  492.  
  493.     this.engineLog = str => {
  494.         if (!Gui?.document || enableUserLog == 0) return;
  495.  
  496.         const logElem = document.createElement('div');
  497.         logElem.classList.add('list-group-item');
  498.  
  499.         if (str.includes('info')) logElem.classList.add('list-group-item-info');
  500.         if (str.includes('bestmove')) logElem.classList.add('list-group-item-success');
  501.  
  502.         logElem.innerText = `#${engineLogNum++} ${str}`;
  503.  
  504.         Gui.document.querySelector('#engine-log-container').prepend(logElem);
  505.     }
  506.  
  507.     this.log = str => {
  508.         if (!Gui?.document || enableUserLog == 0) return;
  509.  
  510.         const logElem = document.createElement('div');
  511.         logElem.classList.add('list-group-item');
  512.  
  513.         if (str.includes('info')) logElem.classList.add('list-group-item-info');
  514.         if (str.includes('bestmove')) logElem.classList.add('list-group-item-success');
  515.  
  516.         const container = Gui?.document?.querySelector('#userscript-log-container');
  517.  
  518.         if (container) {
  519.             logElem.innerText = `#${userscriptLogNum++} ${str}`;
  520.  
  521.             container.prepend(logElem);
  522.         }
  523.     }
  524.  
  525.     this.getBoardOrientation = () => {
  526.         return document.querySelector('.board.flipped') ? 'b' : 'w';
  527.     }
  528.  
  529.     this.updateBestMoveProgress = text => {
  530.         if (!Gui?.document) return;
  531.  
  532.         const progressBarElem = Gui.document.querySelector('#best-move-progress');
  533.  
  534.         progressBarElem.innerText = text;
  535.  
  536.         progressBarElem.classList.remove('hidden');
  537.         progressBarElem.classList.add('wiggle');
  538.     }
  539.  
  540.     this.stopBestMoveProcessingAnimation = () => {
  541.         if (!Gui?.document) return;
  542.  
  543.         const progressBarElem = Gui.document.querySelector('#best-move-progress');
  544.  
  545.         progressBarElem.classList.remove('wiggle');
  546.     }
  547.  
  548.     this.hideBestMoveProgress = () => {
  549.         if (!Gui?.document) return;
  550.  
  551.         const progressBarElem = Gui.document.querySelector('#best-move-progress');
  552.  
  553.         if (!progressBarElem.classList.contains('hidden')) {
  554.             progressBarElem.classList.add('hidden');
  555.             this.stopBestMoveProcessingAnimation();
  556.         }
  557.     }
  558. }
  559.  
  560. function LozzaUtility() {
  561.     this.separateMoveCodes = moveCode => {
  562.         moveCode = moveCode.trim();
  563.  
  564.         let move = moveCode.split(' ')[1];
  565.  
  566.         return [move.slice(0, 2), move.slice(2, 4)];
  567.     }
  568.  
  569.     this.extractInfo = str => {
  570.         const keys = ['time', 'nps', 'depth'];
  571.  
  572.         return keys.reduce((acc, key) => {
  573.             const match = str.match(`${key} (\\d+)`);
  574.  
  575.             if (match) {
  576.                 acc[key] = Number(match[1]);
  577.             }
  578.  
  579.             return acc;
  580.         }, {});
  581.     }
  582. }
  583.  
  584. function fenSquareToChessComSquare(fenSquareCode) {
  585.     const [x, y] = fenSquareCode.split('');
  586.  
  587.     return `square-${['abcdefgh'.indexOf(x) + 1]}${y}`;
  588. }
  589.  
  590. function markMoveToSite(fromSquare, toSquare) {
  591.     const highlight = (fenSquareCode, style) => {
  592.         const squareClass = fenSquareToChessComSquare(fenSquareCode);
  593.  
  594.         const highlightElem = document.createElement('div');
  595.         highlightElem.classList.add('highlight');
  596.         highlightElem.classList.add(squareClass);
  597.         highlightElem.dataset.testElement = 'highlight';
  598.         highlightElem.style = style;
  599.  
  600.         activeSiteMoveHighlights.push(highlightElem);
  601.  
  602.         const existingHighLight = document.querySelector(`.highlight.${squareClass}`);
  603.  
  604.         if (existingHighLight) {
  605.             existingHighLight.remove();
  606.         }
  607.  
  608.         chessBoardElem.prepend(highlightElem);
  609.     }
  610.  
  611.     const defaultFromSquareStyle = 'background-color: rgb(120 130 255 / 90%); border: 4px solid rgb(0 0 0 / 50%);';
  612.     const defaultToSquareStyle = 'background-color: rgb(60 140 255 / 90%); border: 4px dashed rgb(0 0 0 / 50%);';
  613.     const negativeFromSquareStyle = 'background-color: rgb(255 0 0 / 30%); border: 4px solid rgb(0 0 0 / 50%);';
  614.     const negativeToSquareStyle = 'background-color: rgb(255 0 0 / 30%); border: 4px dashed rgb(0 0 0 / 50%);';
  615.  
  616.  
  617.  
  618.     highlight(fromSquare, (isPlayerTurn ? defaultFromSquareStyle : negativeFromSquareStyle));
  619.     highlight(toSquare, (isPlayerTurn ? defaultToSquareStyle : negativeToSquareStyle));
  620. }
  621.  
  622. function removeSiteMoveMarkings() {
  623.     activeSiteMoveHighlights.forEach(elem => {
  624.         elem?.remove();
  625.     });
  626.  
  627.     activeSiteMoveHighlights = [];
  628. }
  629.  
  630. function updateBestMove(mutationArr) {
  631.  
  632.     let FenUtil = new FenUtils();
  633.     let currentFen = getCurrentFen();
  634.  
  635.  
  636.     if (currentFen != lastFen) {
  637.         lastFen = currentFen;
  638.  
  639.  
  640.         if (mutationArr) {
  641.             const attributeMutationArr = mutationArr.filter(m => m.target.classList.contains('piece') && m.attributeName == 'class');
  642.  
  643.             if (attributeMutationArr?.length) {
  644.                 turn = FenUtil.getPieceOppositeColor(FenUtil.getFenCodeFromPieceElem(attributeMutationArr[0].target));
  645.                 Interface.log(`Turn updated to ${turn}!`);
  646.                 if(turn!=playerColor){
  647.                     Gui.document.querySelector('#bestmove-btn').disabled=true;
  648.                 }else{
  649.                     Gui.document.querySelector('#bestmove-btn').disabled=false;
  650.                 }
  651.             }
  652.         }
  653.         updateBoard();
  654.         sendBestMove();
  655.  
  656.  
  657.     }
  658. }
  659.  
  660.  
  661.  
  662.  
  663. function sendBestMove() {
  664.     if (!isPlayerTurn && !show_opposite_moves) {
  665.         return;
  666.     }
  667.     sendBestMoveRequest();
  668.  
  669. }
  670.  
  671. function sendBestMoveRequest() {
  672.     reloadChessEngine(false, () => {
  673.         Interface.log('Sending best move request to the engine!');
  674.         let currentFen = getCurrentFen();
  675.  
  676.         if (use_book_moves) {
  677.             getBookMoves(currentFen);
  678.         } else {
  679.             getBestMoves(currentFen);
  680.         }
  681.     });
  682. }
  683.  
  684. function getCurrentFen() {
  685.     let FenUtil = new FenUtils();
  686.  
  687.     let currentFen = FenUtil.getFen();
  688.     return currentFen;
  689. }
  690.  
  691.  
  692. function clearBoard(){
  693.     Interface.stopBestMoveProcessingAnimation();
  694.  
  695.     Interface.boardUtils.removeBestMarkings();
  696.  
  697.     removeSiteMoveMarkings();
  698. }
  699. function updateBoard() {
  700.     clearBoard();
  701.  
  702.     Interface.boardUtils.updateBoardFen(getCurrentFen());
  703.  
  704.     isPlayerTurn = playerColor == null || turn == playerColor;
  705. }
  706.  
  707. function sleep(ms) {
  708.     return new Promise(resolve => setTimeout(resolve, ms));
  709. }
  710.  
  711. function getBestMoves(fen) {
  712.     if (engineIndex != node_engine_id) {
  713.         // local engines
  714.         while (!engine) {
  715.             sleep(100);
  716.         }
  717.  
  718.         engine.postMessage(`position fen ${fen}`);
  719.  
  720.         if (engineMode == DEPTH_MODE) {
  721.             engine.postMessage('go depth ' + current_depth);
  722.         } else {
  723.             engine.postMessage('go movetime ' + current_movetime);
  724.         }
  725.  
  726.  
  727.     } else {
  728.  
  729.         getNodeBestMoves(fen);
  730.     }
  731. }
  732.  
  733. function observeNewMoves() {
  734.     updateBestMove();
  735.  
  736.     const boardObserver = new MutationObserver(mutationArr => {
  737.         const lastPlayerColor = playerColor;
  738.  
  739.         updatePlayerColor();
  740.  
  741.  
  742.         if (playerColor != lastPlayerColor) {
  743.             Interface.log(`Player color changed from ${lastPlayerColor} to ${playerColor}!`);
  744.  
  745.             updateBestMove();
  746.         } else {
  747.  
  748.             updateBestMove(mutationArr);
  749.         }
  750.     });
  751.  
  752.     boardObserver.observe(chessBoardElem, { childList: true, subtree: true, attributes: true });
  753. }
  754.  
  755. function addGuiPages() {
  756.     if (Gui?.document) return;
  757.  
  758.     Gui.addPage("Main", `
  759.     <div class="rendered-form" id="main-tab">
  760.         <script>${GM_getResourceText('jquery.js')}</script>
  761.         <script>${GM_getResourceText('chessboard.js')}</script>
  762.         <div class="card">
  763.             <div class="card-body" id="chessboard">
  764.                 <div class="main-title-bar">
  765.                     <h4 class="card-title">Live Chessboard:</h4>
  766.                     <p id="best-move-progress"></p>
  767.                 </div>
  768.  
  769.                 <div id="board" style="width: 447px"></div>
  770.             </div>
  771.             <div id="orientation" class="hidden"></div>
  772.             <div class="card-footer card"><input type="button" value="Get Best Move" id="bestmove-btn"></input></div>
  773.             <div class="card-footer sideways-card">FEN :<small class="text-muted"><div id="fen"></div></small></div>
  774.             <div class="card-footer sideways-card">ENEMY SCORE :<div id="enemy-score"></div></div>
  775.             <div class="card-footer sideways-card">MY SCORE : <div id="my-score"></div></div>
  776.         </div>
  777.         <script>
  778.         const orientationElem = document.querySelector('#orientation');
  779.         const fenElem = document.querySelector('#fen');
  780.  
  781.         let board = ChessBoard('board', {
  782.             pieceTheme: '${repositoryRawURL}/content/chesspieces/{piece}.svg',
  783.             position: 'start',
  784.             orientation: '${playerColor == 'b' ? 'black' : 'white'}'
  785.         });
  786.  
  787.         const orientationObserver = new MutationObserver(() => {
  788.             board = ChessBoard('board', {
  789.                 pieceTheme: '${repositoryRawURL}/content/chesspieces/{piece}.svg',
  790.                 position: fenElem.textContent,
  791.                 orientation: orientationElem.textContent == 'b' ? 'black' : 'white'
  792.             });
  793.         });
  794.  
  795.         const fenObserver = new MutationObserver(() => {
  796.             board.position(fenElem.textContent);
  797.         });
  798.  
  799.         orientationObserver.observe(orientationElem, { attributes: true,  childList: true,  characterData: true });
  800.         fenObserver.observe(fenElem, { attributes: true,  childList: true,  characterData: true });
  801.         </script>
  802.     </div>
  803.     `);
  804.  
  805.     Gui.addPage('Log', `
  806.     <div class="rendered-form" id="log-tab">
  807.         <div class="card">
  808.             <div class="card-body">
  809.                 <h4 class="card-title">Userscript Log:</h4>
  810.                 <ul class="list-group" id="userscript-log-container"></ul>
  811.             </div>
  812.         </div>
  813.         <div class="card">
  814.             <div class="card-body">
  815.                 <h4 class="card-title">Engine Log</h4>
  816.                 <ul class="list-group" id="engine-log-container"></ul>
  817.             </div>
  818.         </div>
  819.     </div>
  820.     `);
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.     Gui.addPage('Settings', `
  829.     <div class="rendered-form" id="settings-tab">
  830.         <div class="card">
  831.             <div class="card-body">
  832.                 <h4 class="card-title">Engine:</h4>
  833.                 <div class="form-group field-select-engine">
  834.                     <select class="form-control" name="select-engine" id="select-engine">
  835.                         <option value="option-lozza" id="select-engine-0">Lozza</option>
  836.                         <option value="option-stockfish" id="select-engine-2">Stockfish 5</option>
  837.                         <option value="option-stockfish2" id="select-engine-3">Stockfish 2018</option>
  838.                         <option value="option-nodeserver" id="select-engine-4">Node Server Engines</option>
  839.                     </select>
  840.                 </div>
  841.  
  842.  
  843. 				
  844. 				<div id="node-engine-div" style="display:${(engineIndex == node_engine_id) ? 'block' : 'none'};">
  845.                     <label for="engine-url">Engine URL:</label>
  846.                     <input type="text" id="engine-url" value="${node_engine_url}">
  847.                     <br>
  848. 					<label for="engine-name">Engine Name:</label>
  849. 					<input type="text" id="engine-name" value="${node_engine_name}">
  850. 				</div>
  851.             </div>
  852.         </div>
  853.  
  854.  
  855.         <div class="card">
  856.             <div class="card-body">
  857.                 <h4 class="card-title">Engine Strength:</h4>
  858.  
  859. 			<h7 class="card-title">Engine Mode:</h7>
  860.             <div class="form-group field-select-engine-mode">
  861. 			
  862.                 <select class="form-control" name="select-engine-mode" id="select-engine-mode">
  863.                     <option value="option-depth" id="select-engine-mode-0">Depth</option>
  864.                     <option value="option-movetime" id="select-engine-mode-1">Move time</option>
  865.                 </select>
  866.             </div>
  867. 			
  868.             <h7 class="card-title">Engine Power:</h7>
  869.                 <input type="range" class="form-range" min="${MIN_DEPTH}" max="${MAX_DEPTH}" step="1" value="${current_depth}" id="depth-range">
  870.                 <input type="number" class="form-range" min="${MIN_DEPTH}" max="${MAX_DEPTH}" value="${current_depth}" id="depth-range-number">
  871.                 <input type="range" class="form-range" min="${MIN_MOVETIME}" max="${MAX_MOVETIME}" step="50" value="${current_movetime}" id="movetime-range">
  872.                 <input type="number" class="form-range" min="${MIN_MOVETIME}" max="${MAX_MOVETIME}" value="${current_movetime}" id="movetime-range-number">
  873. 			</div>
  874.             <div class="card-footer sideways-card" id="elo">${getEloDescription()}</div>
  875.         </div>
  876.  
  877.  
  878.  
  879.         <div class="card">
  880.             <div class="card-body">
  881.                 <h4 class="card-title">Visual:</h4>
  882.             <div>
  883.                 <input type="checkbox" id="show-opposite-moves" ${show_opposite_moves ? 'checked' : ''}>
  884.                 <label for="show-opposite-moves">Show Opponent best moves</label>
  885.             </div>
  886.  
  887.  
  888.                 <input type="checkbox" id="display-moves-on-site" ${displayMovesOnSite ? 'checked' : ''}>
  889.                 <label for="display-moves-on-site">Display moves on site</label>
  890.             </div>
  891.         </div>
  892.  
  893.  
  894.         <div class="card">
  895.         <div class="card-body">
  896.             <h4 class="card-title">Other:</h4>
  897.  
  898.                     <div>
  899.                         <input type="checkbox" id="enable-user-log" ${enableUserLog ? 'checked' : ''}>
  900.                         <label for="enable-user-log">Enable User Scripts Log</label>
  901.                     </div>
  902.  
  903.  
  904.                     <div>
  905.                         <input type="checkbox" id="use-book-moves" ${use_book_moves ? 'checked' : ''}>
  906.                         <label for="use-book-moves">Use book moves</label>
  907.                     </div>
  908.  
  909.  
  910.  
  911.                     <div id="reload-count-div" style="display:${node_engine_id == engineIndex ? 'none' : 'block'};">
  912.                         <label for="reload-count">Reload Engine every</label>
  913.                         <input type="number" id="reload-count" value="${reload_every}">
  914.                         <label for="reload-count"> moves</label>
  915.                     </div>
  916.     </div>
  917.     </div>
  918.     `);
  919.  
  920.  
  921. }
  922.  
  923. function fixDepthMoveTimeInput(depthRangeElem, depthRangeNumberElem, moveTimeRangeElem, moveTimeRangeNumberElem, eloElem) {
  924.     if (engineMode == DEPTH_MODE) {
  925.         if (isNotCompatibleBrowser()) {
  926.             depthRangeElem.style.display = "none";
  927.             depthRangeNumberElem.style.display = "block";
  928.             moveTimeRangeElem.style.display = "none";
  929.             moveTimeRangeNumberElem.style.display = "none";
  930.         } else {
  931.             depthRangeElem.style.display = "block";
  932.             depthRangeNumberElem.style.display = "none";
  933.             moveTimeRangeElem.style.display = "none";
  934.             moveTimeRangeNumberElem.style.display = "none";
  935.         }
  936.     } else {
  937.         if (isNotCompatibleBrowser()) {
  938.             depthRangeElem.style.display = "none";
  939.             depthRangeNumberElem.style.display = "none";
  940.             moveTimeRangeElem.style.display = "none";
  941.             moveTimeRangeNumberElem.style.display = "block";
  942.         } else {
  943.             depthRangeElem.style.display = "none";
  944.             depthRangeNumberElem.style.display = "none";
  945.             moveTimeRangeElem.style.display = "block";
  946.             moveTimeRangeNumberElem.style.display = "none";
  947.         }
  948.     }
  949.  
  950.  
  951.     eloElem.innerText = getEloDescription();
  952.  
  953. }
  954.  
  955. function openGUI() {
  956.     Interface.log(`Opening GUI!`);
  957.  
  958.     const hide = elem => elem.classList.add('hidden');
  959.     const show = elem => elem.classList.remove('hidden');
  960.  
  961.     Gui.open(() => {
  962.         const depthRangeElem = Gui.document.querySelector('#depth-range');
  963.         const depthRangeNumberElem = Gui.document.querySelector('#depth-range-number');
  964.         const moveTimeRangeElem = Gui.document.querySelector('#movetime-range');
  965.         const moveTimeRangeNumberElem = Gui.document.querySelector('#movetime-range-number');
  966.         const engineModeElem = Gui.document.querySelector('#select-engine-mode');
  967.         const engineElem = Gui.document.querySelector('#select-engine');
  968.         const engineNameDivElem = Gui.document.querySelector('#node-engine-div');
  969.         const reloadEveryDivElem = Gui.document.querySelector('#reload-count-div');
  970.         const nodeEngineNameElem = Gui.document.querySelector('#engine-name');
  971.         const nodeEngineUrlElem = Gui.document.querySelector('#engine-url');
  972.         const useLocalEngineElem = Gui.document.querySelector('#use-book-moves');
  973.         const showOppositeMovesElem = Gui.document.querySelector('#show-opposite-moves');
  974.         const displayMovesOnSiteElem = Gui.document.querySelector('#display-moves-on-site');
  975.         const openGuiAutomaticallyAdditionalElem = Gui.document.querySelector('#display-moves-on-site-additional');
  976.         const reloadEveryElem = Gui.document.querySelector('#reload-count');
  977.         const enableUserLogElem = Gui.document.querySelector('#enable-user-log');
  978.         const eloElem = Gui.document.querySelector('#elo');
  979.         const getBestMoveElem = Gui.document.querySelector('#bestmove-btn');
  980.  
  981.  
  982.         fixDepthMoveTimeInput(depthRangeElem, depthRangeNumberElem, moveTimeRangeElem, moveTimeRangeNumberElem, eloElem);
  983.  
  984.         engineElem.selectedIndex = engineIndex;
  985.         engineModeElem.selectedIndex = engineMode;
  986.  
  987.  
  988.         // compatibility fixed
  989.         if (isNotCompatibleBrowser()) {
  990.             Gui.document.querySelector('#content').style.maxHeight = "500px";
  991.             Gui.document.querySelector('#content').style.overflow = "scroll";
  992.             Gui.document.querySelector('#chessboard').style.display = "none";
  993.             Gui.document.querySelector('#orientation').style.display = "none";
  994.             Gui.document.querySelector('#engine-log-container').style.maxHeight = "100px";
  995.             Gui.document.querySelector('#engine-log-container').style.overflow = "scroll";
  996.             Gui.document.querySelector('#userscript-log-container').style.maxHeight = "100px";
  997.             Gui.document.querySelector('#userscript-log-container').style.overflow = "scroll";
  998.  
  999.             Gui.document.querySelector('#button-close-gui').addEventListener('click', e => {
  1000.                 e.preventDefault();
  1001.                 if (closedGui == true) {
  1002.                     closedGui = false;
  1003.                     Gui.document.querySelector("#content").style.display = "block";
  1004.                 }
  1005.                 else {
  1006.                     closedGui = true;
  1007.                     Gui.document.querySelector("#content").style.display = "none";
  1008.  
  1009.                 }
  1010.  
  1011.  
  1012.             });
  1013.         }
  1014.  
  1015.         getBestMoveElem.onclick = () => {
  1016.             if(isPlayerTurn){
  1017.                 clearBoard();
  1018.                 sendBestMoveRequest();
  1019.             }
  1020.             
  1021.         }
  1022.  
  1023.         engineModeElem.onchange = () => {
  1024.             engineMode = engineModeElem.selectedIndex;
  1025.  
  1026.             fixDepthMoveTimeInput(depthRangeElem, depthRangeNumberElem, moveTimeRangeElem, moveTimeRangeNumberElem, eloElem);
  1027.         }
  1028.         nodeEngineNameElem.onchange = () => {
  1029.             node_engine_name = nodeEngineNameElem.value;
  1030.         }
  1031.         nodeEngineUrlElem.onchange = () => {
  1032.             node_engine_url = nodeEngineUrlElem.value;
  1033.         }
  1034.  
  1035.         enableUserLogElem.onchange = () => {
  1036.             const isChecked = enableUserLogElem.checked;
  1037.  
  1038.             if (isChecked)
  1039.                 enableUserLog = true;
  1040.             else
  1041.                 enableUserLog = false;
  1042.         }
  1043.  
  1044.         reloadEveryElem.onchange = () => {
  1045.             reload_every = reloadEveryElem.value;
  1046.         }
  1047.  
  1048.         engineElem.onchange = () => {
  1049.             lastEngine = engineIndex;
  1050.             engineIndex = engineElem.selectedIndex;
  1051.  
  1052.  
  1053.  
  1054.             if (node_engine_id == engineIndex) {
  1055.                 reloadEveryDivElem.style.display = "none";
  1056.                 engineNameDivElem.style.display = "block";
  1057.  
  1058.  
  1059.             }
  1060.             else {
  1061.                 reloadEveryDivElem.style.display = "block";
  1062.                 engineNameDivElem.style.display = "none";
  1063.             }
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.             if (engineObjectURL) {
  1070.                 URL.revokeObjectURL(engineObjectURL);
  1071.                 engineObjectURL = null;
  1072.             }
  1073.  
  1074.  
  1075.  
  1076.  
  1077.             reloadChessEngine(true, () => {
  1078.                 Interface.boardUtils.removeBestMarkings();
  1079.  
  1080.                 removeSiteMoveMarkings();
  1081.  
  1082.                 Interface.boardUtils.updateBoardPower(0, 0);
  1083.             });
  1084.  
  1085.         }
  1086.  
  1087.  
  1088.  
  1089.         depthRangeElem.onchange = () => {
  1090.             changeEnginePower(depthRangeElem.value, eloElem);
  1091.         };
  1092.  
  1093.         depthRangeNumberElem.onchange = () => {
  1094.             changeEnginePower(depthRangeNumberElem.value, eloElem);
  1095.         };
  1096.  
  1097.         moveTimeRangeElem.onchange = () => {
  1098.             changeEnginePower(moveTimeRangeElem.value, eloElem);
  1099.         };
  1100.  
  1101.         moveTimeRangeNumberElem.onchange = () => {
  1102.             changeEnginePower(moveTimeRangeNumberElem.value, eloElem);
  1103.         };
  1104.  
  1105.         showOppositeMovesElem.onchange = () => {
  1106.             const isChecked = showOppositeMovesElem.checked;
  1107.  
  1108.             if (isChecked) {
  1109.                 show_opposite_moves = true;
  1110.             } else {
  1111.                 show_opposite_moves = false;
  1112.             }
  1113.         }
  1114.  
  1115.         useLocalEngineElem.onchange = () => {
  1116.             const isChecked = useLocalEngineElem.checked;
  1117.  
  1118.             if (isChecked) {
  1119.                 use_book_moves = true;
  1120.             } else {
  1121.                 use_book_moves = false;
  1122.             }
  1123.         }
  1124.  
  1125.         displayMovesOnSiteElem.onchange = () => {
  1126.             const isChecked = displayMovesOnSiteElem.checked;
  1127.  
  1128.             if (isChecked) {
  1129.                 displayMovesOnSite = true;
  1130.  
  1131.                 show(openGuiAutomaticallyAdditionalElem);
  1132.  
  1133.             } else {
  1134.                 displayMovesOnSite = false;
  1135.  
  1136.                 hide(openGuiAutomaticallyAdditionalElem);
  1137.             }
  1138.         };
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145.         window.onunload = () => {
  1146.             if (Gui.window && !Gui.window.closed) {
  1147.                 Gui.window.close();
  1148.             }
  1149.         };
  1150.  
  1151.         const isWindowClosed = setInterval(() => {
  1152.             if (Gui.window.closed) {
  1153.                 clearInterval(isWindowClosed);
  1154.                 if (engine != null)
  1155.                     engine.terminate();
  1156.             }
  1157.         }, 1000);
  1158.  
  1159.         observeNewMoves();
  1160.  
  1161.         Interface.log('Initialized!');
  1162.     });
  1163. }
  1164.  
  1165. function changeEnginePower(val, eloElem) {
  1166.     if (engineMode == DEPTH_MODE) {
  1167.         current_depth = val
  1168.     } else {
  1169.         current_movetime = val
  1170.     }
  1171.  
  1172.  
  1173.     eloElem.innerText = getEloDescription();
  1174. }
  1175.  
  1176. function reloadChessEngine(forced, callback) {
  1177.     // reload only if using local engines
  1178.     if (node_engine_id == engineIndex && forced == false)
  1179.         callback();
  1180.     else if (reload_count >= reload_every || forced == true) {
  1181.         reload_count = 1;
  1182.         Interface.log(`Reloading the chess engine!`);
  1183.  
  1184.         if (engine)
  1185.             engine.terminate();
  1186.  
  1187.         loadChessEngine(callback);
  1188.     }
  1189.     else {
  1190.         reload_count = reload_count + 1;
  1191.         callback();
  1192.     }
  1193. }
  1194.  
  1195.  
  1196.  
  1197. function loadChessEngine(callback) {
  1198.     if (!engineObjectURL) {
  1199.         if (engineIndex == 0)
  1200.             engineObjectURL = URL.createObjectURL(new Blob([GM_getResourceText('lozza.js')], { type: 'application/javascript' }));
  1201.         else if (engineIndex == 1)
  1202.             engineObjectURL = URL.createObjectURL(new Blob([GM_getResourceText('stockfish.js')], { type: 'application/javascript' }));
  1203.         else if (engineIndex == 2)
  1204.             engineObjectURL = URL.createObjectURL(new Blob([GM_getResourceText('stockfish2.js')], { type: 'application/javascript' }));
  1205.     }
  1206.  
  1207.     if (engineObjectURL) {
  1208.         engine = new Worker(engineObjectURL);
  1209.  
  1210.         engine.onmessage = e => {
  1211.             if (e.data.includes('bestmove')) {
  1212.  
  1213.  
  1214.                 let move = e.data.split(' ')[1];
  1215.                 let opponent_move = e.data.split(' ')[3];
  1216.  
  1217.  
  1218.                
  1219.                     moveResult(move.slice(0, 2), move.slice(2, 4), 0, true);
  1220.                 
  1221.           
  1222.  
  1223.             }
  1224.  
  1225.             else if (e.data.includes('info')) {
  1226.  
  1227.                 const infoObj = LozzaUtils.extractInfo(e.data);
  1228.                 let depth = infoObj.depth || current_depth;
  1229.                 let move_time = infoObj.time || current_movetime;
  1230.  
  1231.  
  1232.  
  1233.                 if (engineMode == DEPTH_MODE) {
  1234.  
  1235.                     Interface.updateBestMoveProgress(`Depth: ${depth}`);
  1236.  
  1237.                 } else {
  1238.  
  1239.                     Interface.updateBestMoveProgress(`Move time: ${move_time} ms`);
  1240.  
  1241.                 }
  1242.  
  1243.             }
  1244.             Interface.engineLog(e.data);
  1245.         };
  1246.  
  1247.         engine.postMessage('ucinewgame');
  1248.  
  1249.         Interface.log(`Loaded the chess engine!`);
  1250.     }
  1251.  
  1252.     callback();
  1253. }
  1254.  
  1255.  
  1256.  
  1257. async function updatePlayerColor() {
  1258.     const boardOrientation = Interface.getBoardOrientation();
  1259.  
  1260.     playerColor = boardOrientation;
  1261.     turn = boardOrientation;
  1262.  
  1263.  
  1264.     Interface.boardUtils.updateBoardOrientation(playerColor);
  1265. }
  1266.  
  1267. async function initialize() {
  1268.     Interface = new InterfaceUtils();
  1269.     LozzaUtils = new LozzaUtility();
  1270.  
  1271.     const boardOrientation = Interface.getBoardOrientation();
  1272.     turn = boardOrientation;
  1273.  
  1274.  
  1275.  
  1276.     loadChessEngine(() => {
  1277.  
  1278.     });
  1279.  
  1280.     updatePlayerColor();
  1281.  
  1282.  
  1283.     addGuiPages();
  1284.     openGUI();
  1285.  
  1286. }
  1287.  
  1288. if (typeof GM_registerMenuCommand == 'function') {
  1289.     GM_registerMenuCommand("Open C.A.S", e => {
  1290.         if (chessBoardElem) {
  1291.             initialize();
  1292.         }
  1293.     }, 's');
  1294. }
  1295.  
  1296. const waitForChessBoard = setInterval(() => {
  1297.     const boardElem = document.querySelector('chess-board');
  1298.     const firstPieceElem = document.querySelector('.piece');
  1299.  
  1300.     if (boardElem && firstPieceElem && chessBoardElem != boardElem) {
  1301.         chessBoardElem = boardElem;
  1302.  
  1303.         if (window.location.href != 'https://www.chess.com/play') {
  1304.             initialize();
  1305.         }
  1306.     }
  1307. }, 2000);