☰

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

Enhance your chess performance with a cutting-edge real-time move analysis and strategy assistance system

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

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