☰

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

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

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

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