☰

C.A.S (Chess Assistance System)

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

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

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