// ==UserScript==
// @name        BeamNG Forums Full Width
// @namespace   https://www.github.com/sjain882
// @author      sjain882 / shanie
// @match       *://*.beamng.com/*
// @match       *://beamng.com/*
// @exclude     *://*.beamng.com/game*
// @exclude     *://beamng.com/game*
// @exclude     *://documentation.beamng.com*
// @exclude     *://shop.beamng.com*
// @grant       GM_addStyle
// @version     0.2.3
// @icon        https://www.google.com/s2/favicons?sz=64&domain=beamng.com
// @description Makes the BeamNG forums fill 97% of the screen width, rather than the default 80%.
// @homepageURL https://www.github.com/sjain882/Browser-Tweaks/Userscripts
// @supportURL  https://www.beamng.com/threads/download-userscript-to-make-the-beamng-forums-full-width.102219
// @downloadURL https://raw.githubusercontent.com/sjain882/Browser-Tweaks/main/Userscripts/BeamNG-Forums-FullWidth.user.js
// @updateURL   https://raw.githubusercontent.com/sjain882/Browser-Tweaks/main/Userscripts/BeamNG-Forums-FullWidth.user.js
// ==/UserScript==


async function adjustPageLayout() {

    // Short delay - remove the leading // from below line if script not working
    // await sleep(100);
    
    // To set a custom width, replace 97 with your desired page-width percentage.
    GM_addStyle(".pageWidth { max-width: 97% !important; width: 9999px !important; margin: 0 auto !important; }");
    
    /* On the main forum homepages (/forums & /resources), make better use of the screen
    * by expanding the sidebar by 100px & shrinking the main content by 100px.
    * No, I didn't make this margin bodge, it was written like that on the original pages. */

    // If we're on the main mods/resources homepage (/resources):
    GM_addStyle(".resourceListSidebar { width: 320px !important; }");
    GM_addStyle(".resourceListMain { margin-left: 330px !important; }");

    /* Determine if we are on an individual mod page or the main mods homepage
     * Both are stored under /resources,
     * but individual mod pages have a URL like /resources/****.ddddd/ (where d is a digit) */
    const currentURL = window.location.pathname;
    const singleModPageRegex = /\.\d+/g
    var onSingleModPage = singleModPageRegex.test(currentURL);
    console.log(onSingleModPage);

    // Don't expand the sidebar if on individual mod page - main content is more valuable here
    if (!onSingleModPage)
    {
        // For main forum homepage & individual mod pages (/forums and /resources/****.dddd/):
        GM_addStyle(".sidebar { width: 350px !important; }");
        GM_addStyle(".mainContent { margin-left: 362px !important; }");
        GM_addStyle(".mainContent. { margin-left: 362px !important; }");
    }

    // Fix announcement panels.
    // If this is broken, use CTRL + F5
    GM_addStyle("li.panel:nth-child() { width: 1234px !important; }");

    // User profile pages - expand left sidebar
    GM_addStyle(".profilePage .mast { width: 250px !important; }")
    GM_addStyle(".profilePage .mainProfileColumn { margin-left: 260px !important; }")
    GM_addStyle(".avatarScaler img { display: block !important; margin:auto !important; }")

    // Main forum homepage - expand unread section
    GM_addStyle(".node .nodeLastPost { width: 300px !important; }")
    GM_addStyle(".node .nodeControls { right: 320px !important; }")

}


/* .mainContent's width is set in the BeamNG forums js as the page is loaded.
 * To override this, we must adjust the layout *after* the page has fully loaded. */
window.addEventListener('load', function() {
    adjustPageLayout();
}, false);


// Sleep function from https://stackoverflow.com/a/39914235/12948636
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}