// ==UserScript==
// @name         Twitch Stream Auto-Watch
// @namespace    https://greasyfork.org/en/users/1077259-synthetic
// @version      0.1
// @description  Auto-Watches a stream that is offline on page load, as soon as it goes online.
// @author       @Synthetic
// @license      MIT
// @match        https://www.twitch.tv/*
// @exclude      https://www.twitch.tv/inventory
// @exclude      https://www.twitch.tv/drops/inventory
// @icon         https://www.google.com/s2/favicons?sz=64&domain=twitch.tv
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    // The current version
    const VERSION = 0.1;

    // Page element selectors
    const STATUS_OFFLINE = 'div.channel-status-info--offline';
    const STATUS_LIVE = 'div.channel-status-info--live';
    const WATCH_NOW = '[data-a-target="home-live-overlay-button"]';

    /**
     * Clicks the Claim button.
     *
     * @return boolean     
     */
    const clickWatch = () => {
        if (document.querySelector(WATCH_NOW)) {
            document.querySelector(WATCH_NOW).click();
            return true;
        }
        return false;
    };    

    const onMutate = function(mutationsList) {
        mutationsList.forEach(mutation => {
            const offline = document.querySelectorAll(STATUS_OFFLINE);
            if (offline.length) {
                clearTimeout(timeout);
                if (!waiting) {
                    console.log('Stream is offline. Waiting');
                    waiting = true;
                }
            }            
            const online = document.querySelectorAll(STATUS_LIVE);
            if (online.length) {
                console.log('Stream is online');
                if (clickWatch()) {
                    observer.disconnect();
                    console.log('Watching');
                }
            }
        })
    };

    console.log('Loaded at', new Date());

    var waiting = false;
    var timeout = window.setTimeout(
        () => {
            observer.disconnect();
        },
        10000
    );    

    var observer = new MutationObserver(onMutate);
    observer.observe(document.body, { childList: true, subtree: true });

})();