☰

Weather Icons

makes the weather names coloured and adds icons for easier distinction

// ==UserScript==
// @name         Weather Icons
// @namespace    blaseball
// @version      2.1.0
// @description  makes the weather names coloured and adds icons for easier distinction
// @author       Myno
// @match        https://www.blaseball.com/*
// @match        https://blaseball.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=blaseball.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {

    'use strict';
    //set your own colours in this object!
    const weatherdict = {
        "Horizon":"#ffeeff",
        "Solar Eclipse (Red)":"#ff3333",
        "Solar Eclipse (Silver)":"#ccccee",
        "Solar Eclipse (Blue)":"#6666ff",
        "Solar Eclipse (Gold)":"#ff9966"
    };
    //and set your own image urls here
    const weathericons = {
        "Horizon":"https://github.com/Mynotaurus/filestorag/blob/main/horizon.png?raw=true",
        "Solar Eclipse (Red)":"https://github.com/Mynotaurus/filestorag/blob/main/reclipse.png?raw=true",
        "Solar Eclipse (Silver)":"https://github.com/Mynotaurus/filestorag/blob/main/seclipse.png?raw=true",
        "Solar Eclipse (Blue)":"https://github.com/Mynotaurus/filestorag/blob/main/bleclipse.png?raw=true",
        "Solar Eclipse (Gold)":"https://github.com/Mynotaurus/filestorag/blob/main/geclipse.png?raw=true"
    };
    function injectWeather(){
        if (!!document.querySelector(".playtab__gamelist")||!!document.querySelector(".bet-widget")) {
            var weathermsgs = document.getElementsByClassName("playtab__weather");
            console.log("Weather Msgs Found: "+weathermsgs.length);
            for (let i = 0; i < weathermsgs.length; i++) {
                let strin = weathermsgs[i].textContent;
                if(strin.split(" ")[0].trim()=="Weather"){
                    strin = strin.split(" ").slice(1).join(" ").trim();
                }
                console.log(i+"'"+strin+"'")
                if (strin in weatherdict){
                    weathermsgs[i].style.color = weatherdict[strin];
                }
                if (strin in weathericons) {
                    if(!weathermsgs[i].querySelector('img')){
                       if (!!document.querySelector(".playtab__gamelist")){
                        weathermsgs[i].firstChild.insertAdjacentHTML( 'beforeend', `<img src="`+weathericons[strin]+`" style="width:1.5rem; height:1.5rem; margin-left: 0.5rem; display: inline;"></img>` );
                       }else{
                           weathermsgs[i].insertAdjacentHTML( 'beforeend', `<img src="`+weathericons[strin]+`" style="width:2rem; height:2rem; margin-left: 0.5rem; display: inline;"></img>` );
                       }
                     }
                }
            }
        }
    }
    window.setInterval(injectWeather,3000)
})();