☰

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

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

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

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