MH - Map Crown Display.js

// ==UserScript==
// @name         MH - Map Crown Display
// @version      2.0.1
// @description  Adds catch/crown statistics next to mouse names on the map
// @author       Chromatical
// @match        https://www.mousehuntgame.com/camp.php
// @icon         https://www.google.com/s2/favicons?domain=mousehuntgame.com
// @namespace https://greasyfork.org/users/748165
// ==/UserScript==
    
$(document).ajaxComplete(function(event,xhr,options){
    if (options.url == "https://www.mousehuntgame.com/managers/ajax/board/board.php"){
        $(".treasureMapView-mapMenu-rewardName")[0].innerText.includes("Scavenger")? null : replace()
    };
    localStorage.getItem('Chro-map-tem') !== null? updateTime(): createTime()
    
    async function updateTime(){
        var date = Date.now()
        var lastTime = localStorage.getItem('Chro-map-tem')
        var d = new Date(lastTime).getTime()
        if (date - d > 43200000){
            const promise = await getCrowns().
            then(res=>{
                    localStorage.setItem('Chro-map-tem',date);
                    localStorage.setItem('Chro-map-tem-mice',JSON.stringify(res));
            })
        }
    }
    
    async function createTime(){
        var date = Date.now();
        const promise2 = getCrowns().
        then(res=>{
            localStorage.setItem('Chro-map-tem',date);
            localStorage.setItem('Chro-map-tem-mice',JSON.stringify(res));
        })
    }
})
    
document.onclick = function(){
    if ($(".treasureMapRootView")[0]){
        typeof $(".mousebox2")[0] == "object"? null: replace()
    }
}
    
async function replace(){
    if ($(".mousebox2")[0]){return} else {
    document.querySelectorAll(".treasureMapView-goals-group-goal").forEach(el => {
    var span = el.querySelector("span")
    span.style = "width: auto; height: auto; font-size: 10px;";
    
    const outer = document.createElement("span");
    outer.className = "mousebox2";
    outer.style.fontColor = "black";
    outer.style.width = "auto";
    outer.style.height = "auto";
    outer.style.margin = "0px";
    outer.style.paddingRight = "8px";
    outer.style.paddingLeft = "3px";
    outer.style.float = "none";
    
    const crownImg = document.createElement("img");
    crownImg.style.width = "18px";
    crownImg.style.height = "18px";
    crownImg.style.paddingTop = "2px";
    crownImg.style.paddingBottom = "1px";
    crownImg.style.right = "-4px";
    crownImg.style.position = "relative";
    crownImg.style.float = "right";
    
    var mouseName = el.textContent
    var miceList = JSON.parse(localStorage.getItem('Chro-map-tem-mice'));
    var catches = miceList[mouseName];
    
    function getCrownSrc(type) {
            return `https://www.mousehuntgame.com/images/ui/crowns/crown_${type}.png`;
    }
    
            if (!catches || catches < 10) {
                crownImg.src = getCrownSrc("none");
            } else if (catches >= 10 && catches < 100) {
                crownImg.src = getCrownSrc("bronze");
            } else if (catches >= 100 && catches < 500) {
                crownImg.src = getCrownSrc("silver");
            } else if (catches >= 500 && catches < 1000) {
                crownImg.src = getCrownSrc("gold")
            } else if (catches >= 1000 && catches < 2500) {
                crownImg.src = getCrownSrc("platinum");
            } else if (catches >= 2500) {
                crownImg.src = getCrownSrc("diamond");
            }
    
        const text = document.createElement("div");
        text.innerText = catches || 0
        text.style = "text-align: center"
        text.style.float = "left";
        text.style.color = "black";
        text.style.paddingTop = "5px";
    
        outer.appendChild(text);
        outer.appendChild(crownImg)
        span.appendChild(outer);
    
    })
}
    
function getCrowns(){
        return new Promise((resolve, reject) => {
            postReq("https://www.mousehuntgame.com/managers/ajax/mice/getstat.php",`sn=Hitgrab&hg_is_ajax=1&action=get_hunting_stats&uh=${user.unique_hash}`)
                .then(
                res=>{
                    try{
                        var data = JSON.parse(res.responseText);
                        if(data){
                            var miceList={};
                            data.hunting_stats.forEach(mouse=>{
                                var mouseName = mouse.name.replace(/\ mouse$/i, "")
                                miceList[mouseName] = mouse.num_catches
                            })
                        }
                        resolve(miceList)
                    } catch(err) {
                        console.log(err)
                    }
                })
        })
    }
    
function postReq(url, form) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.onreadystatechange = function () {
        if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
            resolve(this);
        }
        };
        xhr.onerror = function () {
        reject(this);
        };
        xhr.send(form);
    });}
}