☰

Risibank Avatar

Offre la possibilité d'ajouter un avatar animé (GIF) dans les paramètres de profil JVC (Fonctionne aussi avec des images fixes) aux yeux des utilisateurs de ce script.

От 18.08.2024. Виж последната версия.

// ==UserScript==
// @name         Risibank Avatar
// @namespace    http://tampermonkey.net/
// @version      2024-09.v0.0.5
// @description  Offre la possibilité d'ajouter un avatar animé (GIF) dans les paramètres de profil JVC (Fonctionne aussi avec des images fixes) aux yeux des utilisateurs de ce script.
// @author       Treflou
// @match        https://www.jeuxvideo.com/forums/*
// @match        https://www.jeuxvideo.com/messages-prives/*
// @match        https://www.jeuxvideo.com/profil/*?mode=infos
// @match        https://www.jeuxvideo.com/profil/*?mode=historique_forum
// @match        https://www.jeuxvideo.com/sso/infos_pseudo.php?id=*
// @icon         https://risibank.fr/logo.png
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    if (window.location.href.includes("https://www.jeuxvideo.com/sso/infos_pseudo.php?id=")) //Paramètres du profil -> Ajout de la ligne "Ajouter un avatar animé :" avec prévisualisation
    {

        let InfosTable = document.getElementsByTagName("tbody")[0];
        let Ligne = InfosTable.insertRow(12);
        let Case = Ligne.insertCell(0);
        let Valider = Ligne.insertCell(1);
        Valider.className += "cell-droit";
        Case.className += "cell-description p-inline-block";
        let Text = document.createElement('div');
        Text.className += "libelle";
        Text.appendChild(document.createTextNode("Ajouter un avatar animé : "));
        Case.append(Text);

        let Url = document.createElement('div');
        Url.className += "valeur";
        Case.appendChild(Url);

        let UrlInput = document.createElement('input');
        UrlInput.className = 'form-control';
        UrlInput.placeholder = "https://risibank.fr/cache/medias...";
        Url.append(UrlInput);

        const InputStyle = {

            margin: "0.4rem 0",
            color : "#000000",
        };

        Object.assign(UrlInput.style, InputStyle);

        let Visuel = document.createElement('span');
        let Img = document.createElement('img');
        Img.setAttribute('src', 'https://image.jeuxvideo.com/avatar-sm/default.jpg');
        Img.style.height = '50px';
        Img.style.width = '50px';
        Img.style.borderColor = "#4a4c4f";
        Img.style.margin = "10px";
        Img.style.objectFit = "scale-down";

        Visuel.appendChild(Img);
        Case.appendChild(Visuel);

        let VisuelCercle = document.createElement('span');
        let ImgCercle = document.createElement('img');
        ImgCercle.setAttribute('src', 'https://image.jeuxvideo.com/avatar-sm/default.jpg');
        ImgCercle.style.height = '50px'; //Style répétitif
        ImgCercle.style.width = '50px';
        ImgCercle.style.borderColor = "#4a4c4f";
        ImgCercle.style.borderRadius = "50%";
        ImgCercle.style.margin = "10px";
        ImgCercle.style.objectFit = "cover";

        VisuelCercle.appendChild(ImgCercle);
        Case.appendChild(VisuelCercle);

        let NewSignature = document.querySelector("#signature");
        let NewSignatureText = NewSignature.textContent;
        let NewTag = "";
        let TagEnd = 0;
        let TagStart = 0;

        let BoutonValidation = document.createElement('button');
        BoutonValidation.innerText = "Valider";
        BoutonValidation.className = 'simpleButton';
        Valider.appendChild(BoutonValidation);

        Url.addEventListener("paste", (event) => {
            let paste = (event.clipboardData || window.clipboardData).getData("text");

            Img.setAttribute("src", paste); //Prévisualisation "Carré"
            ImgCercle.setAttribute("src", paste); //Prévisualisation "Cercle"

            NewTag = paste;

            if (NewTag.includes('https://risibank.fr/cache/medias/')) {
                //lien_risibank
            } else {
                alert("L'url doit contenir le lien direct risibank \nExemple : https://risibank.fr/cache/medias/0/34/3493/349399/full.png");
                window.location.reload();
            }

            let FormatLetter = NewTag.at(NewTag.lastIndexOf(".") + 1);
            TagEnd = NewTag.lastIndexOf("/");
            TagStart = NewTag.lastIndexOf("/", TagEnd - 2);

            NewTag = NewTag.substring(TagStart + 1,TagEnd) + FormatLetter;
        });

        Url.addEventListener("keydown", ({key}) => { //Validation du sticker si touche entrer - Sécurité

            if (key === "Enter") {

                Validation();
            }
        });

        BoutonValidation.addEventListener("click", () => { //Validation du sticker si bouton "Valider"

                Validation();
        });

        document.getElementsByClassName("valider-modif-profil")[0].addEventListener("click", () => { //Validation du sticker si validation du formulaire

                Validation();
        });

        function Validation() {

            if (NewSignatureText.indexOf("{") != -1) { //Vérifie la présence d'un Tag débutant par {

                let Accolade1 = NewSignatureText.indexOf("{");
                let Accolade2 = NewSignatureText.indexOf("}", Accolade1 + 1);

                if (Accolade2 != -1) //Vérifie la présence d'une seconde } (= fin du tag)
                {
                    NewSignature.innerHTML = NewSignatureText.replace(NewSignatureText.substring(Accolade1 + 1, Accolade2), NewTag); //Scan les chiffres entre les {} et les remplace avec le nouveau Tag

                }
            }
            else // = Premier avatar custom
            {

                NewSignature.innerHTML = NewSignatureText + " {"+NewTag+"} ";
            }
        }
    }

    if (window.location.href.includes("profil")) { //Page Profil

        try {
            let ProfilSignatureElement = document.getElementsByClassName("bloc-signature-desc");
            let ProfilSignature = ProfilSignatureElement[0].textContent;
            let ProfilTag = getTag(ProfilSignature);
            if (ProfilTag != "") {
                let NewProfilAvatarURL = tagToURL(ProfilTag);
                let ProfilAvatar = document.querySelector("#header-profil > div.content-img-avatar > img");
                ProfilAvatar.setAttribute("src", NewProfilAvatarURL);
                ProfilAvatar.setAttribute("data-src", ""); // Corrige le lazy load
            }
        } catch (error) {
            console.error("Pas de Valeur PP signature");
        }
    }

    let SignatureList = document.querySelectorAll("div.signature-msg"); //Liste des signatures de la page
    SignatureList.forEach(function(valeur){

        let Signature = valeur.textContent; //Récupère le texte de la signature
        let Tag = getTag(Signature);

        if (Tag != "")
        {

            let NewAvatarURL = tagToURL(Tag);
            let Avatar = valeur.closest("div.conteneur-message").children[0].children[0].children[0];
            Avatar.setAttribute("src", NewAvatarURL);
            Avatar.setAttribute("data-src", ""); //Corrige le lazy load

            let TagRemoved = valeur.innerHTML.replace("{"+Tag+"}",""); //Enlève Tag de la signature
            valeur.innerHTML = TagRemoved;

        }
    });

    function getTag(SignatureString)
    {
        let Tag = "";

        if (SignatureString.indexOf("{") != -1) //Vérifie la présence d'un Tag débutant par {
        {

            let PremièreAccolade = SignatureString.indexOf("{");
            let DeuxièmeAccolade = SignatureString.indexOf("}", PremièreAccolade + 1);

            if (DeuxièmeAccolade != -1) //Vérifie la présence d'une seconde } (= fin du tag)
            {
                Tag = SignatureString.substring(PremièreAccolade + 1, DeuxièmeAccolade); //Scan les chiffres entre les {}
            }
        }

        return Tag;
    }

    function tagToURL(TagString) //Permet d'obtenir le lien de l'image desirée à partir de son tag
    {

        let Tag = TagString;
        let URL = "/full."; //fin de l'URL avant format
        let Format = Tag.slice(-1).toLowerCase(); //Dernier caractère ( p pour PNG, j pour JPEG, g pour GIF,s pour SVG, b pour BMP, t pour TIFF) -> ajoute le format de l'image en fin d'URL
        let Length = Tag.length - 1;

        switch (Format) {

            case 'p':
                URL = URL + "png";
                break;
            case 'j':
                URL = URL + "jpeg";
                break;
            case 'g':
                URL = URL + "gif";
                break;
            case 's':
                URL = URL + "svg";
                break;
            case 'b':
                URL = URL + "bpm";
                break;
            case 't':
                URL = URL + "tiff";
                break;
            default:
                URL = URL + "gif";
                Length = Length + 1;
        }

        Tag = Tag.slice(0, Length); //enlève le dernier caractère du type de format
        URL = Tag + URL;

        for (var k = 1; k < 4; k++) //Reproduit la génération des URL de Risibank en partant du Tag (De droite vers la gauche) /!\ Pourrait devenir obsolète si les URL Risibank venaient à changer de https://risibank.fr/cache/medias/0/2/239/23942/full.png à https://risibank.fr/cache/medias/0/0/2/239/23942/full.png

        {
            Length = Length - 2;

            if (Length > 0)
            {
                URL = Tag.slice(0,Length) +"/"+ URL;
            }
            else{URL = "0/" + URL;}
        }

        URL = "https://risibank.fr/cache/medias/" + URL; //Début de l'URL
        return URL;
    }

})();