☰

Greasy Fork is available in English.

Re Twitch

Add a button on twitch to redirect to twichls

// ==UserScript==
// @name         Re Twitch
// @version      0.1
// @description  Add a button on twitch to redirect to twichls
// @icon         https://i.imgur.com/zd7psrP.png
// @match        https://www.twitch.tv/*
// @license      MIT
// @grant        GM_addStyle
// @namespace https://greasyfork.org/users/821661
// ==/UserScript==

(function() {
    'use strict';

    // Cria o botão
    var button = document.createElement('button');
    button.innerHTML = '𝙒';
    button.classList.add('twitchls-button'); // Adiciona a classe "twitchls-button" ao botão

    // Adiciona o botão como o primeiro elemento da classe .gdKXDc
    var gdKXDc = document.querySelector('.gdKXDc');
    gdKXDc.insertBefore(button, gdKXDc.firstChild);

    // Adiciona um manipulador de eventos ao botão que altera a URL
    button.addEventListener('click', function() {
        var currentURL = window.location.href;
        var newURL = currentURL.replace('twitch.tv', 'twitchls.com');
        newURL = newURL.substring(0, newURL.lastIndexOf('/')) + currentURL.substring(currentURL.lastIndexOf('/'));
        window.location.href = newURL;
    });

    // Substitui o estilo do botão com a classe "twitchls-button"
    GM_addStyle(`
            .twitchls-button {
                background-color: rgba(0, 0, 0, 0);
                padding: 4.2px 8px 4.2px 8px;
                border-radius: 5px;
            }
            .twitchls-button:hover {
                background-color: var(--color-background-button-text-hover);
                color: var(--color-fill-button-icon-hover);
            }
        `);
    })();