NTS Live add youtube search next to track

ntssearch.user.js

// ==UserScript==
// @name         NTS Live Video Search
// @namespace    https://www.nts.live/
// @version      0.2
// @description  Add a link to search youtube for each track
// @author       Jake Funke
// @match        https://www.nts.live/*
// @grant        none
// @require http://code.jquery.com/jquery-latest.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js

// ==/UserScript==
waitForKeyElements (".tracklist", foundTracklist);
function foundTracklist(jNode) {
    var tracks = document.getElementsByClassName("track");
    for (var i = 0; i < tracks.length; i++) {
        var trackItem = $(tracks[i]);
        var artistsString = "";
        var artists = trackItem.find('.track__artist:not(.track__artist--mobile)').each(function(){
            artistsString += $(this).text() + " ";
        })
        var title = trackItem.find('.track__title').text();
        var encoded = encodeURIComponent(`${artistsString} ${title}`);
        var elem = `<br><a href="https://www.youtube.com/results?search_query=${encoded}" target="_blank">Search Youtube</a>`;
        document.getElementsByClassName("track")[i].innerHTML += elem;
    };
}

note: you'll have to refresh the page once you get to the tracklist bc nts uses some smart single page stuff

✨