☰

erai-raws sub preview Image

Show image preview next to the anime subtitles.

// ==UserScript==
// @name         erai-raws sub preview Image
// @namespace    http://tampermonkey.net/
// @version      1.5
// @description  Show image preview next to the anime subtitles.
// @author       dr.bobo0
// @match        https://www.erai-raws.info/subs/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAMFBMVEVHcEy3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISG3ISFbcynrAAAAD3RSTlMA1OaywnKHOhgNXPQmnEsN6GgJAAACVUlEQVRYhe1WSYKEIAyUfZf//3YgLAbEbpzrTJ1EKbJVIsfxj78Ck/BLqj4lI9TF6Ci3r8mW0YjBX7EliTeIbfo5sAkPQQaWHjbp6qKTYH07NEa6x5eNzawuB6YzfHIghi1+qBmztXI21UBleqRbtVRAD7qtxRXOnhZ49h1tbXS6K4NUejmtc0DnJv04UgU8XvvAgtVPuxcQ2dvfKh/AS/2F8otjjLJCJlh//9bRdZBbiBLCawBKcoc+fdI1OiJD5sbit854ELa2gbpx57lgx7UwtRh70FHCGcdNTa3y2mh/ZsHOiTiRIcrkCVkUzZ3i1xW5mgRz2G7IsavwtTNc8JAYhghkWPUWdkHhY8EssTWxw0wiOI0t72RWfIqKqWPF97gONfiF4o2ATIkbP2u+vyh8oo4nnPe6B5TR4v8HZak7HzhV6xqK9KHhPGwYXjFsUqxl6V0NUedKOGxA0aGkKQPu3nhnc9HAbiQ6mK9YEmQV/xUjCOTKb5mvQyPMMyhb5d0GPLXyatHkivXCsAFAmcQQF9gjUsB/toudmWk7zqGpVqAu02So9Mlhk3cLaD3je+uz7kpgmM3FveD13+HQIKEQta0CpuUzYUKtx+3saJ13IMD8P8sldUtmw/A7b1cRUGgEh8dKLuFF4GkApznUX9GLlrMgn6hP4Kjcdq32j4BZ1qxCNO/4YpQ7/Z6EEaUA1/ptElABLofeJIHMdVPvkgAJHFrc4J78CjUmsPvE1tvvoPF+I5OlHbauKmol3JLWuHWAnxNQ3jJKw+ZdybLXN/t//HX8ACejMFAROu21AAAAAElFTkSuQmCC
// @grant        none
// ==/UserScript==
(function() {
    'use strict';

    const FLAG_URL_PREFIX = "https://www.erai-raws.info/wp-content/themes/generatepress_child/flags/4x3/";
    const ICON_STYLE = {
        width: "20px",
        height: "20px",
        marginRight: "5px"
    };

    // Language code to flag mapping
    const languageFlags = {
        ".ara": "sa.svg",
        ".eng": "us.svg",
        "hrv.ass": "hr.svg",
        ".por": "br.svg",
        ".spa.ass": "es.svg",
        ".fre": "fr.svg",
        ".ita": "it.svg",
        ".may": "my.svg",
        ".cat": "es-ct.svg",
        ".baq": "es-pv.svg",
        ".glg": "es-ga.svg",
        ".fil": "ph.svg",
        ".tam": "lk.svg",
        ".rus": "ru.svg",
        ".ger": "de.svg",
        ".pol": "pl.svg",
        ".dut": "nl.svg",
        ".nob": "no.svg",
        ".fin": "fi.svg",
        ".tur": "tr.svg",
        ".swe": "se.svg",
        ".gre": "gr.svg",
        ".rum": "ro.svg",
        ".kor": "kr.svg",
        ".dan": "dk.svg",
        ".chi": "cn.svg",
        ".hun": "hu.svg",
        ".cze": "cz.svg",
        ".slo": "sk.svg",
        ".jpn": "jp.svg",
        ".heb": "il.svg",
        ".ind": "id.svg",
        ".hin": "in.svg",
        ".ukr": "ua.svg",
        ".tha": "th.svg",
        ".vie": "vn.svg"
    };

    // Add an icon before the text in span.file-name
    function addIconBeforeFileName() {
        const fileNameElements = document.querySelectorAll("span.file-name");

        fileNameElements.forEach((element) => {
            const fileName = element.textContent;

            // Check if it matches a language code and insert the corresponding flag icon
            for (const [langCode, flagFile] of Object.entries(languageFlags)) {
                if (fileName.includes(langCode)) {
                    // Create icon element
                    const icon = document.createElement("img");
                    icon.src = FLAG_URL_PREFIX + flagFile;

                    // Apply icon styles
                    Object.assign(icon.style, ICON_STYLE);

                    // Insert the icon before the text
                    element.insertBefore(icon, element.firstChild);
                    break; // Stop after inserting the first matching flag
                }
            }

            // Special case for Latin American Spanish
            if (fileName.includes("5.spa") || fileName.includes("la.spa")) {
                const icon = document.createElement("img");
                icon.src = `${FLAG_URL_PREFIX}mx.svg`;

                Object.assign(icon.style, ICON_STYLE);

                element.insertBefore(icon, element.firstChild);
            }
        });
    }

    // Run the function to add icons
    addIconBeforeFileName();

})();