// ==UserScript==
// @name Sploop Keystrokes
// @version 1
// @description Try to take over the world!
// @author DETIX
// @match *://sploop.io/*
// @icon https://sploop.io/img/ui/favicon.png
// @license MIT
// @namespace https://greasyfork.org/users/1311498
// @downloadURL none
// ==/UserScript==
//God is the greatest!
const DATA = {
    CPS: 0,
    MAXCPS: 0
}
const OBJECT = {
    KEYS: {
        PRIMARY:{KEY:"Digit1", KEY2: "Numpad1", PRESSED: false},
        SECONDARY:{KEY:"Digit2", KEY2: "Numpad2", PRESSED: false},
        FOOD:{KEY: "KeyQ", KEY2: "Digit3", PRESSED: false},
        SPIKE:{KEY: "KeyR", KEY2: "Digit5", PRESSED: false},
        TRAP: {KEY: "KeyF", KEY2: "Digit7", PRESSED: false},
        SPACE: {KEY: "Space", PRESSED: false},
        LOCK: {KEY: "KeyX", PRESSED: false},
        AUTOHIT: {KEY: "KeyE", PRESSED: false}
    },
    BUTTONS: {
        LEFT:{BUTTON: 0, PRESSED: false},
        MIDDLE:{BUTTON: 1, PRESSED: false},
        //These three buttons will not be shown in the menu, but using them will still increase the CPS in the menu.
        RIGHT:{BUTTON: 2, PRESSED: false},
        XBUTTON1:{BUTTON: 3, PRESSED: false},
        XBUTTON2:{BUTTON: 4, PRESSED: false}
    }
};
const isInGame = () => {
    const homepage = document.getElementById("homepage");
    if(homepage.style.display === "none"){
        return true;
    } else {
        return false;
    }
}
const isAVAILABLE = () => {
    if(!isInGame) return;
    const chatWrapper = document.getElementById("chat-wrapper");
    const clanMenu = document.getElementById("clan-menu");
    if (chatWrapper.style.display === "block" || clanMenu.style.display === "block") return false;
    return true;
}
const UPDATE = {
    KEYS: {
        DOWN: function(e){
            if(e.code === OBJECT.KEYS.PRIMARY.KEY || e.code === OBJECT.KEYS.PRIMARY.KEY2){
                OBJECT.KEYS.PRIMARY.PRESSED = true;
            }
            if(e.code === OBJECT.KEYS.SECONDARY.KEY || e.code === OBJECT.KEYS.SECONDARY.KEY2){
                OBJECT.KEYS.SECONDARY.PRESSED = true;
            }
            if(e.code === OBJECT.KEYS.FOOD.KEY || e.code === OBJECT.KEYS.FOOD.KEY2){
                OBJECT.KEYS.FOOD.PRESSED = true;
            }
            if(e.code === OBJECT.KEYS.SPIKE.KEY || e.code === OBJECT.KEYS.SPIKE.KEY2){
                OBJECT.KEYS.SPIKE.PRESSED = true;
            }
            if(e.code === OBJECT.KEYS.TRAP.KEY || e.code === OBJECT.KEYS.TRAP.KEY2){
                OBJECT.KEYS.TRAP.PRESSED = true;
            }
            if(e.code === OBJECT.KEYS.SPACE.KEY){
                if (event.repeat) return;
                OBJECT.KEYS.SPACE.PRESSED = true;
                UPDATE.CPS();
            }

            //KeyE & KeyX
            if(e.code === OBJECT.KEYS.LOCK.KEY && isAVAILABLE()){
                if (event.repeat) return;
                OBJECT.KEYS.LOCK.PRESSED = !OBJECT.KEYS.LOCK.PRESSED;
            }
            if(e.code === OBJECT.KEYS.AUTOHIT.KEY && isAVAILABLE()){
                if (event.repeat) return;
                OBJECT.KEYS.AUTOHIT.PRESSED = !OBJECT.KEYS.AUTOHIT.PRESSED;
            }
        },
        UP: function(e){
            if(e.code === OBJECT.KEYS.PRIMARY.KEY || e.code === OBJECT.KEYS.PRIMARY.KEY2){
                OBJECT.KEYS.PRIMARY.PRESSED = false;
            }
            if(e.code === OBJECT.KEYS.SECONDARY.KEY || e.code === OBJECT.KEYS.SECONDARY.KEY2){
                OBJECT.KEYS.SECONDARY.PRESSED = false;
            }
            if(e.code === OBJECT.KEYS.FOOD.KEY || e.code === OBJECT.KEYS.FOOD.KEY2){
                OBJECT.KEYS.FOOD.PRESSED = false;
            }
            if(e.code === OBJECT.KEYS.SPIKE.KEY || e.code === OBJECT.KEYS.SPIKE.KEY2){
                OBJECT.KEYS.SPIKE.PRESSED = false;
            }
            if(e.code === OBJECT.KEYS.TRAP.KEY || e.code === OBJECT.KEYS.TRAP.KEY2){
                OBJECT.KEYS.TRAP.PRESSED = false;
            }
            if(e.code === OBJECT.KEYS.SPACE.KEY){
                OBJECT.KEYS.SPACE.PRESSED = false;
                UPDATE.CPS();
            }
        }
    },
    BUTTONS: {
        DOWN: function(e){
            if(e.button === OBJECT.BUTTONS.LEFT.BUTTON){
                OBJECT.BUTTONS.LEFT.PRESSED = true;
                UPDATE.CPS();
            }
            if(e.button === OBJECT.BUTTONS.MIDDLE.BUTTON){
                OBJECT.BUTTONS.MIDDLE.PRESSED = true;
                UPDATE.CPS();
            }
            if(e.button === OBJECT.BUTTONS.RIGHT.BUTTON){
                OBJECT.BUTTONS.RIGHT.PRESSED = true;
                UPDATE.CPS();
            }
            if(e.button === OBJECT.BUTTONS.XBUTTON1.BUTTON){
                OBJECT.BUTTONS.XBUTTON1.PRESSED = true;
                UPDATE.CPS();
            }
            if(e.button === OBJECT.BUTTONS.XBUTTON2.BUTTON){
                OBJECT.BUTTONS.XBUTTON2.PRESSED = true;
                UPDATE.CPS();
            }
        },
        UP: function(e){
            if(e.button === OBJECT.BUTTONS.LEFT.BUTTON){
                OBJECT.BUTTONS.LEFT.PRESSED = false;
            }
            if(e.button === OBJECT.BUTTONS.MIDDLE.BUTTON){
                OBJECT.BUTTONS.MIDDLE.PRESSED = false;
            }
            if(e.button === OBJECT.BUTTONS.RIGHT.BUTTON){
                OBJECT.BUTTONS.RIGHT.PRESSED = false;
            }
            if(e.button === OBJECT.BUTTONS.XBUTTON1.BUTTON){
                OBJECT.BUTTONS.XBUTTON1.PRESSED = false;
            }
            if(e.button === OBJECT.BUTTONS.XBUTTON2.BUTTON){
                OBJECT.BUTTONS.XBUTTON2.PRESSED = false;
            }
        }
    },
    CPS: function(){
        DATA.CPS++;
        if(DATA.CPS > DATA.MAXCPS){
            DATA.MAXCPS = DATA.CPS
        };
        setTimeout(() => {
            DATA.CPS--;
        },1000);
    },
    VISUALS: function(COLOR){
        COLOR = "#D0D0D0"
        //Primary Key
        document.getElementById("primary").style.backgroundColor = OBJECT.KEYS.PRIMARY.PRESSED ? COLOR : "";

        //Secondary Key
        document.getElementById("secondary").style.backgroundColor = OBJECT.KEYS.SECONDARY.PRESSED ? COLOR : "";

        //Food Key
        document.getElementById("food").style.backgroundColor = OBJECT.KEYS.FOOD.PRESSED ? COLOR : "";

        //Spike Key
        document.getElementById("spike").style.backgroundColor = OBJECT.KEYS.SPIKE.PRESSED ? COLOR : "";

        //Trap Key
        document.getElementById("trap").style.backgroundColor = OBJECT.KEYS.TRAP.PRESSED ? COLOR : "";

        //Autohit Key
        document.getElementById("autohit").style.backgroundColor = OBJECT.KEYS.AUTOHIT.PRESSED ? COLOR : "";

        //Lock Key
        document.getElementById("lockdir").style.backgroundColor = OBJECT.KEYS.LOCK.PRESSED ? COLOR : "";

        //Space Key
        document.getElementById("spacebar").style.backgroundColor = OBJECT.KEYS.SPACE.PRESSED ? COLOR : "";

        //Left Click
        document.getElementById("left-click").style.backgroundColor = OBJECT.BUTTONS.LEFT.PRESSED ? COLOR : "";

        //Right Click
        document.getElementById("right-click").style.backgroundColor = OBJECT.BUTTONS.RIGHT.PRESSED ? COLOR : "";

        document.getElementById("cps").textContent = `CPS: ${DATA.CPS}`;
        document.getElementById("maxcps").textContent = `MCPS: ${DATA.MAXCPS}`;
        requestAnimationFrame(UPDATE.VISUALS);
    }

};

const MENU = () => {
    const menuHTML = `
<div id="menu">
<div class="menu-row">
<div class="menu-item" id="primary">Primary</div>
<div class="menu-item" id="secondary">Secondary</div>
</div>
<div class="menu-row">
<div class="menu-item" id="food">Food</div>
<div class="menu-item" id="spike">Spike</div>
<div class="menu-item" id="trap">Trap</div>
</div>
<div class="menu-row">
<div class="menu-item" id="autohit">KeyE</div>
<div class="menu-item" id="lockdir">KeyX</div>
</div>
<div class="menu-row">
<div class="menu-item mouse-button" id="left-click">LEFT</div>
<div class="menu-item mouse-button" id="right-click">RIGHT</div>
</div>
<div class="menu-row">
<div class="menu-item spacebar" id="spacebar">Spacebar</div>
</div>
<div class="menu-row">
<div class="menu-item cps" id="cps">CPS: 0</div>
<div class="menu-item maxcps" id="maxcps">MAXCPS: 0</div>
</div>
</div>
    `;

    const menuStyles = `
#menu {
position: fixed;
top: 20px;
left: 20px;
color: #fff;
padding: 10px;
border-radius: 5px;
z-index: 1000;
font-family: Arial, sans-serif;
font-size: 14px;
pointer-events: none; /* this allows the user to click through the menu. */
}
.menu-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.menu-item {
flex: 1;
text-align: center;
padding: 8px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.spacebar {
width: 100%;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
text-align: center;
padding: 8px;
}
.cps, .maxcps {
width: 50%;
}
.mouse-button {
width: 48%;
}
.menu-item:last-child {
margin-bottom: 0;
}
`;
    document.body.insertAdjacentHTML('beforeend', menuHTML);
    const styleElement = document.createElement('style');
    styleElement.textContent = menuStyles;
    document.head.appendChild(styleElement);
    UPDATE.VISUALS();
};

document.addEventListener("keydown", UPDATE.KEYS.DOWN);
document.addEventListener("keyup", UPDATE.KEYS.UP);
document.addEventListener("mousedown", UPDATE.BUTTONS.DOWN);
document.addEventListener("mouseup", UPDATE.BUTTONS.UP);

MENU();