Geoguessr rating displayer

Adds the competitive rating to usernames
当前为 2023-10-26 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Geoguessr rating displayer
// @description  Adds the competitive rating to usernames
// @version      1.2.1
// @license      MIT
// @author       joniber
// @namespace
// @match        https://www.geoguessr.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=geoguessr.com
// @namespace https://greasyfork.org/users/1072330
// ==/UserScript==
 
//=====================================================================================\\
//    change these values however you like (make sure to hit ctrl+s afterwards)        \\
//=====================================================================================\\
 
 
 
const RATING_IN_FRIENDS_TAB = true;
//                            ^^^^^ set this to 'false' if you don't want to display rating in the friends tab
const RATING_IN_LEADERBOARD = true;
//                            ^^^^  set this to 'false' if you don't want to display rating in leaderboards
const RATING_IN_MATCHMAKING = true;
//                            ^^^^  set this to 'false' if you don't want to display rating in matchmaking lobbies
const RATING_IN_INGAME_PAGE = true;
//                            ^^^^  set this to 'false' if you don't want to display rating ingame
 
const RATING_COLOR_CHANGE = true;
//                          ^^^^ set this to 'false' if you don't want to change the color based on the ranking
 
const RATING_IN_BREAKDOWN = true;
//                          ^^^^ set this to 'false' if you don't want to see rating in the breakdown menu
 
const RATING_IN_SUGGESTIONS = true;
//                           ^^^^ set this to 'false' if you don't want to see rating in the friend suggestion list
 
//=====================================================================================\\
//  don't edit anything after this point unless you know what you're doing             \\
//=====================================================================================\\
 
const GEOGUESSR_USER_ENDPOINT = 'https://geoguessr.com/api/v3/users';
const CHAT_ENDPOINT = 'https://game-server.geoguessr.com/api/lobby';
 
const SCRIPT_PREFIX = 'ur__';
const PROFIlE_RATING_ID = SCRIPT_PREFIX + 'profileRating';
const USER_RATING_CLASS = SCRIPT_PREFIX + 'userRating';
 
const OBSERVER_CONFIG = {
    characterDataOldValue: false,
    subtree: true,
    childList: true,
    characterData: false,
};
 
const ERROR_MESSAGE = (wrong) => '${wrong}';
 
function pathMatches(path) {
    return location.pathname.match(new RegExp(`^/(?:[^/]+/)?${path}$`));
}
 
function ratingText() {
    return `<p
        class="${USER_RATING_CLASS}"
        style="margin-left: .25rem; margin-right:.25rem; margin-top:0px; display: none;"
        onerror="this.style.display = 'none'"
    ></p>`;
}
 
let flag = true
let flag1 = false
 
async function fillRating(ratingNumber, userId) {
    const userData = await getUserData(userId);
    const rating = userData.competitive.rating;
 
    ratingNumber.innerHTML = rating;
    let color;
    if (RATING_COLOR_CHANGE) {
        if (rating < 450) {
            color = '#ba682e';
        } else if (rating < 650) {
            color = '#8e8e8e';
        } else if (rating < 850) {
            color = '#e8ac06';
        } else if (rating < 1100) {
            color = '#e04781';
        } else if (rating >= 1100) {
            color = '#a994e3';
        }
 
        ratingNumber.style.color = color;
    }
    ratingNumber.style.display = 'block';
}
 
function retrieveIdFromLink(link) {
    if (link.endsWith('/me/profile')) {
        const data = document.querySelector('#__NEXT_DATA__').text;
        const json = JSON.parse(data);
        return json.props.middlewareResults[1].account.user.userId;
    }
    return link.split('/').at(-1);
}
 
function isOtherProfile() {
    return pathMatches('user/.+');
}
 
function isOwnProfile() {
    return pathMatches('me/profile');
}
 
function isProfile() {
    return isOwnProfile() || isOtherProfile();
}
 
function isBattleRoyale() {
    return pathMatches('battle-royale/.+');
}
 
function isDuels() {
    return pathMatches('duels/.+');
}
 
async function getUserData(id) {
    const response = await fetch(`${GEOGUESSR_USER_ENDPOINT}/${id}`);
    const json = await response.json();
 
    return json;
}
 
function addRatingToUsername(link) {
    if (!link.querySelector(`.${USER_RATING_CLASS}`)) {
        const destination = link.querySelector('.user-nick_nickWrapper__yneIk');
        destination.insertAdjacentHTML('beforeend', ratingText());
        const ratingNumber = destination.lastChild;
        if(destination.children[2]){
            destination.insertBefore(
                ratingNumber,
                destination.children[2]
            );
 
        }
 
        fillRating(ratingNumber, retrieveIdFromLink(link.href));
    }
}
 
function addRatingToIngameUsername(link) {
    if (!link.querySelector(`.${USER_RATING_CLASS}`)) {
        const destination = link.querySelector('span');
        destination.style.display = 'flex';
        destination.innerHTML += '&nbsp;';
        destination.insertAdjacentHTML('beforeend', ratingText());
        const ratingNumber = destination.lastChild;
        if (destination.childElementCount == 4) {
            destination.insertBefore(
                ratingNumber,
                ratingNumber.previousElementSibling.previousElementSibling
            );
        } else if (destination.childElementCount > 2) {
            destination.insertBefore(ratingNumber, ratingNumber.previousElementSibling);
        }
 
        fillRating(ratingNumber, retrieveIdFromLink(link.href));
    }
}
 
let inBattleRoyale = false;
let inDuels = false;
let lastOpenedMapHighscoreTab = 0;
async function getUsersInGame(id) {
    const response = await fetch(`${CHAT_ENDPOINT}/${id}`);
    const json = await response.json();
    return json;
 
}
 
 
async function onMutationsBr(mutations, observer) {
    if (RATING_IN_INGAME_PAGE) {
        //battle royale distance
        for (const link of document.querySelectorAll('.distance-player-list_name__Wczob a')) {
            addRatingToIngameUsername(link);
        }
 
        // battle royale countries
        for (const link of document.querySelectorAll(
            '.countries-player-list_playerName__oo1GB a'
        )) {
            addRatingToIngameUsername(link);
        }
 
 
    }
}
 
function onMutationsDuels(mutations, observer) {
    if (RATING_IN_INGAME_PAGE) {
        // duels
        const hud = document.querySelector('.hud_root__sYAUU');
 
        const firstPlayerLink = hud.firstChild?.querySelector('.health-bar_player__HXWq0 a');
        if (firstPlayerLink) {
            addRatingToUsername(firstPlayerLink);
        }
 
        const secondPlayerLink = hud.lastChild?.querySelector('.health-bar_player__HXWq0 a');
        if (secondPlayerLink) {
            if (addRatingToUsername(secondPlayerLink, 'afterbegin')) {
                const name = secondPlayerLink.querySelector('.user-nick_nick__y4VIt');
                name.innerHTML = '&nbsp;' + name.innerHTML;
            }
        }
 
        if (document.querySelector('.round-score_container__NL817')) {
            const leftLink = document.querySelector(
                '.round-score_healthLeft__FJXTY .health-bar_player__9j0Vu a'
            );
            addRatingToUsername(leftLink);
            const rightLink = document.querySelector(
                '.round-score_healthRight__eyrD0 .health-bar_player__9j0Vu a'
            );
            if (addRatingToUsername(rightLink, 'afterbegin')) {
                const name = rightLink.querySelector('.user-nick_nick__y4VIt');
                name.innerHTML = '&nbsp;' + name.innerHTML;
            }
        }
    }
}
 
async function onMutationsStandard(mutations, observer) {
    if (isBattleRoyale() && document.querySelector('.game_hud__3EFVC ul') && !inBattleRoyale) {
        inBattleRoyale = true;
        const brObserver = new MutationObserver(onMutationsBr);
        brObserver.observe(document.querySelector('.game_hud__3EFVC ul'), OBSERVER_CONFIG);
    } else if (isDuels() && document.querySelector('.game_hud__Mt1qE') && !inDuels) {
        inDuels = true;
        const duelsObserver = new MutationObserver(onMutationsDuels);
        duelsObserver.observe(document.querySelector('.game_hud__Mt1qE'), OBSERVER_CONFIG);
    } else if (inBattleRoyale && !document.querySelector('.game_hud__3EFVC ul')) {
        inBattleRoyale = false;
    } else if (inDuels && !document.querySelector('.game_hud__Mt1qE')) {
        inDuels = false;
    }
 
    if (inBattleRoyale || inDuels) {
        return;
    }
 
    if (RATING_IN_FRIENDS_TAB) {
        // friends tab
        for (const link of document.querySelectorAll('.chat-friend_name__V0nzL a')) {
            addRatingToUsername(link);
        }
    }
 
    if (RATING_IN_LEADERBOARD) {
        // generic leaderboard
 
        for (let link of document.querySelectorAll('.leaderboard_row__Swnpj')) {
            if(link.classList.contains('leaderboard_rowColumnCount3__B_RSQ')){
                return;
            }
            else{
                if(link.querySelector('.leaderboard_columnContent__HpvuQ.leaderboard_alignStart__SjLEZ a')){
                    addRatingToUsername(link.querySelector('.leaderboard_columnContent__HpvuQ.leaderboard_alignStart__SjLEZ a'));
                }
            }
        }
 
        // map highscore leaderboard
        let tabSwitch = document.querySelector('.map-highscore_switchContainer__OyyvP div');
        if (tabSwitch) {
            const openedMapHighscoreTab =
                  +tabSwitch.firstChild.firstChild.classList.contains('switch_hide__KyksT');
            if (openedMapHighscoreTab != lastOpenedMapHighscoreTab) {
                lastOpenedMapHighscoreTab = openedMapHighscoreTab;
                for (const link of document.querySelectorAll(
                    '.map-highscore_userWrapper__tmjOe a'
                )) {
                    const rating = link.querySelector(`.${USER_RATING_CLASS}`);
                    if (rating) {
                        rating.remove();
                    }
                }
            }
            let tabSwitch1 = document.querySelector('.map-highscore_switchContainer__OyyvP');
            const openFriendHighscoreTab = tabSwitch1.lastChild.lastChild
            if(openFriendHighscoreTab){
                if(openFriendHighscoreTab.firstChild.classList.contains('switch_show__V6W5T') && flag){
                    flag = false
                    flag1 = true
                    for (const link of document.querySelectorAll(
                        '.map-highscore_userWrapper__tmjOe a'
                    )) {
                        const rating = link.querySelector(`.${USER_RATING_CLASS}`);
                        if (rating) {
                            rating.remove();
                        }
                    }
                }
            }
 
            const openFriendHighscoreTab1 = tabSwitch1.lastChild.firstChild
            if(openFriendHighscoreTab1){
                if(openFriendHighscoreTab1.firstChild.classList.contains('switch_show__V6W5T') && flag1){
                    flag = true
                    flag1 = false
                    for (const link of document.querySelectorAll(
                        '.map-highscore_userWrapper__tmjOe a'
                    )) {
                        const rating = link.querySelector(`.${USER_RATING_CLASS}`);
                        if (rating) {
                            rating.remove();
                        }
                    }
                }
            }
 
        }
 
        for (const link of document.querySelectorAll('.map-highscore_userWrapper__tmjOe a')) {
            addRatingToUsername(link);
        }
    }
 
    if (RATING_IN_BREAKDOWN) {
        for (const link of document.querySelectorAll('.results_userLink__1k2fP a')) {
            addRatingToUsername(link);
        }
    }
 
    if (RATING_IN_SUGGESTIONS) {
        for (const link of document.querySelectorAll('.friend_name__VJYzL a')) {
            addRatingToUsername(link);
        }
    }
 
    if (RATING_IN_MATCHMAKING) {
        if(document.querySelector('.avatar-lobby_wrapper__diFl_')){
            let lobbyWrapper = document.querySelector('.avatar-lobby_wrapper__diFl_')
 
            for (let link of document
                 .querySelector('.avatar-lobby_wrapper__diFl_')
                 .querySelectorAll('.avatar-title_titleWrapper___gYm9')) {
                if (!link.querySelector(`.${USER_RATING_CLASS}`)) {
                    if (link.querySelector('.user-nick_nick__RdsmT')) {
                        const lobby = await getUsersInGame(location.href.slice(-36));
                        for (const player of lobby.players) {
                            if (!link.querySelector(`.${USER_RATING_CLASS}`)) {
 
                                const nickElement = link.querySelector('.user-nick_nick__RdsmT');
                                const isPlayerNick = nickElement.textContent.trim() == player.nick;
 
                                if (isPlayerNick) {
                                    let destination = nickElement
                                    destination.insertAdjacentHTML('beforeend', ratingText());
                                    const ratingNumber = destination.lastChild;
                                    ratingNumber.style.marginLeft = "0px";
                                    if(destination.children[2]){
                                        destination.insertBefore(
                                            ratingNumber,
                                            destination.children[2]
                                        );
 
                                    }
 
                                    fillRating(ratingNumber, player.playerId);
                                    }
 
                            }
                        }
                    }
                }
            }
 
 
        }
    }
}
 
 
const observer = new MutationObserver(onMutationsStandard);
 
observer.observe(document.body, OBSERVER_CONFIG);