// ==UserScript==
// @name         Survev.io Counters | Anniversary Edition
// @namespace    http://tampermonkey.net/
// @license      MIT
// @version      4.0.0
// @description  Give survev.io better experience
// @author       chess5321, .junako, asultra, samerkizi and wzld are in Discord
// @match        https://survev.io/
// @icon         https://cdn.discordapp.com/icons/947128006030282792/c80363d8d6dea22ef392c4d325e0c9f4.png?size=64
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

/* #FPS Booster (if u want to use this, u have to delete #Uncap FPS!)
(function() {
    let MAX = 120; //frame rate you desire
    requestAnimationFrame = e => setTimeout(e, 1e3 / MAX);
})();
*/
/*#Uncap FPS*/
(function() {
    function uncapFPS() {
        window.requestAnimationFrame = function(callback) {
            return setTimeout(callback, 1);
        };
    }
    uncapFPS();
})();
/*CSS*/
(function() {
    'use strict';
    GM_addStyle(`
        #background {
            filter: brightness(0.5);
        }    
        #TOS,
        #start-bottom-middle,
        #ui-game {
            opacity: 0.5;
        }
        body > div:nth-child(6),
        body > div:nth-child(7) {
            opacity: 0.75;
        }
        .menu-block {
            transform: scale(1) !important;
        }
    
        #modal-customize {
            backdrop-filter: brightness(0.65) !important;
        }
    
        .btns-double-row {
            display: block !important;
        }
    
        .ui-keybind-container>.btn-keybind-desc-selected {
            animation: pulseKeybind 1.25s linear infinite !important;
        }
    
        @keyframes pulseKeybind {
            0% {
                background-color: #202124;
            }
    
            50% {
                background-color: #35363a;
            }
    
            100% {
                background-color: #202124;
            }
        }
    
        input[type="checkbox"],
        input[type="range_"],
        input[type="textbox"],
        .ui-emote-quarter .ui-emote-hl,
        #customize-emote-autos .ui-emote-hl,
        .ui-emote-middle,
        .ui-team-ping-middle {
            filter: grayscale(1) !important;
        }
    
        input[type=text]:focus {
            border: none !important;
        }
    
        /*untouchable*/
        /*
        #ui-weapon-id-1, #ui-weapon-id-2, #ui-weapon-id-3, #ui-weapon-id-4, .ui-zoom-inactive, .ui-zoom-active,#ui-settings-container-desktop>.ui-settings-button, #ui-equipped-ammo, #ui-bullet-counter #ui-current-clip, #ui-interaction, #ui-lower-center, #ui-interaction-press {
            pointer-events: none !important;
        }
        */
    
        /*setting*/
        #start-bottom-right {
            transition: 0.3s !important;
            opacity: 0 !important;
        }
    
        #btn-game-tabs>.btn-game-container>.btn-game-menu-selected,
        .btn-hollow-selected,
        .ui-outline-hover:hover,
        #color-picker-hex {
            border-color: #202124 !important;
        }
    
        .customize-list-item-selected {
            border-color: #FFD700 !important;
        }
    
        .btn-game-container>.btn-game-menu {
            border-color: #35363a !important;
        }
    
        .btn-hollow {
            border-color: #35363a;
        }
    
        #start-bottom-right:hover {
            opacity: 1 !important;
        }
    
        /*text*/
        .news-header,
        .news-paragraph>.highlight,
        .ui-stats-header-title,
        .ui-stats-info-player-name {
            color: #FFD700 !important;
        }
    
        /*inside ig*/
        .modal-header,
        .modal-footer,
        .modal-content-right {
            background-color: rgba(26, 27, 29, 0.65) !important;
        }
    
        .slider,
        .slider::-webkit-slider-thumb {
            background-color: rgb(26, 27, 29) !important;
        }
    
        .modal-body,
        .modal-customize-cat-selected {
            background-color: rgba(53, 54, 58, 0.65) !important;
        }
    
        .modal-content-shadow {
            box-shadow: none;
        }
    
        .menu-option:focus {
            box-shadow: 0 0 1px 1px #FFD700;
        }
    
        .modal-customize-cat-connect {
            background: #FFD700 !important;
        }
    
        /*color*/
        .btn-green,
        #ui-modal-keybind-footer>.btn-game-menu,
        .btn-start-mute,
        .btn-team-option,
        .ui-keybind-container>.btn-keybind-desc,
        #btn-customize,
        #btn-team-mobile-link-leave,
        #btn-team-leave,
        #ui-modal-keybind-footer>.btn-game-menu:last-child,
        .btn-settings,
        .btn-keybind,
        #btn-start-fullscreen,
        #btn-game-fullscreen,
        .audio-on-icon,
        #btn-game-quit,
        #btn-game-resume,
        #ui-spectate-buttons>.menu-option,
        #ui-game-tab-keybinds>.btn-keybind-restore {
            background-color: #35363a !important;
            border-bottom: 2px solid #202124 !important;
            box-shadow: inset 0 -2px #202124 !important;
        }
        .player-name-input,
        #team-link-input,
        .player-name-input,
        .name-self,
        .name-self:hover,
        .team-menu-member>.menu-option,
        #keybind-code-input,
        #color-picker-hex {
            background-color: #35363a !important;
            color: #ffd700 !important;
        }
    
        /*
        .btn-settings {
            background-image: url(../img/gui/cog.svg) !important;
        }
        .btn-keybind {
            background-image: url(../img/gui/keyboard.svg) !important;
        }
        #btn-start-fullscreen, #btn-game-fullscreen {
            background-image: url(../img/gui/minimize.svg) !important;
        }
        .audio-on-icon {
            background-image: url(../img/gui/audio-on.svg) !important;
        }
        .audio-off-icon {
            background-image: url(../img/gui/audio-off.svg) !important;
        }
        #btn-game-quit {
            background-image: url(../img/gui/quit.svg) !important;
        }
        #btn-game-resume {
            background-image: url(../img/gui/resume.svg) !important;
        }
        */
        /*others*/
        #ad-block-left,
        #social-share-block {
            pointer-events: none !important;
            opacity: 0 !important;
        }
    
        #btn-help,
        #start-help,
        .icon-submit-name-change,
        #start-bottom-right > a,
        #start-bottom-right > a > div {
            display: none !important;
        }
    
        #start-row-top {
            position_: relative !important;
            left_: 331px !important;
        }
    
        #team-menu,
        #team-mobile-link {
            position: relative !important;
            right: 165px !important;
        }
    
        #btn-team-mobile-link-leave {
            position: relative !important;
            left: 206px !important;
            bottom: 0px !important;
        }
    
        #news-block {
            opacity: 0 !important;
            transition: 0.3s !important;
        }
    
        #news-block:hover {
            opacity: 1 !important;
        }
    `);
})();
/*BGeffect
(function() {
	// bg effect  
	document.addEventListener("mousemove", (e => {
		const n = e.clientX / window.innerWidth * 100,
			t = e.clientY / window.innerHeight * 100;
		document.getElementById("background").style.transform = `translate(-${n/10}%, -${t/10}%)`
	}));
	GM_addStyle(`
        #background {
            width: 111.090775988% !important;
            height: 111.090775988% !important;
        }
    `);
})();
*/
/*RandomBG*/
(function() {
    var preImages = [
        'https://i.imgur.com/N9mhKPf.png',
        'https://i.imgur.com/ZwWc1V6.png',
        'https://i.imgur.com/ECmba9f.png',
        'https://i.imgur.com/aFpnqJh.png',
        'https://i.imgur.com/83OJWoB.png',
        'https://i.imgur.com/9d2Ovts.png',
        'https://i.imgur.com/RhtMT8x.png',
        'https://i.imgur.com/AkqE1MW.png',
        'https://i.imgur.com/1QYyOVm.png',
        'https://i.imgur.com/7fHEEwN.png',
        'https://i.imgur.com/GOTXovX.png',
        'https://i.imgur.com/MK7KzfH.png',
        'https://i.imgur.com/cVXsZuK.png',
        'https://i.imgur.com/nI4potb.png'
    ];

    // Preload images function using Promise to ensure all images are loaded
    function preloadImages(images) {
        return Promise.all(images.map(url => {
            return new Promise((resolve, reject) => {
                const img = new Image();
                img.onload = resolve;
                img.onerror = reject;
                img.src = url;
            });
        }));
    }

    preloadImages(preImages)
        .then(() => {
            console.log("All images preloaded!");
        })
        .catch((error) => {
            console.error("Error loading images:", error);
        });

    const DEFAULT_INDEX = 0,
        UPLOAD_INDEX = 15,
        URL_INDEX = 16;
    const STORAGE_KEY = "customBackground";
    const RANDOM_BACKGROUND_KEY = "useRandomBackground";
    const backgroundElement = document.getElementById("background");

    function setRandomBackground() {
        const randomImage = preImages[Math.floor(Math.random() * preImages.length)];
        backgroundElement.style.backgroundImage = `url(${randomImage})`;
    }

    const setBackground = (index) => {
        let url;
        if (index === DEFAULT_INDEX) {
            setRandomBackground();
            localStorage.setItem(RANDOM_BACKGROUND_KEY, "true"); // Mark to use random background on future page loads
            localStorage.removeItem(STORAGE_KEY); // Remove the custom background if set
        } else if (index > 0 && index <= preImages.length) {
            url = preImages[index - 1];
            backgroundElement.style.backgroundImage = `url(${url})`;
            localStorage.setItem(STORAGE_KEY, url);
            localStorage.removeItem(RANDOM_BACKGROUND_KEY); // Remove the random background marker
        } else if (index === UPLOAD_INDEX) {
            const fileInput = document.createElement('input');
            fileInput.type = 'file';
            fileInput.accept = 'image/*';
            fileInput.onchange = (e) => {
                const file = e.target.files[0];
                if (file) {
                    const reader = new FileReader();
                    reader.onload = (ev) => {
                        url = ev.target.result;
                        backgroundElement.style.backgroundImage = `url(${url})`;
                        localStorage.setItem(STORAGE_KEY, url);
                        localStorage.removeItem(RANDOM_BACKGROUND_KEY); // Remove the random background marker
                    };
                    reader.readAsDataURL(file);
                }
            };
            fileInput.click();
        } else if (index === URL_INDEX) {
            url = prompt("Enter the URL of the new background image:");
            if (url) {
                backgroundElement.style.backgroundImage = `url(${url})`;
                alert("Background updated successfully!");
                localStorage.setItem(STORAGE_KEY, url);
                localStorage.removeItem(RANDOM_BACKGROUND_KEY); // Remove the random background marker
            }
        }
    };

    document.addEventListener('keydown', (e) => {
        if (e.altKey && e.key.toLowerCase() === 't') {
            const input = parseInt(prompt('Enter a number (0-16):\n0: Random background\n1-14: Predefined backgrounds\n15: Upload your own image\n16: URL image'), 10);
            if (!isNaN(input) && input >= 0 && input <= 16) {
                setBackground(input);
            } else {
                alert('Invalid input. Please enter a number between 0 and 16.');
            }
        }
    });


    window.onload = () => {
        const savedBackground = localStorage.getItem(STORAGE_KEY);
        const useRandomBackground = localStorage.getItem(RANDOM_BACKGROUND_KEY);

        if (useRandomBackground === "true") {
            // If random background is marked, set a random background on page load
            setRandomBackground();
        } else if (savedBackground) {
            backgroundElement.style.backgroundImage = `url(${savedBackground})`;
        }
    };
})();
/*#FPS Counter*/
(function() {
    // Create FPS display
    const fpsDisplay = document.createElement('div');
    fpsDisplay.style.position = 'absolute';
    fpsDisplay.style.top = '60%'; // Middle of the screen vertically
    fpsDisplay.style.left = '10px'; // Left side of the screen
    fpsDisplay.style.transform = 'translateY(-50%)'; // Centers it vertically based on the top position
    fpsDisplay.style.color = 'white';
    fpsDisplay.style.fontSize = '14px'; // Smaller font size
    fpsDisplay.style.fontFamily = '"roboto condensed", sans-serif'; // Regular Arial font without bold
    fpsDisplay.style.textShadow = '1px 1px 2px black'; // Slight shadow for visibility
    fpsDisplay.style.backgroundColor = 'rgba(0, 0, 0, 0.3)';
    fpsDisplay.style.padding = '3px 5px'; // Padding around the text
    fpsDisplay.style.borderRadius = '5px'; // Slightly rounded corners for styling
    fpsDisplay.style.zIndex = '10000'; // Ensure the FPS display is on top
    fpsDisplay.innerHTML = `0 FPS`;
    document.body.appendChild(fpsDisplay);
    // Update FPS
    let times = [];
    const getFPS = () => {
        window.requestAnimationFrame(() => {
            const now = performance.now();

            while (times.length > 0 && times[0] <= now - 1000) times.shift();
            times.push(now);
            fpsDisplay.innerHTML = `${times.length} FPS`;
            if (times.length <= 30) {
                fpsDisplay.style.color = "red";
            } else {
                fpsDisplay.style.color = "white";
            }
            getFPS();
        });
    }
    getFPS();
})();

/*#LAT Counter*/
(function() {
    const pingDisplay = document.createElement('div');
    pingDisplay.style.position = 'absolute';
    pingDisplay.style.top = 'calc(60% + 25px)'; // Positioned below FPS counter
    pingDisplay.style.left = '10px'; // Align with FPS counter
    pingDisplay.style.transform = 'translateY(-50%)'; // Centers it vertically based on the top position
    pingDisplay.style.color = 'white'; // Yellow color for ping counter
    pingDisplay.style.fontSize = '14px'; // Same font size as FPS counter
    pingDisplay.style.fontFamily = '"roboto condensed", sans-serif'; // Regular Arial font
    pingDisplay.style.textShadow = '1px 1px 2px black'; // Slight shadow for visibility
    pingDisplay.style.backgroundColor = 'rgba(0, 0, 0, 0.3)';
    pingDisplay.style.padding = '3px 5px'; // Padding around the text
    pingDisplay.style.borderRadius = '5px'; // Slightly rounded corners for styling
    pingDisplay.style.zIndex = '10000'; // Ensure the Ping display is on top
    pingDisplay.innerHTML = `Waiting for a game start...`; // Use backticks for string interpolation
    document.body.appendChild(pingDisplay);

    var sendTime, receiveTime, timeout, region, DOM_observer, ws;
    var teamJoined = document.getElementById("msg-wait-reason"),
        endBtn = document.getElementById("ui-stats-options");

    window.onload = () => {
        var strtBtn = document.getElementsByClassName("btn-green btn-darken menu-option");
        var strtBtnArray = [strtBtn[0], strtBtn[1], strtBtn[2]];
        strtBtnArray.forEach((btn) => {
            btn.onclick = () => {
                region = document.getElementById("server-select-main").value;
                getPing();
            };
        });
        strtBtn[3].onclick = () => {
            region = document.getElementById("team-server-select").value;
            getPing();
        };
    };

    document.getElementById("btn-game-quit").onclick = () => {
        ws.close()
    };
    document.getElementById("btn-spectate-quit").onclick = () => {
        ws.close()
    };
    DOM_observer = new MutationObserver((mutations) => {
        if (mutations[0].addedNodes.length === 1) {
            endBtn.getElementsByTagName("a")[0].onclick = () => {
                ws.close()
            };
        } else if (mutations[0].addedNodes.length === 3) {
            region = document.getElementById("team-server-select").value;
            delayConnect();
        };
    });
    DOM_observer.observe(endBtn, {
        childList: true
    });
    DOM_observer.observe(teamJoined, {
        childList: true
    });

    function wsUrl() {
        var wsUrl, wsRegion;
        if (region === 'na') {
            wsRegion = 'usr';
        } else if (region === 'eu') {
            wsRegion = 'eur';
        } else if (region === 'asia') {
            wsRegion = 'asr';
        } else if (region === 'sa') {
            wsRegion = 'sa';
        };
        wsUrl = `wss://${wsRegion}.mathsiscoolfun.com:8001/ptc`;
        return wsUrl;
    };

    function delayConnect() {
        timeout = setTimeout(getPing, 2500);
    };

    function doSend(message) {
        if (ws.readyState === 1) {
            sendTime = Date.now();
            ws.send(message);
        };
    };

    function getPing() {
        var ping, url = wsUrl();
        ws = new WebSocket(url);

        ws.onopen = () => {
            clearTimeout(timeout);
            doSend(new ArrayBuffer(1));
        };

        ws.onclose = (evt) => {
            if (evt.code === 1005) {
                pingDisplay.innerHTML = `Waiting for a game start...`;
                pingDisplay.style.color = "white";
            } else if (evt.code === 1006) {
                ws = null;
                delayConnect();
            };
        };

        ws.onmessage = () => {
            receiveTime = Date.now();
            ping = receiveTime - sendTime;
            if (ping >= 120) {
                pingDisplay.style.color = "red";
            } else if (ping >= 90 && ping < 120) {
                pingDisplay.style.color = "orange";
            } else {
                pingDisplay.style.color = "white";
            }
            pingDisplay.innerHTML = `${ping} ms`;
            setTimeout(() => {
                doSend(new ArrayBuffer(1))
            }, 1500);
        };

        ws.onerror = () => {
            pingDisplay.innerHTML = `NaN ms`;
            pingDisplay.style.color = "white";
        };
    };
})();

/*#HP&AD Counter*/
! function() {
    "use strict";
    var e = 0,
        t = document.createElement("span");
    t.style = "display:block;position:fixed;z-index: 2;margin:6px 0 0 0;right: 15px;mix-blend-mode: difference;font-weight: bold;font-size:large;";
    document.querySelector("#ui-health-container").appendChild(t);
    var n = document.createElement("span");
    n.style = "display:block;position:fixed;z-index: 2;margin:6px 0 0 0;left: 15px;mix-blend-mode: difference;font-weight: bold;font-size: large;";
    document.querySelector("#ui-health-container").appendChild(n);
    setInterval((function() {
        var i = document.getElementById("ui-health-actual").style.width.slice(0, -1);
        e !== i && (e = i, t.innerHTML = Number.parseFloat(i).toFixed(1));
        var o = 25 * document.getElementById("ui-boost-counter-0").querySelector(".ui-bar-inner").style.width.slice(0, -1) / 100 + 25 * document.getElementById("ui-boost-counter-1").querySelector(".ui-bar-inner").style.width.slice(0, -1) / 100 + 37.5 * document.getElementById("ui-boost-counter-2").querySelector(".ui-bar-inner").style.width.slice(0, -1) / 100 + 12.5 * document.getElementById("ui-boost-counter-3").querySelector(".ui-bar-inner").style.width.slice(0, -1) / 100;
        n.innerHTML = Math.round(o)
    }))
}();

/*Make things easy xlibizitoynetly*/
function delAds(e) {
    document.getElementById(e) && document.getElementById(e).remove()
}
setInterval(function() {
    var adsA = document.getElementsByClassName("ad-block-leaderboard-bottom")[0];
    delAds("leaderboard-front");
    delAds("adunit");
    delAds("ui-stats-ad-container-desktop");
    adsA && adsA.remove();
}, 1000);

/*
#Credits
- Asphixia (wzld): LAT counter based on NARS code and BG effects
- Junako (.junako): FPS counter based on Quintec Music FPS code
- Asultra (asultra): CSS theme based on Junako's CSS and BG effects
- sk (samerkizi): Creator of HP&AD counter
- Blubbled: Creator of Uncap FPS - https://greasyfork.org/en/scripts/493862-uncap-fps-for-suroi
- chess5321: Ideamaker

Join ASR (Surviv.io Asia Confederation): https://discord.gg/5FhUFBydUe
*/