NitroType Race Difference Calculator

Shows how many races you're ahead or behind compared to other racers

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         NitroType Race Difference Calculator
// @namespace    http://tampermonkey.net/
// @version      1.5
// @description  Shows how many races you're ahead or behind compared to other racers
// @author       Malakai
// @license       MIt
// @match        https://www.nitrotype.com/racer/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function getMyRacesPlayed() {
        try {
            const persistData = localStorage.getItem('persist:nt');
            if (!persistData) {
                return null;
            }

            const parsedData = JSON.parse(persistData);

            if (parsedData.user) {
                const userData = JSON.parse(parsedData.user);
                if (userData.racesPlayed !== undefined) {
                    return userData.racesPlayed;
                }
            }

            return null;

        } catch (error) {
            return null;
        }
    }

    function getTheirRacesPlayed() {
        try {
            if (window.NTGLOBALS && window.NTGLOBALS.RACER_INFO) {
                return window.NTGLOBALS.RACER_INFO.racesPlayed;
            }
            return null;
        } catch (error) {
            return null;
        }
    }

    function displayRaceDifference(myRaces, theirRaces) {
        if (myRaces === null || theirRaces === null) {
            return;
        }

        const difference = myRaces - theirRaces;

        if (difference === 0) return;

        let text = '';
        let color = '';

        if (difference > 0) {
            text = `+${difference.toLocaleString()}`;
            color = '#59FFA0'; // Green for positive
        } else {
            text = `${difference.toLocaleString()}`;
            color = '#D62F3A'; // Red for negative
        }

        const totalRacesElement = document.querySelector('.profile-totalRaces');
        if (!totalRacesElement) {
            return;
        }

        const diffElement = document.createElement('div');
        diffElement.textContent = text;
        diffElement.style.cssText = `
            font-size: 18px;
            font-weight: bold;
            color: ${color};
            margin-top: 5px;
            line-height: 1;
            text-align: center;
            font-family: 'Arial', sans-serif;
        `;


        const totalRacesSpan = totalRacesElement.querySelector('.tss.plxxs');
        if (totalRacesSpan) {
            totalRacesElement.insertBefore(diffElement, totalRacesSpan);
        } else {
            totalRacesElement.appendChild(diffElement);
        }
    }

    function init() {
        const myRaces = getMyRacesPlayed();
        const theirRaces = getTheirRacesPlayed();

        if (myRaces !== null && theirRaces !== null) {
            displayRaceDifference(myRaces, theirRaces);
        }
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        setTimeout(init, 1000);
    }
})();