Turbo Subscription Button Remover

Edits the Turbo ad banner to be a transparent placeholder. Check GitHub page for the demonstration image.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==UserScript==
// @name        Turbo Subscription Button Remover
// @namespace   https://github.com/mirbyte/TwitchTV-Userscripts
// @match       *://www.twitch.tv/*
// @grant       none
// @version     2.2
// @author      mirbyte
// @description Edits the Turbo ad banner to be a transparent placeholder. Check GitHub page for the demonstration image.
// @icon        https://www.twitch.tv/favicon.ico
// ==/UserScript==

(function () {
    'use strict';

    const HANDLED_ATTR = 'data-turbo-removed';

    const AD_TEXTS = [
        "Go Ad-Free for Free",
        "Poista mainokset ilmaiseksi",
        "Poista mainokset",
        "Get Ad-Free",
        "Go Ad-Free",
        "Try Turbo",
        "Get Turbo"
    ];

    function editAdBanner() {
        document.querySelectorAll(
            `[data-a-target="tw-core-button-label-text"]:not([${HANDLED_ATTR}])`
        ).forEach(label => {
            const text = label.textContent?.trim() ?? '';
            if (!AD_TEXTS.some(t => text.includes(t))) return;

            label.setAttribute(HANDLED_ATTR, '1');
            const button = label.closest('button');
            if (!button) return;
            button.setAttribute(HANDLED_ATTR, '1');

            let navSlot = button;
            for (let i = 0; i < 4; i++) {
                if (navSlot.parentElement && navSlot.parentElement.tagName !== 'BODY') {
                    navSlot = navSlot.parentElement;
                }
            }

            const target = navSlot.offsetWidth < 300 ? navSlot : button;
            target.style.setProperty('display', 'none', 'important');
            target.setAttribute(HANDLED_ATTR, '1');
            console.debug('[TurboRemover] Hidden:', text);
        });

        document.querySelectorAll(`button:not([${HANDLED_ATTR}])`).forEach(button => {
            const text = button.textContent?.trim() ?? '';
            if (!AD_TEXTS.some(t => text.includes(t))) return;

            button.setAttribute(HANDLED_ATTR, '1');

            let navSlot = button;
            for (let i = 0; i < 4; i++) {
                if (navSlot.parentElement && navSlot.parentElement.tagName !== 'BODY') {
                    navSlot = navSlot.parentElement;
                }
            }

            const target = navSlot.offsetWidth < 300 ? navSlot : button;
            target.style.setProperty('display', 'none', 'important');
            target.setAttribute(HANDLED_ATTR, '1');
            console.debug('[TurboRemover] Fallback hidden:', text);
        });
    }

    editAdBanner();

    let debounce;
    const observer = new MutationObserver(() => {
        clearTimeout(debounce);
        debounce = setTimeout(editAdBanner, 150);
    });

    observer.observe(document.body ?? document.documentElement, {
        subtree: true,
        childList: true
    });
})();