☰

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

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

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

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