Greasy Fork is available in English.

RisiOnche

Risibank sur onche.org (Fix)

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         RisiOnche
// @namespace    RisiOnche
// @version      0.30.0
// @description  Risibank sur onche.org (Fix)
// @author       RisiOnche
// @match        https://onche.org/topic/*
// @match        https://onche.org/forum/*
// @match        https://onche.org/chat/*
// @exclude      https://onche.org/forum/**/search
// @exclude      https://onche.org/forum/**/search?*
// @icon         https://www.risishack.com/lfoubw.png
// ==/UserScript==

let overlay = JSON.parse(localStorage.getItem('risi-overlay')) ?? false;
let risiOpen = JSON.parse(localStorage.getItem('risi-toggle-open')) ?? true;

const themeRisi = document.body.matches('.blue, .grey') ? 'dark' : 'light';

let showNSFW;
if (location.href.includes('onche.org/forum/3') || document.querySelector('.title a[href*="onche.org/forum/3"]')) {
    showNSFW = true;
}

const textArea = document.querySelector('.textarea, .Form__input');
const placeForRisi = document.querySelector('.favoriteStickers, .chat .content');

// Injection de la feuille JS dans le head pour compatibilité Violentmonkey
const script = document.createElement('script');
script.src = 'https://risibank.fr/downloads/web-api/risibank.js';
script.onload = () => risibankReady();
document.head.appendChild(script);


//API RISIBANK
function activateRisibankOn(container) {
    RisiBank.activate({
        type : overlay ? 'overlay' : 'iframe',
        container,
        theme : themeRisi,
        mediaSize : 'sm',
        navbarSize : 'sm',
        defaultTab : 'fav',
        showNSFW : showNSFW,
        allowUsernameSelection : true,
        showCopyButton : false,
        onCopyMedia : ({ media }) => console.log(media, 'copy'),
        //onSelectMedia: RisiBank.Actions.addSourceImageLink(document.querySelector(textArea)
        onSelectMedia: (e) => {
            RisiBank.Actions.addSourceImageLink(textArea)(e);
            textArea?.dispatchEvent(new Event('change', { bubbles: true })); //Remonte le changement
        }
    });
}

function risibankReady() {
    //Create Node RisiOnche
    function remountRisiOnche() {
        document.getElementById('risi-onche')?.remove();
        if (overlay || !risiOpen) return;

        if (!placeForRisi) return;
        placeForRisi.insertAdjacentHTML('afterend', '<div id="risi-onche" style="max-height: 30rem"></div>');


        activateRisibankOn(document.getElementById('risi-onche'));
        const iframeRisi = document.querySelector('iframe[src^="https://risibank.fr/embed"]');
        if (iframeRisi) iframeRisi.style.height = '10rem';

    }
    remountRisiOnche();

    // HTML Bloc Risibank
    document.querySelector('.format .item:last-of-type, .chat .Messages')?.insertAdjacentHTML('afterend', `
        <div id="risibank-toggle" class="item" title="Ouvrir / Fermer RisiBank" style="cursor: pointer; padding-left: 8.5px;">
           <img src="https://risibank.fr/logo.png" width="24" style="filter: hue-rotate(250deg)">
        </div>
    `);
    // Listeners JS Bloc
    document.getElementById('risibank-toggle')?.addEventListener('click', () => {
        //Bouton RisiOnche
        if (overlay) {
            activateRisibankOn(document.body);
        } else {
            risiOpen = !risiOpen; // Revert
            localStorage.setItem('risi-toggle-open', JSON.stringify(risiOpen));

            remountRisiOnche();
        }
    });


    // Bloc Options dans la sidebar 
    const lastDivRight = [...document.querySelectorAll('#right .bloc.border')].pop();
    lastDivRight?.insertAdjacentHTML('afterend', `
        <div class="bloc border red">
            <div class="title">🔧 Risibank</div>
            <div class="content centered">
                <button id="swtich-mode" class="button bordered" type="button" style="background: transparent;">Mode intégré ON/OFF</button>
            </div>
        </div>
    `);
    // Listeners Bloc Options
    document.getElementById('swtich-mode')?.addEventListener('click', () => {
        overlay = !overlay; // Revert
        localStorage.setItem('risi-overlay', JSON.stringify(overlay));

        document.querySelector('.bloc.border.red')?.insertAdjacentHTML('afterend',
            `<div class="alert green margin-bottom vanish">Mode Risibank ${overlay ? 'Overlay' : 'Intégré'}</div>`);
        setTimeout(() => [...document.querySelectorAll('.alert.green.margin-bottom.vanish')].pop()?.remove(), 2000);

        remountRisiOnche();
    });

}


//Clean 403 Open Img NoelShack
document.getElementById('left').addEventListener('click', (e) => {
    const linkShack = e.target.closest('a.link[href^="https://image.noelshack.com/"]');
    if (linkShack) {
        e.preventDefault();
        window.open(linkShack.href, '_blank', 'noopener,noreferrer'); //NoReferrer
        //window.open(`https://risibank.fr/api/v1/medias/by-source?type=jvc&url=${linkShack.href}`, '_blank'); //Risibank
    }
});


// Remplace les liens risibank par des images inline
document.querySelectorAll('a.link[href^="https://risibank.fr/cache/medias/"]').forEach(link => {
    link.outerHTML = `<div class="smiley"><img src="${link.href}"></div>`;
});