Greasemonkey/tampermonkety user script to highlight your league and team's taken players when viewing fangraph pages

FanGraphs script for Yahoo leagues.user.js

// ==UserScript==
// @name           FanGraphs Script for Yahoo Leagues
// @include        https://fantasy.fangraphs.com/*
// @include        https://www.fangraphs.com/*
// @version        1.1
// @grant GM.xmlHttpRequest
// ==/UserScript==
// Created 4/1/2021 u/jackries
// Updated April 2024 by KB

// Wait to run code until page finished loading as in https://stackoverflow.com/questions/12897446/userscript-to-wait-for-page-to-load-before-executing-code-techniques
var observer = new MutationObserver(resetTimer);
var timer = setTimeout(action, 3000, observer); // wait for the page to stay still for 3 seconds
observer.observe(document, {childList: true, subtree: true});

// reset timer every time something changes
function resetTimer(changes, observer) {
    clearTimeout(timer);
    timer = setTimeout(action, 3000, observer);
}

function action(observer) {
    observer.disconnect();
    // await new Promise(r => setTimeout(r, 2000));
    // Note: Your league data must be publicly viewable

    // Update this URL to your league's starting rosters page in Yahoo! (change X to matching values)
    var ownedPlayersURL = "https://baseball.fantasysports.yahoo.com/b1/XXXXX/startingrosters";

    // Update this URL to your team's page in Yahoo! (change X and Y to matching values)
    var myPlayers = "https://baseball.fantasysports.yahoo.com/b1/XXXXX/Y";

    var players = [];
    var players2 = [];
    var accent_map = {
        'á':'a', 'é':'e', 'í':'i','ó':'o','ú':'u','Á':'A',
    };

    GetPlayers();
    // Function to get players from Yahoo! Rosters page for the league
    function GetPlayers()
    {
        GM.xmlHttpRequest(
            {
                method: 'GET',
                url: ownedPlayersURL,
                onload: function( responseDetails )
                {
                    var responseXML = new DOMParser().parseFromString(responseDetails.responseText,"text/html");
                    buildPlayersArray(responseXML);
                    showValues();
                },
            });
    }

    // Function to build an array of taken player data from the owned page
    function buildPlayersArray(playersXML)
    {
        var ahrefsYahoo = playersXML.getElementsByTagName("a");
        var yahooMatch = /.*sports\.yahoo\.com\/mlb\/players\/(\d*)$/;
        var j = 0;

        for (var i = 0; i < ahrefsYahoo.length; i++)
        {
            var resultID = ahrefsYahoo[i].href.match(yahooMatch);
            if (resultID !== null)
            {
                players[j] = {};
                players[j].playerName = ahrefsYahoo[i].innerHTML;
                console.log("Yahoo", ahrefsYahoo[i].innerHTML);
                j++;
            }
        }
    }


    // Function to match taken Yahoo! players and mark as owned in FanGraphs
    function showValues()
    {
        var fanMatch = /.*fangraphs\.com\/*/;
        var stat = [];
        var resultName = "";
        var resultIDFan = "";

        for (var i = 0; i < ahrefs.length; i++)
        {
            resultName = ahrefs[i].innerHTML;
            resultIDFan = ahrefs[i].href.match(fanMatch);
            console.log("FanGraphsahref", resultName, resultIDFan, fanMatch);

            if (resultIDFan !== null)
            {
                for (var j = 0; j < (players.length); j++)
                {
                    if (resultName == accent_fold(players[j].playerName))
                    {
                        // Change the color of the matching name
                        setAOwned(i,j);
                        break;
                    }
                }
            }
        }
    }

    // Function to handle marking a player as owned
    function setAOwned(i,j)
    {
        ahrefs[i].style.color = "#0000FF";
    }

    // Delay for 3 seconds since sometimes your team's players load before the taken players
    function sleep(milliseconds) {
        const date = Date.now();
        let currentDate = null;
        do {
            currentDate = Date.now();
        } while (currentDate - date < milliseconds);
    }

    sleep(3000);
    var ahrefs = document.getElementsByTagName("a");

    // REPEAT THE SAME PROCESS AS ABOVE BUT FOR PLAYERS ON YOUR TEAM
    GetPlayers2();
    // Function to get your players from Yahoo!
    function GetPlayers2()
    {
        GM.xmlHttpRequest(
            {
                method: 'GET',
                url: myPlayers,
                onload: function( responseDetails2 )
                {
                    var responseXML2 = new DOMParser().parseFromString(responseDetails2.responseText,"text/html");
                    buildPlayersArray2(responseXML2);
                    showValues2();
                },
            });
    }

    // Function to build an array of player data from the owned page
    function buildPlayersArray2(playersXML2)
    {
        var ahrefsYahoo = playersXML2.getElementsByTagName("a");
        var yahooMatch = /.*sports\.yahoo\.com\/mlb\/players\/(\d*)$/;
        var j = 0;

        for (var i = 0; i < ahrefsYahoo.length; i++)
        {
            var resultID2 = ahrefsYahoo[i].href.match(yahooMatch);
            if (resultID2 !== null)
            {
                players2[j] = {};
                players2[j].playerName = ahrefsYahoo[i].innerHTML;
                j++;
            }
        }
    }

    // Function to match your Yahoo! players and mark as owned in FanGraphs
    function showValues2()
    {
        var fanMatch2 = /.*fangraphs\.com\/*/;
        var stat = [];
        var resultName2 = "";
        var resultIDFan2 = "";

        for (var i = 0; i < ahrefs.length; i++)
        {
            resultName2 = ahrefs[i].innerHTML;
            resultIDFan2 = ahrefs[i].href.match(fanMatch2);

            if (resultIDFan2 !== null)
            {
                for (var j = 0; j < (players2.length); j++)
                {
                    if (resultName2 == accent_fold2(players2[j].playerName))
                    {
                        // Change the color of the matching name
                        setAOwned2(i,j);
                        break;
                    }
                }
            }
        }
    }

    // Function to change the font color for a player on your team
    function setAOwned2(i,j)
    {
        ahrefs[i].style.color = "#ff6200";
    }

    function accent_fold (s) {
        if (!s) { return ''; }
        var ret = '';
        for (var i = 0; i < s.length; i++) {
            ret += accent_map[s.charAt(i)] || s.charAt(i);
        }
        return ret;
    }

    function accent_fold2 (s) {
        if (!s) { return ''; }
        var ret = '';
        for (var i = 0; i < s.length; i++) {
            ret += accent_map[s.charAt(i)] || s.charAt(i);
        }
        return ret;
    }
};