make-wide.user.js

// ==UserScript==
// @name        MakeWide
// @namespace   https://github.com/yodog/userscripts
// @author      yodog
// @description Enlarge selected pages to use the entire viewport width (perfect for wide screen monitors)
// @require     http://code.jquery.com/jquery-3.7.1.min.js
// @require     http://raw.github.com/odyniec/MonkeyConfig/master/monkeyconfig.js
// @require     http://cdn.jsdelivr.net/npm/siiimple-toast/dist/siiimple-toast.min.js
// @require     http://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js
// @resource    toastcss   http://cdn.jsdelivr.net/npm/siiimple-toast/dist/style.css
// @resource    datatables http://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css
// @match       *://*.reddit.com/*
// @match       *://*.redgifs.com/*
// @connect     *
// @icon        https://images.icon-icons.com/3251/PNG/512/panel_left_expand_regular_icon_203421.png
// @version     2025.07.30.0041
// @grant       GM_addStyle
// @grant       GM_getResourceText
// @grant       GM_getValue
// @grant       GM_registerMenuCommand
// @grant       GM_setValue
// @grant       GM_xmlhttpRequest
// @noframes
// ==/UserScript==

// -----------------------------------------------------------------------------
//
// -----------------------------------------------------------------------------

GM_registerMenuCommand('🔄 Forçar Reload Estilos', () => {document.location.reload();});

// -----------------------------------------------------------------------------
// LOAD TOAST NOTIFICATIONS LIBRARY
// -----------------------------------------------------------------------------

/* global siiimpleToast */

// @require     https://cdn.jsdelivr.net/npm/siiimple-toast/dist/siiimple-toast.min.js
// @resource    toastcss  https://cdn.jsdelivr.net/npm/siiimple-toast/dist/style.css
// @grant       GM_addStyle
// @grant       GM_getResourceText

fnInjectStyle(GM_getResourceText("toastcss"));

var toast = siiimpleToast.setOptions({
    position: 'top|right',
    duration: 3000,
});

// -----------------------------------------------------------------------------
// PREVENT JQUERY CONFLICT
// -----------------------------------------------------------------------------

/* global $, jQuery */

this.$ = this.jQuery = jQuery.noConflict(true);

if (typeof $ == 'undefined') console.log('JQuery not found; The script will certainly fail');

// -----------------------------------------------------------------------------
// PREVENT ANIMATIONS THAT SLOW DOWN THE PAGE
// -----------------------------------------------------------------------------

console.log("Disabling animations");

document.getAnimations().forEach((animation) => {animation.cancel();});

const cssanimacoes = `
*, *:before, *:after {
    -moz-animation: none !important;
    -moz-transition-property: none !important;
    -moz-transition: none !important;
    -ms-animation: none !important;
    -ms-transform: none !important;
    -ms-transition-property: none !important;
    -o-animation: none !important;
    -o-transform: none !important;
    -o-transition-property: none !important;
    -o-transition: none !important;
    -webkit-animation: none !important;
     -webkit-transition: none !important;
     -webkit-transition-property: none !important;
    animation: none !important;
    animation-duration: 0s !important;
    animation-play-state: paused;
     transition: none !important;
     transition-property: none !important;
}`;

fnInjectStyle(cssanimacoes);


// -----------------------------------------------------------------------------

if ((window.location.href).includes('reddit.com')) {
    console.log('reddit.com');

    const css = `
div.subgrid-container { min-width: -moz-available !important ; min-width: -webkit-fill-available !important ; }
div.main-container { grid-template-columns: minmax(0,1fr) minmax(0,auto) !important ; }
main.main { max-width: unset !important ; }
@media (min-width: 768px) { #right-sidebar-container { display: none ; } }
@media (min-width: 1200px) { #right-sidebar-container { display: block ; } }
`;
    fnInjectStyle(css);
}

// -----------------------------------------------------------------------------

if ((window.location.href).includes('redgifs.com')) {
    console.log('redgifs.com');

    $(document).on('click load pageshow ready scroll', () => {
        $('.skyWrapper > .side').remove();
        $('div.watchFeed, div.previewFeed').css({'max-width': 'unset'});
    });
}

// -----------------------------------------------------------------------------
// AUX FUNCTIONS
// -----------------------------------------------------------------------------

function fnInjectStyle(css) {
    try {
        console.log('Injetando css na pagina');
        GM_addStyle(css);
    }
    catch (e) {
        console.warn('GM_addStyle falhou, usando fallback com jQuery');
        $('<style>').attr('type', 'text/css').text(css).addClass('cssinjetado').appendTo('head');
    }
}

// -----------------------------------------------------------------------------

function fnSaveChanges() {

    $('body').on("click", "#reloadnow", function () {
        $(this).fadeOut("fast", function () {document.location.reload(false);});
    });

    var msg_success = 'Settings saved';
    toast.success(msg_success);

    var msg_reload = '<span id="reloadnow"> Some changes will be applied after you reload the page. <br> Click here to reload now </span>';
    if (shouldreload) toast.message(msg_reload, {delay: 3000, duration: 7000});
}

// -----------------------------------------------------------------------------

function sortUsingNestedText(parentSelector, childSelector, keySelector, keyIsDate = false) {

    console.log('---> ordenando o elemento', parentSelector);

    parentSelector = $(parentSelector);

    var items = parentSelector.children(childSelector).sort(function (a, b) {
        var vA = $(keySelector, a).text().trim();
        var vB = $(keySelector, b).text().trim();

        //console.log('texto', vA, vB);

        // converte dd/mm/yyyy para yyyy/mm/dd
        if (keyIsDate) {
            vA = new Date(vA.split('/').reverse().join('/'));
            if (isNaN(vA.getTime())) vA = new Date('2029/01/01');

            vB = new Date(vB.split('/').reverse().join('/'));
            if (isNaN(vB.getTime())) vB = new Date('2029/01/01');
        }

        //console.log('data', vA, vB);
        return (vA < vB) ? -1 : (vA > vB) ? 1 : 0;
    });

    //console.log('items', items);
    parentSelector.append(items);
}

// -----------------------------------------------------------------------------

/**
 * jQuery alterClass plugin
 *
 * Remove element classes with wildcard matching. Optionally add classes:
 *   $( '#foo' ).alterClass( 'foo-* bar-*', 'foobar' )
 *
 * Copyright (c) 2011 Pete Boere (the-echoplex.net)
 * Free under terms of the MIT license: http://www.opensource.org/licenses/mit-license.php
 *
 */

(function ($) {
    $.fn.alterClass = function (removals, additions) {
        var self = this;

        if (removals.indexOf('*') === -1) {
            // Use native jQuery methods if there is no wildcard matching
            self.removeClass(removals);
            return !additions ? self : self.addClass(additions);
        }

        var patt = new RegExp('\\s' +
            removals.
                replace(/\*/g, '[A-Za-z0-9-_]+').
                split(' ').
                join('\\s|\\s') +
            '\\s', 'g');

        self.each(function (i, it) {
            var cn = ' ' + it.className + ' ';
            while (patt.test(cn)) {
                cn = cn.replace(patt, ' ');
            }
            it.className = $.trim(cn);

            //console.log('alterClass i', i);
            //console.log('alterClass it', it);
            //console.log('alterClass patt', patt);
        });

        return !additions ? self : self.addClass(additions);
    };
})(jQuery);