// ==UserScript==
// @name         Auto Click "Start Watching" Button
// @namespace    Auto start watching
// @version      0.3
// @description  Automatically clicks the "Start Watching" button when it appears on the screen on kick.com
// @author       Elest
// @match        *://kick.com/*
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    let buttonVisibleTimeout;

    function clickStartWatchingButton() {
        const startWatchingButton = document.querySelector('.justify-between.items-center.w-full.flex > .base-button.size-sm.variant-action > .button-content');

        if (startWatchingButton) {
            startWatchingButton.click();
            console.log('Clicked "Start Watching" button');

            clearTimeout(buttonVisibleTimeout);
            buttonVisibleTimeout = setTimeout(stopObserving, 5000);
        }
    }

    function stopObserving() {
        observer.disconnect();
        console.log('Stopped observing the DOM as the button was not visible for 5 seconds');
    }

    // Observe the document for changes
    const observer = new MutationObserver((mutations) => {
        mutations.forEach(() => {
            clickStartWatchingButton();
        });
    });

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

    clickStartWatchingButton();
    buttonVisibleTimeout = setTimeout(stopObserving, 5000);
})();