Beiträge von Endor

/* LoadingBar.uc.js */
// Location Bar Enhancer5.1; Loading Bar 0.3.0

(function(){
    var cssStr = `
            #urlbar-background {
                background-image: repeating-linear-gradient(-45deg, rgba(255,255,255,0), rgba(255,255,255,0) 6px, rgba(255,255,255,1) 6px, rgba(255,255,255,1) 12px), linear-gradient(to right, rgba(255,255,255) 0%, rgba(17,238,238,.7) 100%);
                background-size:0 0;
                background-repeat:repeat-x, no-repeat;
                transition: background-size 350ms ease 0s !important;
				border-radius: 18px !important;
				}
			#urlbar {
				border-radius: 18px !important;
				border: solid 1px #3399ff;
            }
			#searchbar {
                border-color: #3399ff !important;
				}
            #urlbar-background:not([style="background-size: 0% 100%;"]) {
                animation: progress-bar-stripes 2s linear infinite;
            }
            @keyframes progress-bar-stripes {
                from {
                    background-position: 0 0;
                }
                to {
                    background-position: 51px 0;
                }
            }
    `.replace(/\s{2,}|\r|\n/,"");
    
    var style = document.createProcessingInstruction("xml-stylesheet", "type=\"text/css\"" + " href=\"data:text/css;base64," + btoa(cssStr) + "\"");
    var mainW = document.getElementById("main-window");
    document.insertBefore(style, mainW);

    function main(window) {
      var {document, gBrowser} = window;
      function $(id) { return document.getElementById(id) };
      var urlbar = $("urlbar-background");
      let pageProgress = 0;
      let async = makeWindowHelpers(window).async;
      var LoadingBar = {
        listener: {
          onChangeTab: function(e) {
            urlbar.style.backgroundSize = '0% 100%';
            pageProgress = 0;
          },
          onProgressChange: function(aBrowser,webProgress,request,curSelfProgress,maxSelfProgress,curTotalProgress,maxTotalProgress) {
            if (gBrowser.contentDocument === aBrowser.contentDocument) {
                var val = (curTotalProgress-1)/(maxTotalProgress-1);
                pageProgress = val;
                urlbar.style.backgroundSize = (100*val) + '% 100%';
                if (val > 0.9)
                  async(function() {
                    if (pageProgress > 0.95)
                        urlbar.style.backgroundSize = '100% 100%';
                }, 1000);
            }
          },
          onStateChange: function() {
            if (pageProgress > 0.95){
                async(function() {
                    urlbar.style.backgroundSize = '0% 100%';
                    pageProgress = 0;
                }, 1000);
            }else{
                urlbar.style.backgroundSize = '0% 100%';
            }
          }
        }
      };

      gBrowser.tabContainer.addEventListener('TabSelect',LoadingBar.listener.onChangeTab,false);
      gBrowser.addTabsProgressListener(LoadingBar.listener);

      unload(function() {
        gBrowser.tabContainer.removeEventListener('TabSelect',LoadingBar.listener.onChangeTab,false);

        gBrowser.removeTabsProgressListener(LoadingBar.listener);
      }, window);
    }



    watchWindows(main, "navigator:browser");

    function runOnLoad(window, callback, winType) {
      window.addEventListener("load", function() {
        window.removeEventListener("load", arguments.callee, false);

        if (window.document.documentElement.getAttribute("windowtype") == winType)
          callback(window);
      }, false);
    }

    function runOnWindows(callback, winType) {
      function watcher(window) {
        try {
          callback(window);
        }
        catch(ex) {}
      }

      let browserWindows = Services.wm.getEnumerator(winType);
      while (browserWindows.hasMoreElements()) {
        let browserWindow = browserWindows.getNext();
        if (browserWindow.document.readyState == "complete")
          watcher(browserWindow);
        else
          runOnLoad(browserWindow, watcher, winType);
      }
    }

    function watchWindows(callback, winType) {
      function watcher(window) {
        try {
          callback(window);
        }
        catch(ex) {}
      }

      runOnWindows(callback, winType);

      function windowWatcher(subject, topic) {
        if (topic == "domwindowopened")
          runOnLoad(subject, watcher, winType);
      }
      Services.ww.registerNotification(windowWatcher);

      unload(function() { Services.ww.unregisterNotification(windowWatcher) });
    }

    function unload(callback, container) {
      let unloaders = unload.unloaders;
      if (unloaders == null)
        unloaders = unload.unloaders = [];

      if (callback == null) {
        unloaders.slice().forEach(function(unloader) { unloader() });
        unloaders.length = 0;
        return null;
      }

      if (container != null) {
        container.addEventListener("unload", removeUnloader, false);

        let origCallback = callback;
        callback = function() {
          container.removeEventListener("unload", removeUnloader, false);
          origCallback();
        }
      }

      function unloader() {
        try {
          callback();
        }
        catch(ex) {}
      }
      unloaders.push(unloader);


    function removeUnloader() {
        let index = unloaders.indexOf(unloader);
        if (index != -1)
          unloaders.splice(index, 1);
      }
      return removeUnloader;
    }
    
    function makeWindowHelpers(window) {
      let {clearTimeout, setTimeout} = window;

      function async(callback, delay) {
        delay = delay || 0;
        let timer = setTimeout(function() {
          stopTimer();
          callback();
        }, delay);

        function stopTimer() {
          if (timer == null)
            return;
          clearTimeout(timer);
          timer = null;
        }
      }

      return {
        async: async,
      };
    }

})();

Uncaught TypeError: can't access property "style", urlbar is null
    onChangeTab file:///C:/Users/xxxx/AppData/Roaming/Mozilla/Firefox/Profiles/u8c46bd1.Firefox 144/chrome/LoadingBar.uc.js:46
    updateCurrentBrowser chrome://browser/content/tabbrowser/tabbrowser.js:1550
    _setupEventListeners chrome://browser/content/tabbrowser/tabbrowser.js:7837
    set selectedIndex chrome://global/content/elements/tabbox.js:238
    set selectedPanel chrome://global/content/elements/tabbox.js:248
    set selectedIndex chrome://global/content/elements/tabbox.js:736
    set selectedItem chrome://global/content/elements/tabbox.js:760
    set selectedTab chrome://global/content/elements/tabbox.js:83
    set selectedTab chrome://browser/content/tabbrowser/tabbrowser.js:471
    LoadingBar.uc.js:46:13

/* Firefox userChrome script
 * Tab bar at bottom of window
 * Tested on Firefox 140
 * Author: garywill (https://garywill.github.io)
 */

// ==UserScript==
// @include         main
// ==/UserScript==


console.log("tabs_below_content.uc.js");

(() => {

    const Services = globalThis.Services || ChromeUtils.import("resource://gre/modules/Services.jsm").Services;
    const sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);


    // always loaded css
    const tabbar_css = Services.io.newURI( "data:text/css;charset=utf-8," + encodeURIComponent(`
        #TabsToolbar {
            position: fixed;
            bottom: 0px;
            width: 100%;

            background-image: var(--lwt-header-image, var(--lwt-additional-images) ) ;
            background-color: var(--toolbar-bgcolor, var(--toolbar-field-background-color, var(--lwt-accent-color-inactive, var(--lwt-accent-color)))) !important;
        }
        #fake_tabbar {
            height: var(--tabstrip-min-height);
        }
    `), null, null );
    if ( ! sss.sheetRegistered(tabbar_css, sss.USER_SHEET) )
        sss.loadAndRegisterSheet(tabbar_css, sss.USER_SHEET);



    // loaded when tab bar shown (eg: not fullscreen)
    const css_tabbar_shown = `
        #TabsToolbar {
        }
        #browser {
        }
    `;

    // loaded when tab bar totally hidden (eg: all fullscreen)
    const css_tabbar_hidden = `
        #TabsToolbar {
            display: none;
        }
        #fake_tabbar {
            display: none;
        }
        #browser {
        }
    `;



    const style_tag = document.createElement("style");
    style_tag.id = "styletag_tabbarbelowcontent";
    document.head.appendChild(style_tag);

    function show_tabbar() {
        style_tag.textContent = css_tabbar_shown;
    }
    function hide_tabbar() {
        style_tag.textContent = css_tabbar_hidden;
    }


    const tabsbar = document.getElementById("TabsToolbar");
    const fake_tabbar = document.createElement("toolbox");
    fake_tabbar.id = "fake_tabbar";
    const ele_browser = document.getElementById("browser");
    ele_browser.parentNode.appendChild(fake_tabbar, ele_browser);


    // tabsbar.setAttribute("flex", "0");

    // #fullscr-toggler [ hidden ]
    // window.fullScreen (R/W bool)
    // window.FullScreen (obj)
    // document.fullscreen (R bool)
    // document.fullscreenElement  (DOM)
    
    let status_fullscreen;
    let status_tabbarvertical;

    const fullscr_toggler = document.getElementById("fullscr-toggler");
    const fullscreen_warning = document.getElementById("fullscreen-warning");
    var tabsbar_fullscr_observer = new MutationObserver(check_status_fullscreen);
    function check_status_fullscreen(){
        if (window.fullScreen)
        {
            console.log("fullscreen !!!");
            if(document.fullscreenElement) // video fullscreen
            {   
                console.log("fullscreen video");
                status_fullscreen = true;
            }
            else // manually browser fullscreen
            {
                console.log("fullscreen non-video");
                status_fullscreen = false;
            }
        }
        else // not fullscreen
        {
            console.log("not fullscreen");
            status_fullscreen = false;
        }
        update_css();
    }

    tabsbar_fullscr_observer.observe(fullscr_toggler,{attributes:true});
    tabsbar_fullscr_observer.observe(fullscreen_warning,{attributes:true});
    
    

    const box_vertical_tabs = document.getElementById("vertical-tabs");
    box_vertical_tabs_observer = new MutationObserver(check_status_tabbarvertical);
    function check_status_tabbarvertical() {
        if (box_vertical_tabs.querySelector('tabs'))
        {
            console.log('tabbar is vertical');
            status_tabbarvertical = true;
        }
        else
        {
            console.log('tabbar not vertical');
            status_tabbarvertical = false;
        }
        update_css();
    }
    box_vertical_tabs_observer.observe(box_vertical_tabs, {childList: true});

    function update_css() {
        if (status_fullscreen || status_tabbarvertical) {
            console.log('hide_tabbar()')
            hide_tabbar();
        }else{
            console.log('show_tabbar()')
            show_tabbar();
        }
    }
    check_status_fullscreen();
    check_status_tabbarvertical();
})();