☰

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