// ==UserScript==
// @name         Anime Songs - AniList Player
// @namespace    Openings and Endings Player
// @version      1.2.8
// @description  This Script allows You to play Openings and Endings directly on AniList
// @author       NurarihyonMaou
// @match        https://anilist.co/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=anilist.co
// @grant        GM_xmlhttpRequest
// @grant        GM_setValue
// @grant        GM_getValue
// @require      http://code.jquery.com/jquery-3.5.1.min.js

// @downloadURL none
// ==/UserScript==

const $ = window.jQuery;

let result;

let openings, endings;

let url = "https://graphql.anilist.co";

let AnimeID;

let AniID = {};

function loadVideos(AnimeID) {
    let Song = 0;

    (function init() {
        openings = document.getElementsByClassName("openings");
        endings = document.getElementsByClassName("endings");
        if (openings.length > 0 || endings.length > 0) {
            GM_xmlhttpRequest({
                method: "GET",
                url:
                    "https://staging.animethemes.moe/api/anime?filter[has]=resources&filter[site]=MyAnimeList&filter[external_id]=" +
                    AnimeID +
                    "&include=animethemes.animethemeentries.videos,animethemes.song.artists",
                data: AnimeID,
                headers: { "Content-Type": "application/json" },
                onload: function (response) {
                    result = JSON.parse(response.responseText);
                    openings = openings.length > 0 ? openings : endings;
                    if ($("body video#Player").length == 0) {
                        $(openings).append(
                            "<video style='display: none' id='Player' width='500px' height='300' src='' allowfullscreen controls autoplay/>"
                        );
                    }
                    let number = 0;

                    start_position: while (true) {
                        number++;

                        if (
                            $("div.openings, div.endings").children(".tag").html().length > 0
                        )
                            break;
                        else continue start_position;
                    }
                    $("body div.IMOE").remove();
                    for (Song; Song < result.anime[0].animethemes.length; Song++) {
                        let CurrSongMatch = false;
                        $("div.openings, div.endings")
                            .children(".tag")
                            .filter(function (x) {
                                let entriesCount = $("div.openings, div.endings").children(".tag").length;
                                let currSong = $(this);


                                if (
                                    $(currSong)
                                        .text()
                                        .toLowerCase()
                                        .split(" by ")[0]
                                        .replace(/\(([^)]+)\)/, "")
                                        .replace(/[“"”]+/g, "")
                                        .replace(/\#\d*:/g, "")
                                        .replace(/\d*\:/g, "")
                                        .replace(/[^\w\s]/gi, " ")
                                        .replace(/ /g, '')
                                        .trim()
                                    ==
                                    result.anime[0].animethemes[Song].song.title
                                        .toLowerCase()
                                        .replace(/\(([^)]+)\)/, "")
                                        .replace(/\#\d*:/g, "")
                                        .replace(/[^\w\s]/gi, " ")
                                        .replace(/^0+/, '')
                                        .replace(/ /g, '')
                                        .trim()

                                ) {
                                    CurrSongMatch = true;
                                    $(currSong).html(
                                        "<a href='https://animethemes.moe/video/" +
                                        result.anime[0].animethemes[Song].animethemeentries[0]
                                            .videos[0].basename +
                                        "'>" +
                                        $(currSong).text() +
                                        "</a>"
                                    );

                                }


                                if (x == entriesCount - 1 && CurrSongMatch == false) {
                                    if ($("div.IMOE").length == 0) {
                                        if ($("div.endings").length > 0) {
                                            $("div.endings").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
                                        }
                                        else if ("div.openings".length > 0) {
                                            $("div.endings").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
                                        }
                                        else {
                                            $("div.characters").after('<div class="IMOE" style="margin-bottom: 30px;"><h2>Additional OPs and EDs</h2></div>');
                                        }
                                    }
                                    let CurrentSongArtists = "";
                                    for (let Artists = 0; Artists < result.anime[0].animethemes[Song].song.artists.length; Artists++) {
                                        CurrentSongArtists += result.anime[0].animethemes[Song].song.artists[Artists].name + " ";
                                    }
                                    if (CurrentSongArtists == "") CurrentSongArtists = "???";
                                    $("div.IMOE").append('<div data-v-1f62dc5c="" class="tag " style="margin-bottom: 10px;"><a href="https://animethemes.moe/video/' +
                                        result.anime[0].animethemes[Song].animethemeentries[0]
                                            .videos[0].basename + '">' + result.anime[0].animethemes[Song].song.title + ' by ' + CurrentSongArtists + '</a></div>');
                                    CurrentSongArtists = "";

                                }
                            });
                    }
                },
                onerror: function (error) {
                    console.log(error);
                },
            });

        } else {
            setTimeout(init, 0);
        }
    })();
}

function getAID() {
    let query = `
        query ($id: Int) {
        Media (id: $id, type: ANIME) {
        idMal
        }
        }
        `;

    let options = {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            Accept: "application/json",
        },
        body: JSON.stringify({
            query: query,
            variables: AniID,
        }),
    };

    fetch(url, options).then(handleResponse).then(handleData).catch(handleError);

    function handleResponse(response) {
        return response.json().then(function (json) {
            return response.ok ? json : Promise.reject(json);
        });
    }

    function handleData(data) {
        AnimeID = data.data.Media.idMal;
        loadVideos(AnimeID);
    }

    function handleError(error) {
        alert("Error, check console");
        console.error(error);
    }
}


function SetArifureta() {
    if ($("body iframe#Player").length == 0) {
        $(openings).append(
            "<iframe style='display: none' id='Player' width='500px' height='300' src='' allowfullscreen/>"
        );
    }

    $("div.openings").children(".tag").html('<a href="https://www.youtube.com/embed/s0vm9JVjexY?autoplay=1">"Daylight" by MindaRyn</a>');

    $("div.endings").children(".tag").html('<a href="https://www.youtube.com/embed/5aJWWk9B78E?autoplay=1">"Gedou Sanka (外道讃歌)" by FantasticYouth</a>');
}

(function init() {
    openings = document.getElementsByClassName("openings");
    endings = document.getElementsByClassName("endings");
    if (openings.length > 0 || endings.length > 0) {
        AniID = { id: parseInt(window.location.pathname.split("/")[2]) };

        if (parseInt(AniID.id) == 112323) SetArifureta();
        else getAID();




        let mList = document.querySelector(".content h1"),
            options = {
                characterData: true,
                childList: true,
                subtree: true,
            },
            observer = new MutationObserver(mCallback);

        function mCallback(mutations) {
            if (mutations.length == 1) {
                AniID = { id: parseInt(window.location.pathname.split("/")[2]) };

                if (parseInt(AniID.id) == 112323) SetArifureta();
                else getAID();
            }
        }

        observer.observe(mList, options);
    } else {
        setTimeout(init, 0);
    }
})();

let oldURL;

(function () {
    let pushState = history.pushState;
    let replaceState = history.replaceState;

    history.pushState = function () {
        pushState.apply(history, arguments);
        window.dispatchEvent(new Event("pushstate"));
        window.dispatchEvent(new Event("locationchange"));
    };

    history.replaceState = function () {
        replaceState.apply(history, arguments);
        window.dispatchEvent(new Event("replacestate"));
        window.dispatchEvent(new Event("locationchange"));
    };

    window.addEventListener("popstate", function () {
        window.dispatchEvent(new Event("locationchange"));
    });
})();

$(window).on("load", function () {
    GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
});

window.addEventListener("locationchange", function () {
    oldURL = GM_getValue("oldURL");

    if (
        oldURL != "anime" &&
        $(location).attr("pathname").split("/")[1] == "anime"
    ) {
        GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
        location.reload();
    } else GM_setValue("oldURL", $(location).attr("pathname").split("/")[1]);
});


$("body").on("click", ".tag", function (e) {
    e.preventDefault();

    if ($(this).children().length == 0) {
        alert("Sadly, this OP/ED is Missing or there's a bug in the Script (Check Instruction)");
    } else if (
        $("body #Player").css("display") == "none" ||
        $(this).children().attr("href") != $("body #Player").attr("src")
    ) {
        $("body #Player").css("display", "block");

        $("body #Player").attr("src", $(this).children().attr("href"));
    } else if (
        $(this).children().attr("href") == $("body #Player").attr("src")
    ) {
        $("body #Player").css("display", "none");
        $("body #Player").attr("src", "");
    }
});