FF117 - vertikalbar.uc.js funktioniert nicht mehr

harff182

n'abend....

Nach dem Update von 116.0.3 auf 117 fehlt meine Vertikale bar rechts.

Mag bitte jemand den Code mal gegenchecken und notfalls helfen?

JavaScript

//    21_vertikalbar.uc.js

//     'Vertical Add-on Bar' script for Firefox 60+ by Aris
//
//     no 'close' button
//     'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
//     optional toggle button hides the toolbar temporarily, it gets restored on every restart
//     'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
//     flexible spaces on toolbar work 'vertically'
//     toolbar can be on the left or on the right
//     toolbar is display horizontally in customizing mode

//     [!] Fix for WebExtensions with own windows by 黒仪大螿蟹 (for 1-N scripts)

//     210827: milupo: https://www.camp-firefox.de/forum/thema/133276-script/?postID=1181581#post1181581

//     210827: meine Nachfragen: https://www.camp-firefox.de/forum/thema/133278 

Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {

if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
      return;
      
    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var addonbar_v_label = "Vertikale Add-on-Leiste"; // toolbar name
    var button_label = "Vertikale Add-on-Leiste umschalten";// Toggle button name
    var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = true; // may not always offer a visible change
    var style_addonbar_v = false; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v_width = "40px"; // toolbar width
    var compact_buttons = false; // compact button size (true) or default button size (false)

    try {
     if(document.getElementById('toolbox_abv') == null && document.getElementById('addonbar_v') == null) {
      if(appversion <= 62) var toolbox_abv = document.createElement("toolbox");
      else var toolbox_abv = document.createXULElement("toolbox");
      toolbox_abv.setAttribute("orient","horizontal");
      toolbox_abv.setAttribute("id","toolbox_abv");
      toolbox_abv.setAttribute("insertbefore","sidebar-box");
      
      if(appversion <= 62) var tb_addonbarv = document.createElement("toolbar");
      else var tb_addonbarv = document.createXULElement("toolbar");
      tb_addonbarv.setAttribute("id","addonbar_v");
      tb_addonbarv.setAttribute("customizable","true");
      tb_addonbarv.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
      tb_addonbarv.setAttribute("mode","icons");
      tb_addonbarv.setAttribute("iconsize","small");
      tb_addonbarv.setAttribute("toolboxid","navigator-toolbox");
      tb_addonbarv.setAttribute("orient","vertical");
      tb_addonbarv.setAttribute("flex","1");
      tb_addonbarv.setAttribute("context","toolbar-context-menu");
      tb_addonbarv.setAttribute("toolbarname", addonbar_v_label);
      tb_addonbarv.setAttribute("label", addonbar_v_label);
      tb_addonbarv.setAttribute("lockiconsize","true");
      tb_addonbarv.setAttribute("defaultset","spring");
      
      toolbox_abv.appendChild(tb_addonbarv);
      
      CustomizableUI.registerArea("addonbar_v", {legacy: true});
      if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarv);
      
      if(addonbar_v_on_the_left) {
        if(insert_before_borders) document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild.nextSibling);
      }
      else {
        if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abv);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").lastChild);
      }
      
        var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          try {
            if(document.querySelector('#main-window').getAttribute('customizing')) {
              document.querySelector('#addonbar_v').setAttribute("orient","horizontal");
              document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
            }
            else  {
              document.querySelector('#addonbar_v').setAttribute("orient","vertical");
              document.querySelector('#toolbox_abv').appendChild(document.querySelector('#addonbar_v'));

            }
          } catch(e){}
        });    
      });
    
      observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });
      
      try {
        Services.prefs.getDefaultBranch("browser.vaddonbar.").setBoolPref("enabled",true);
        setToolbarVisibility(document.getElementById("addonbar_v"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
        setToolbarVisibility(document.getElementById("toolbox_abv"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
      } catch(e) {}
      
      if(addonbar_v_togglebutton) {
      
        CustomizableUI.createWidget({
            id: "tooglebutton_addonbar_v", // button id
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: button_label, // button title
            tooltiptext: button_label, // tooltip title
            onClick: function(event) {

              var windows = Services.wm.getEnumerator(null);
                while (windows.hasMoreElements()) {
                  var win = windows.getNext();
                  
                  var vAddonBar = win.document.getElementById("addonbar_v");
                  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
                      
                  var vAddonBarBox = win.document.getElementById("toolbox_abv");
                  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
                      
                  Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);
                  
                  if(!vAddonBar.collapsed)
                    win.document.querySelector('#tooglebutton_addonbar_v').setAttribute("checked","true");
                  else win.document.querySelector('#tooglebutton_addonbar_v').removeAttribute("checked");
                }

            },
            onCreated: function(button) {
              if(Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"))
                button.setAttribute("checked","true");
              return button;
            }
                
        });
      }

      // 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
      var key = document.createXULElement('key');
      if(appversion < 69) key = document.createElement("key");
      key.id = 'key_toggleVAddonBar';
      key.setAttribute('key', '/');
      key.setAttribute('modifiers', 'accel,alt');
      key.setAttribute('oncommand','\
        var windows = Services.wm.getEnumerator(null);\
        while (windows.hasMoreElements()) {\
          var win = windows.getNext();  \
          var vAddonBar = win.document.getElementById("addonbar_v");\
          setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
          var vAddonBarBox = win.document.getElementById("toolbox_abv");\
          setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
          Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
          if(!vAddonBar.collapsed)\
            win.document.querySelector("#tooglebutton_addonbar_v").setAttribute("checked","true");\
          else win.document.querySelector("#tooglebutton_addonbar_v").removeAttribute("checked");\
        }\
      ');
      document.getElementById('mainKeyset').appendChild(key);
      
     }
    } catch(e) {}
    
    // style toolbar & toggle button
    var addonbar_v_style = '';
    var tooglebutton_addonbar_v_style = '';
    
    if(style_addonbar_v) {
      var end_border =' \
        #addonbar_v { \
            -moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
        }\
      ';
          
      if(!addonbar_v_on_the_left) {
        end_border ='\
          #addonbar_v { \
            -moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
          }\
        ';
      }

      addonbar_v_style ='\
        #addonbar_v { \
          appearance: none !important; \
          background-color: forestgreen; \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \
        #main-window:not([customizing]) #toolbox_abv:not([collapsed="true"]), \
        #main-window:not([customizing]) #addonbar_v:not([collapsed="true"]) { \
          min-width: '+addonbar_v_width+'; \
          width: '+addonbar_v_width+'; \
          max-width: '+addonbar_v_width+'; \
        } \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abv:not([collapsed="true"]), \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_v:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #toolbox_abv:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #addonbar_v:not([collapsed="true"]) { \
          min-width: 0px; \
          width: 0px; \
          max-width: 0px; \
        } \
        #main-window[customizing] #addonbar_v { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
        #addonbar_v { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        '+end_border+' \
      ';
    }
    
    if(addonbar_v_togglebutton) {
      tooglebutton_addonbar_v_style ='\
        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          background: 4px 4px url(file:///../icons/dummy.png) no-repeat; \
        }\
        /*#tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: cyan; \
        } \
        #tooglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: cyan;  \
        } \
        #tooglebutton_addonbar_v { \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #tooglebutton_addonbar_v[checked] { \
          transform: rotate(180deg) !important;  \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-position: 10% 30% !important; \
        }*/\
      ';
    }
    
    var compact_buttons_code = "";
    
    if(compact_buttons)
      compact_buttons_code = "\
        #addonbar_v toolbarbutton .toolbarbutton-icon { \
          padding: 0 !important; \
          width: 16px !important; \
          height: 16px !important; \
        } \
        #addonbar_v .toolbarbutton-badge-stack { \
          padding: 0 !important; \
          margin: 0 !important; \
          width: 16px !important; \
          min-width: 16px !important; \
          height: 16px !important; \
          min-height: 16px !important; \
        } \
        #addonbar_v toolbarbutton .toolbarbutton-badge { \
          margin-top: 0px !important; \
          font-size: 8px !important; \
        } \
      ";
      
    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      '+addonbar_v_style+' \
      '+tooglebutton_addonbar_v_style+' \
      '+compact_buttons_code+' \
    '), null, null);
      
    var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddonbarVertical.init(), false);

Alles anzeigen

milupo

Ersetze Zeile 20 durch folgende Zeile:

JavaScript

ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");

Lösche dann noch Zeile 21. Die Datei Services.jsm gibt es nicht mehr.

Sören Hentzschel

Hallo,

entferne Zeile 21 (Nachtrag: zu langsam).

PS: Das Script könnte mal ausgemistet werden. Code, um Firefox 62 und älter zu unterstützen, scheint mir nicht mehr notwendig zu sein.

harff182

Boah, seid Ihr schnell

Alles widda da, Schankedön

Zitat von Sören Hentzschel

PS: Das Script könnte mal ausgemistet werden. Code, um Firefox 62 und älter zu unterstützen, scheint mir nicht mehr notwendig zu sein.

Würde ich gerne, aber sowohl meinereiner als auch meine Mom sind im Real-Life dermaßen angeschlagen, daß ich so gut wie keine Zeit für meine geliebten FF-Basteleien habe.

grisu2099

Du könntest mal diese Version einer vertikalen Leiste testen:

JavaScript

(function() {
/*******************************************************************************/


    if (location != 'chrome://browser/content/browser.xhtml') {
        return;
    }


/*******************************************************************************/

    // Background Color
    var vb_bg_color = 'rgb(40,40,42)';
    // Border Color
    var vb_border_color = 'rgb(0,128,0)';
    // Number of columns
    var vb_cols = 1;
    // Visibility on Start
    var vb_visibilityOnStart = 1;

    // Button Icon, if Toolbar is visible
    vb_isVisibleImage = 'url("file:///F:/FIREFOX-ICONS/Icons/pin-grün.png")';
    // Button Icon, if Toolbar is hidden
    vb_isHiddenImage = 'url("file:///F:/FIREFOX-ICONS/Icons/pin-rot.png")';


/*******************************************************************************/


    var vb_h = window.outerHeight;
    var vb_minH = vb_h/20;
    var vb_maxH = vb_h/2;
    var vb_width = 32;
    var vb_totalwidth = vb_cols * vb_width;


var vb_style = '\
box-sizing: content-box !important; \
background-color: ' + vb_bg_color + ' !important; \
min-width: ' + vb_totalwidth + 'px !important; \
max-width: ' + vb_totalwidth + 'px !important; \
min-height: ' + vb_minH + 'px !important; \
max-height: ' + vb_maxH + 'px !important; \
position: absolute !important; \
right: 60px !important; \
padding: 5px 0 !important; \
border: 2px ridge ' + vb_border_color + '; \
border-radius: 10px !important; \
z-index: 1 !important; \
';

    var vb_element = document.getElementById('navigator-toolbox');
    var vb_toolbar = document.createElement('toolbar');
    vb_toolbar.id = 'fp-toolbar';
    vb_toolbar.setAttribute('customizable', true);
    vb_toolbar.setAttribute('mode', 'icons');
    vb_toolbar.setAttribute('style', vb_style);    
    vb_element.appendChild( vb_toolbar );
    vb_toolbar.setAttribute('collapsed', false);        


    CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );
    CustomizableUI.registerToolbarNode(vb_toolbar);


    setTimeout(function(){ 
        var tmp_positionInfo = vb_toolbar.getBoundingClientRect();
        var tmp_height = tmp_positionInfo.height;
        var vb_ptop = ( vb_h - tmp_height ) / 2; 
        vb_toolbar.style.top = vb_ptop + 'px';

        if( vb_visibilityOnStart == 0 ) {
            vb_toolbar.setAttribute('collapsed', true);
        }
    }, 500);    


/*******************************************************************************/


    try {
        Components.utils.import("resource:///modules/CustomizableUI.jsm");
        CustomizableUI.createWidget({
            id: "fp-toggle-toolbar",
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: "Vertical Toolbar",
            tooltiptext: "Vertical Toolbar",
                        onClick: function() {
                var node = document.getElementById('fp-toolbar');
                var isCollapsed = node.getAttribute('collapsed');
                if( isCollapsed == 'false' ) {
                    node.setAttribute( 'collapsed' , 'true' );
                    node.style.visibility = 'collapse';
                    document.getElementById(this.id).style.listStyleImage = vb_isHiddenImage;
                } else {
                    node.setAttribute( 'collapsed' , 'false' );
                    node.style.visibility = 'visible';
                    document.getElementById(this.id).style.listStyleImage = vb_isVisibleImage;
                }
            },
            onCreated: function(aNode) {
                if( vb_visibilityOnStart == 1 ) {
                    aNode.style.listStyleImage = vb_isVisibleImage;
                } else {
                    aNode.style.listStyleImage = vb_isHiddenImage;
                }
                return aNode;
            }
        });
    } catch (e) {
        Components.utils.reportError(e);
    };


/*******************************************************************************/
})();

Alles anzeigen

harff182

Zitat von grisu2099

Du könntest mal diese Version einer vertikalen Leiste testen:

Danke, ich habs mal in meinen 4tests-Ordner gespeichert.

Von wem und woher is das?

Riecht allerdings nach nem Zeitaufwand, den ich kaum habe.

grisu2099

Zitat von harff182

Von wem und woher is das?

Das habe ich irgendwann hier im Camp aufgegriffen.

Leider habe ich keinen Schimmre mehr von wem...

milupo

grisu2099 Du solltest Zeile 82 aus deinem Skript durch die Zeile in Beitrag #2 ersetzen.

grisu2099

Könnte ich mal machen...

Funktioniert aber (noch) einwandfrei in der geposteten Version (auch im Nightly).

2002Andreas

Zitat von grisu2099

Funktioniert aber (noch) einwandfrei

Weil der Eintrag keine Funktion (mehr) zu haben scheint.

Ich habe ihn zwecks Test mal auskommentiert.

grisu2099

Zitat von 2002Andreas

Ich habe ihn zwecks Test mal auskommentiert.

Wollte ich auch gerade testen...

milupo

Zitat von 2002Andreas

Weil der Eintrag keine Funktion (mehr) zu haben scheint.

Da frage ich mich aber, warum die Datei dann in eine mjs-Datei konvertiert wurde, wenn sie scheinbar nicht mehr gebraucht wird.

Sören Hentzschel

Die Datei gibt es ja noch und wird von Firefox auch verwendet. Aber möglicherweise (ich habe es selbst nicht getestet) wird das CustomizableUI-Objekt schon an anderer Stelle von Firefox oder dem Script-Loader importiert und muss es daher im Script nicht noch einmal geladen werden. Das Services-Objekt muss ja auch nicht noch einmal eingebunden werden, weil es bereits zur Verfügung steht (und musste es bereits nicht, als es die Datei noch gab).

Speravir

Zitat von harff182
Nach dem Update von 116.0.3 auf 117 fehlt meine Vertikale bar rechts.
JavaScript
//    21_vertikalbar.uc.js

//     'Vertical Add-on Bar' script for Firefox 60+ by Aris

Das Original addonbar_vertical.uc.js ist schon vor ~~einiger Zeit~~ eineinhalb Monaten aktualisiert worden.

FF117 - vertikalbar.uc.js funktioniert nicht mehr

Ähnliche Themen

Forensuche funktioniert nicht mehr

Lesezeichen scrollen funktioniert nicht mehr

Grafik anzeigen.uc.js funktioniert nicht mehr

Scrollbar Skript funktioniert nicht mehr

CSS funktioniert nicht mehr

Skript "OpenbookModoki" funktioniert nicht mehr