RedGifs AutoHD

Gfycat AutoHD

Automatically sets Gfycat video to HD mode and other improvements
As of 2019-09-10. See the latest version.
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name Gfycat AutoHD
// @author Invertex
// @description Automatically sets Gfycat video to HD mode and other improvements
// @icon https://github.com/Invertex/Gfycat-AutoHD/raw/master/logo.png
// @namespace https://greasyfork.org/users/137547
// @license GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
// @homepageURL https://github.com/Invertex/Gfycat-AutoHD
// @supportURL https://github.com/Invertex/Gfycat-AutoHD
// @version 1.34
// @match https://gfycat.com/*
// @match https://*.gfycat.com/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant none
// @run-at document-start

// ==/UserScript==

const thumbsStr = 'thumbs.gfycat.com';
const giantStr = 'giant.gfycat.com';
const mobileStr = '-mobile.';
const settingsButtonClass = ".settings-button";
const proUpgradeClass = ".pro-cta";
const proUpgradeNotificationClass = ".toast-notification--pro-cta";
const topSlotAdClass = ".top-slot";
const sideSlotAdClass = ".side-slot";

(function()
{
    var url = window.location.href;

    if (url.includes(thumbsStr))
    {
        setHDURL(url);
    }
    else
    {
        waitForKeyElements(settingsButtonClass, changeSettings);
        waitForKeyElements(proUpgradeClass, hideElem);
        waitForKeyElements(proUpgradeNotificationClass, hideElem);
        //Delete the third-party advertisements in case adblockers aren't able to catch them.
        waitForKeyElements(topSlotAdClass, hideElem);
        waitForKeyElements(sideSlotAdClass, hideElem);
    }
})();

function setHDURL(url)
{
    url = url.replace(thumbsStr, giantStr);
    if(url.includes(mobileStr))
    {
        url = url.replace(mobileStr, '.');
    }
    window.location = url;
};

function changeSettings(settingsButton)
{
    if(settingsButton)
    {
        //In case some webpage uses same class name for something, check for data-tooltip to reduce any chance of false positive
        if(settingsButton.attr("data-tooltip") === "Quality")
        {
            settingsButton.click();
            waitForKeyElements('.progress-control', customizeProgressBar, true);
        }
    }
};

function hideElem(elem)
{
    if(elem) { elem.hide(); }
};

function customizeProgressBar(progressBar)
{
    if(progressBar)
    {
        progressBar.attr('style', "height:2.4mm; background-color: hsla(0,0%,100%,.1);");
        progressBar.find('.hover-progress').attr('style', "background-color: hsla(0,0%,100%,.2);");
        progressBar.find('.play-progress').attr('style', "background-image: linear-gradient(90deg,rgba(58,168,255,0.3),rgba(36,117,255,0.3));");
    }
};

//Had to directly include waitForKeyElements.js since Greasyfork hasn't approved the include...
//Following function by https://gist.github.com/BrockA
function waitForKeyElements (
    selectorTxt,    /* Required: The jQuery selector string that specifies the desired element(s). */
    actionFunction, /* Required: The code to run when elements are found. It is passed a jNode to the matched element. */
    bWaitOnce,      /* Optional: If false, will continue to scan for new elements even after the first match is found. */
    iframeSelector  /* Optional: If set, identifies the iframe to search. */
) {
    var targetNodes, btargetsFound;

    if (typeof iframeSelector == "undefined")
        targetNodes = $(selectorTxt);
    else
        targetNodes = $(iframeSelector).contents().find (selectorTxt);

    if (targetNodes && targetNodes.length > 0)
    {
        btargetsFound = true;
        /*--- Found target node(s).  Go through each and act if they
            are new.
        */
        targetNodes.each( function()
        {
            var jThis        = $(this);
            var alreadyFound = jThis.data ('alreadyFound') || false;

            if (!alreadyFound)
            {
                //--- Call the payload function.
                var cancelFound = actionFunction (jThis);
                if (cancelFound) { btargetsFound = false; }
                else { jThis.data ('alreadyFound', true); }
            }
        } );
    }
    else { btargetsFound = false; }

    //--- Get the timer-control variable for this selector.
    var controlObj      = waitForKeyElements.controlObj  ||  {};
    var controlKey      = selectorTxt.replace (/[^\w]/g, "_");
    var timeControl     = controlObj [controlKey];

    //--- Now set or clear the timer as appropriate.
    if (btargetsFound && bWaitOnce && timeControl) {
        //--- The only condition where we need to clear the timer.
        clearInterval (timeControl);
        delete controlObj [controlKey]
    }
    else {
        //--- Set a timer, if needed.
        if ( ! timeControl) {
            timeControl = setInterval (function(){ waitForKeyElements(selectorTxt, actionFunction, bWaitOnce, iframeSelector); }, 300);
            controlObj [controlKey] = timeControl;
        }
    }
    waitForKeyElements.controlObj   = controlObj;
}