try to be better
Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://update.greasyfork.org/scripts/556939/1701943/Dubby.js
// ==UserScript==
// @name Dubby
// @namespace http://tampermonkey.net/
// @version 2024-11-15
// @description try to be better
// @author You
// @match https://www.chess.com/play/computer*
// @match https://www.chess.com/play/*
// @match https://www.chess.com/game/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
(function() {
'use strict';
let interval,show_opponent=false,can_interval = true,main_interval=true,show_evaluation=true,
auto_move,current_color = '#000000',fen,checkfen,cp=0,best_cp=0,hint=false,username, Messages = [],msgLen=0;
let chessBot = {elo:3200,power:15,status:0,nature:1,type:1,fen:0,time:0.3}
if(!localStorage.getItem('username'))
{
username = 'User' + [...Array(9).keys()] // creates [0..99]
.map(n => n + 1) // now [1..100]
.sort(() => Math.random() - 0.5) // shuffle
.slice(0, 5).join('');
}
else
{
username = localStorage.getItem('username')
}
const script = document.createElement('script');
script.setAttribute('crossorigin', 'anonymous');
script.setAttribute('src', 'https://code.jquery.com/jquery-3.7.1.js');
script.setAttribute('integrity', 'sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=');
script.setAttribute('crossorigin', 'anonymous');
document.body.appendChild(script);
script.onload = () => {
$('<link>', {
rel: 'stylesheet',
type: 'text/css',
href: 'https://fonts.googleapis.com/css2?family=Inter&family=League+Gothic&family=Roboto&family=Nunito&display=swap'
}).appendTo('head');
console.log('jQuery loaded!');
$(document).ready(function() {
const get_number = (elm) =>{
const data = ['a','b','c','d','e','f','g','h']
return data.indexOf(elm)+1
}
const create_elm = (num)=>{
const board = $('chess-board')[0] || $('wc-chess-board')[0];
const turn = board.game.getTurn() === board.game.getPlayingAs()
const elm = document.createElement('div')
elm.setAttribute('class',`highlight square-${num} myhigh`)
const jelm = $(elm).css({'opacity':'0','border':`4px solid ${current_color}`,'background':'rgba(15, 10, 222,0.4)','shadow':'0 0 10px rgba(3, 201, 169,0.8)','border-radius':'50%'})
$('#board-play-computer').append(jelm)
$('#board-single').append(jelm)
const x = jelm.position().left
const y = jelm.position().top;
const w = jelm.outerWidth(); // width including padding & border
const h = jelm.outerHeight();
return [(x+w+x)/2, (y+h+y)/2];
}
const auto_move_piece = function(from, to,board){
for (var each=0;each<board.game.getLegalMoves().length;each++){
if(board.game.getLegalMoves()[each].from == from){
if(board.game.getLegalMoves()[each].to == to){
var move = board.game.getLegalMoves()[each];
board.game.move({
...move,
promotion: 'false',
animate: false,
userGenerated: true
});
}
}
}
}
const create_div = (str1) =>{
try{
const target = $('chess-board')[0] || $('wc-chess-board')[0];
const a = get_number(str1[0])
const b = get_number(str1[2])
console.log(str1.substring(0,2),str1.substring(2,4))
if(auto_move){
auto_move_piece(str1.substring(0,2),str1.substring(2,4),$('chess-board')[0] || $('wc-chess-board')[0])
}
const first_elm = create_elm(a+str1[1])
const last_element = create_elm(b+str1[3])
if (target) {
$(target).append(`
<svg width="100%" height="100%" class='myhigh' style="position: absolute; top: 0; left: 0;">
<defs>
<marker id="arrowhead" markerWidth="12" markerHeight="10"
refX="10" refY="3.5" orient="auto">
<polygon points="0 0, 10 3.5, 0 7" fill=${current_color} />
</marker>
</defs>
<line x1="${first_elm[0]}" y1="${first_elm[1]}" x2="${last_element[0]}" y2="${last_element[1]}"
stroke=${current_color} stroke-width="4" marker-end="url(#arrowhead)" />
</svg>
`);
}
}
catch(e){
console.log("an error has occured")
}
}
const main_function = () =>{
}
async function get_hint()
{
main_interval = false
try{
let continuation
$('.my-high').remove()
const board = $('chess-board')[0] || $('wc-chess-board')[0];
const len = $('.myhigh').length
const opp_len = $('hishigh').length
const my_peice = board.game.getPlayingAs()
const turn = board.game.getTurn()
fen = board.game.getFEN()
chessBot.fen = board.game.getFEN()
if(board.game.getTurn() == board.game.getPlayingAs())
{
$(".myanalysis").remove()
if(checkfen !== fen)
{
console.log("am right there")
try{
checkfen = fen;
const data = await fetch(`https://sanandre.pythonanywhere.com/bestCp/?fen=${fen}&turn=${my_peice}`)
const resp = await data.json();
console.log(resp)
best_cp = resp.best_cp;
}
catch(e){
console.log('some error occured again during best_cp'+e)
}
}
if(!len && can_interval &&hint){
can_interval = false
try{
console.log("nice");
const data = await fetch(`https://sanandre.pythonanywhere.com/getMove/`, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(chessBot)
});
const resp = await data.json();
continuation = resp[0]
console.log(continuation)
create_div(continuation)
can_interval=true
}
catch(e)
{
console.log("an error has cocured" + e);can_interval=true
}
}
}
else{
$('.myhigh').remove()
if(fen !== checkfen)
{
const lastMove = board.game.getLastMove().to
const finalAalysisMove = String(get_number(lastMove[0])+String(lastMove[1]))
console.log(lastMove,finalAalysisMove)
checkfen=fen;
try
{
const data = await fetch(`https://sanandre.pythonanywhere.com/getCp?fen=${encodeURIComponent(fen)}&turn=${my_peice}&cp=${cp}&best_cp=${best_cp}`)
const resp = await data.json()
cp = resp.cp;
$('.myanalysis').remove()
if(show_evaluation){
const img_moves = resp.img;
$(board).append(`<div class='myanalysis highlight square-${finalAalysisMove}' data-test-element='highlight' style=';background-color:transparent' >
<img style="position:absolute;top:0;width:20px;height:20x"
src=${img_moves}>
</div>`)
}
$('#evalPosition').text(resp.winning);
$('#evalMove').text(resp.value);
$('#evalMove').css({ "color": resp.color });
}
catch(e){
console.log('some error occured again during cp' +e)
}
}
}
}
catch(e)
{
main_interval=true
}
main_interval = true
}
//changing the color
const main_div = $('#board-layout-main')
main_div.append(`
<div id="personalDiv" style="
background: linear-gradient(135deg, #121212, #1f1f1f);
color: #f0e68c;
border-radius: 14px;
box-shadow: 0 6px 20px rgba(0,0,0,0.7);
padding: 25px 35px;
max-width: 480px;
font-family: 'Roboto', sans-serif;
display: flex;
flex-direction: column;
gap: 18px;
">
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Chess Bot Status</p>
<div style="display: flex; gap: 18px;">
<label><input value='1' type='radio' name='bot-status'> On</label>
<label><input checked value='0' type='radio' name='bot-status'> Off</label>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Chess Bot TYPE</p>
<div style="display: flex; gap: 18px;">
<label><input checked value='1' type='radio' name='bot-type'> Engine</label>
<label><input value='0' type='radio' name='bot-type'> Human</label>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Auto Moves</p>
<div style="display: flex; gap: 18px;">
<label><input value='1' type='radio' name='bot-move'> On</label>
<label><input checked value='0' type='radio' name='bot-move'> Off</label>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Evaluation Visibility</p>
<div style="display: flex; gap: 18px;">
<label><input checked value='1' type='radio' name='show-eval'> Show</label>
<label><input value='0' type='radio' name='show-eval'> Hide</label>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Chess Bot Nature</p>
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
<label><input checked value='1' type='radio' name='bot-nature'> Comeback</label>
<label><input value='0' type='radio' name='bot-nature'> Neutral</label>
<label><input value='-1' type='radio' name='bot-nature'> Defensive</label>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Elo Level</p>
<div style="display: flex; align-items: center; gap: 15px;">
<span style="font-size: 14px; min-width: 28px;">800:</span>
<input id='eloRange' type='range' min='800' max='3200' step='100' value='3200' style="flex-grow:1;">
<span style="font-size: 14px; min-width: 32px;">3200</span>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Move Delay</p>
<div style="display: flex; align-items: center; gap: 15px;">
<span style="font-size: 14px; min-width: 48px;">0.1 sec</span>
<input id='timeRange' type='range' min='0.3' max='20' step='0.2' value='0.1' style="flex-grow:1;">
<span style="font-size: 14px; min-width: 48px;">20 sec</span>
</div>
</section>
<section style="display: flex; flex-direction: column; gap: 6px;">
<p style="font-size: 20px; font-weight: 600; letter-spacing: 0.04em;">Coose COlor</p>
<div style="display: flex; align-items: center; gap: 15px;">
<input type="color" id="colorPicker" name="color-changer" value="#000000">
</div>
</section>
<p id='eloShow' style="margin-top: 8px; font-size: 15px; color: #ccc;">Playing on Elo 3200</p>
</div>
`)
$("body").prepend(`
<div id='evaluation' style="position: absolute;display:flex;background-color:black;height: auto; width: 300px;right:0; top:20px; padding:30px 10px;flex-direction:column;gap:20px;;z-index:999;">
<div style='top:4;right:0;width:auto;height:auto;padding:5px 15px;background:black;'>
<span style='font-size:15px;color:white;letter-spacing:1px;font-family:Roboto;color:lightblue'>Your Move :<font style='color:yellow;font-family:Nunito;margin-left:5px;' id='evalMove'>Test</font></span><br>
<span style='font-size:15px;color:white;letter-spacing:1px;font-family:Roboto;color:lightblue'>Your Position:<font style='color:yellow;font-family:Nunito;margin-left:5px;' id='evalPosition'>Test</font></span><br>
</div>
`)
//user input value
$("#showConfg").on('click',function(){
console.log(chessBot)
})
$("#personalDiv").on('click',function(e){
if(e.target.tagName == "INPUT")
{
const type_name = e.target.name;
const type_value = Number.parseInt(e.target.value);
switch(type_name){
case "show-eval":
show_evaluation = type_value?true:false
if(type_value)
{
$('#evaluation').css({'display':'block'})
}else{
$('#evaluation').css({'display':'none'})}
break;
case "bot-status":
chessBot.status = type_value
if(type_value){
hint = true
}
else
{
hint = false
$(".myhigh").remove()
}
break;
case "bot-move":
auto_move = type_value?true:false
break;
case "bot-nature":
chessBot.nature = type_value
break;
case "bot-type":
chessBot.type = type_value
break;
default:
console.log('none')
}
}
})
$('#auto_move').on('click',function(){
auto_move = this.checked?true:false
})
$("#eloRange").on('change',function(){
chessBot.elo = Number.parseInt(this.value)
$('#eloShow').text("playing on Elo"+chessBot.elo)
})
//changing the color
$("#colorPicker").on('change',function(){
current_color = this.value
})
$("#timeRange").on('change',function(){
chessBot.time = Number.parseFloat(this.value)
})
//function to add message
//entering the user inp to data base
//infinite rendering of messages
//show eval here
interval = setInterval(()=>{if(main_interval){get_hint()}},100)
});
};
})();