Beiträge von omar1979

// 'Vertical Add-on Bar' script for Firefox 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)


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


var AddonbarVertical = {
  init: function() {

	if (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 = 'Vertical Add-on Bar'; // toolbar name
	var button_label = 'Toggle vertical Add-on Bar'; // Toggle button name
	var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
	var addonbar_v_on_the_left = true; // display vertical toolbar on the left (true) or the right (false)
	var style_addonbar_v = true; // 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) {
	  var toolbox_abv = document.createXULElement('toolbox');
	  toolbox_abv.setAttribute('orient','horizontal');
	  toolbox_abv.setAttribute('id','toolbox_abv');
	  toolbox_abv.setAttribute('insertbefore','sidebar-box');
	  
	  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');
	  tb_addonbarv.setAttribute("accesskey","");
	  
	  toolbox_abv.appendChild(tb_addonbarv);
	  
	  CustomizableUI.registerArea('addonbar_v', {legacy: true});

	  setTimeout(function(){
		CustomizableUI.registerArea('addonbar_v', {legacy: true});
	  },2000);
	  
	  CustomizableUI.registerToolbarNode(tb_addonbarv);
	  
	  if(addonbar_v_on_the_left) {
	    document.getElementById('browser').insertBefore(toolbox_abv,document.getElementById('browser').firstChild);
	  }
	  else {
		document.getElementById('browser').appendChild(toolbox_abv);
	  }
	  
  	  var observer = new MutationObserver(function(mutations) {
		mutations.forEach(function(mutation) {
		  try {
			if(document.querySelector('#browser').getAttribute('hidden') || 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: 'togglebutton_addonbar_v', // button id
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: button_label, // button title
			tooltiptext: button_label, // tooltip title
			onClick: function(event) {
			  if(event.button==0 || event.button==1) {
			    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('#togglebutton_addonbar_v').setAttribute('checked','true');
				  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
				}
			  }
			},
			onCreated: function(button) {
			  if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
			    button.setAttribute('checked','true');
			  return button;
			}
				
		});
	  }

	  // Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
	  var key = document.createXULElement('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('#togglebutton_addonbar_v').setAttribute('checked','true');
		  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
		}
	  `);
	  document.getElementById('mainKeyset').appendChild(key);
	  
	 }
	} catch(e) {}
	
	// style toolbar & toggle button
	var addonbar_v_style = '';
	var togglebutton_addonbar_v_style = '';
	
	if(style_addonbar_v) {
	  var end_border =`
		#addonbar_v {
			border-inline-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		}
	  `;
		  
	  if(!addonbar_v_on_the_left) {
		end_border =`
		  #addonbar_v {
			border-inline-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		  }
		`;
	  }

	  addonbar_v_style =`
		#addonbar_v {
		  appearance: none !important;
		  background-color: var(--toolbar-bgcolor);
		  background-image: var(--toolbar-bgimage);
		  background-clip: padding-box;
		  color: var(--toolbar-color, inherit);
		}
		:root[lwtheme] #addonbar_v {
		  background: var(--lwt-accent-color) !important;
		}
		:root[lwtheme][lwtheme-image='true'] #addonbar_v {
		  background: var(--lwt-header-image) !important;
		  background-position: 0vw 50vh !important;
		}
		#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 toolbarbutton,
		#addonbar_v toolbar .toolbarbutton-1 {
		  padding: 0 !important;
		}
		#unified-extensions-button[hidden]{
			visibility: visible !important;
			display: flex !important;
		}
		#addonbar_v toolbaritem separator {
			display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem {
		  writing-mode: vertical-rl !important;
		  text-orientation: mixed !important;
		  transform: rotate(0deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem menupopup {
		  max-height: 170px !important;
		  max-width: 170px !important;
		  transform: rotate(-90deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem .toolbarbutton-badge {
		  transform: rotate(-90deg) !important;
		  position: absolute !important;
		  padding: 1px 2px !important;
		  top: -4px !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container,
		#main-window:not([customizing]) #addonbar_v #wrapper-search-container {
		  flex: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container {
		  min-width: unset !important;
		  width: unset !important;
		  height: 100px !important;

		  &[width] {
			flex: unset !important;
		  }
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button > .toolbarbutton-text {
		  min-width: unset !important;
		  min-height: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button:not([label]) {
		  display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon {
		  width: unset !important;
		  height: 16px !important;
		}
		`+end_border+`
	  `;
	}
	
	var addonbar_right = '';
	
	if(!addonbar_v_on_the_left) {
		addonbar_right =`
		  #toolbox_abv{
			order: 10 !important;
		  }
		`;
	}
	
	if(addonbar_v_togglebutton) {
	  togglebutton_addonbar_v_style =`
		#togglebutton_addonbar_v .toolbarbutton-icon { \
		  list-style-image: url('chrome://browser/skin/sidebars.svg');
		  fill: green; 
		}
		/*#togglebutton_addonbar_v .toolbarbutton-icon {
		  list-style-image: url('chrome://browser/skin/forward.svg');
		  fill: red;
		}
		#togglebutton_addonbar_v[checked] .toolbarbutton-icon {
		  fill: green;
		}
		#togglebutton_addonbar_v {
		  background: url('chrome://browser/skin/back.svg') no-repeat;
		  background-size: 35% !important;
		  background-position: 10% 70% !important;
		}
		#togglebutton_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 + togglebutton_addonbar_v_style + addonbar_right + 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);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

       /** Pfeil rechts eigenes Icon **/  
       menu.bookmark-item::after {
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             margin-right: 10px !important;
             }
       /** Pfeil rechts hover eigenes Icon **/  
       menu.bookmark-item:hover::after {
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             margin-right: 10px !important;
             }

//bmcount.uc.js, RC_4
//Ende Mai 2025
//Zeigt Anzahl der Lesezeichenordner und Links an in Lesezeichenpopups
//basiert auf Script von BrokenHeart =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1269879#post1269879
//Release Candidate 4 =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1272829#post1272829
//JS Hilfe von Mira_Belle
//Omar Version

(function() {

    if (!window.gBrowser)
        return;

    setTimeout(function() {
        setFunction();
    },50);

    //Einstellungen Javascript =>

    //Eigenes Icon erwartet in Profilordner/chrome/icons, icons Ordner falls noetig erstellen
    //Eigene Icons eintragen, falls vorhanden
    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    let icon1 = 'Folder.png';        //  Custom  Folder Icon
    let icon2 = 'Link.png';          //  Custom  Link Icon
    let iconPfeil = 'a_import1.png';      //  Custom  Pfeil Icon

    //Variablen zur Auswahl der Icons; kein Auto Fallback falls eigenes Icon nicht vorhanden
    let icon_folder = 1    // Ordner: 0 Firefox Fallback Icon / 1 eigenes Icon
    let icon_link = 1      // Links: 0 Firefox Fallback Icon / 1 eigenes Icon

    //Variablen zur Auswahl der Klammern
    let bracket = 0;       //  0 keine Klammern, 1 runde Klammern, 2 eckige Klammern
    //Variablen zur Auswahl der Reihenfolge
    let order = 0;         //  0 Icons links Ziffern rechts / 1 Ziffern links Icons rechts
    //Variablen zur Auswahl der Farben
    let bm_colors = 1;     //  0 Standardfarben, 1 eigene Farben benutzen

    //Variablen zur Auswahl der Trennlinie
    // 0 ohne Trennlinie
    // 1 ohne Trennlinie + Zaehler #1 = 0 + Icon #2 wird versteckt
    // 2 mit Trennlinie
    // 3 mit Trennlinie nur bei Zaehler #1 > 0 + Zaehler #1 = 0 + Icon #2 wird versteckt
    let trenner = 0;
    // Trennlinie Inhalt, beliebiges Textzeichen
    let trennzeichen = '|';

    //Spielerei Trennlinie Inhalt, experimentell, nur so
    //let trennzeichen = '<img src="chrome://browser/skin/bookmark-hollow.svg" alt="/" />';  // Bild
    //let trennzeichen = '<div id="trenn_div" style="background:linear-gradient(to right, lightblue, orange); height: 16px; width: 40px;" ></div>'; // Element

    function setFunction() {
        const css =`

       /*
       Einstellungen CSS =>
       #A Zaehler (Counter) anpassen (nur falls noetig),
       #B Feinabstimmung allgemein,
       #C Feinabstimmung Zentrierung Trennlinie,
       #D eigene Farben anpassen
       */

       /*** User Einstellungen ***/

       /* A */
       /** Feste Breite der beiden Counter, abhaengig von Anzahl Ziffern, AUTO Anpassung für mit/ohne Klammern.
          Falls noetig => Werte erhoehen NUR bis Icons untereinander auf gleicher Hoehe sind **/

       /* Beispiel 2 Ziffern plus Klammern, Systemfont Mac */
       #bmContent:is(
       [data-value1^='['],
       [data-value1^='(']) {
          --bm_width_one: 2.1em;
          --bm_width_two: 2.1em;
          }
       /* Beispiel 2 Ziffern ohne Klammern, Systemfont Mac */
       #bmContent {
          --bm_width_one: 1.4em;
          --bm_width_two: 1.4em;

       /* B */
       /** Abstaende / Groessen fuer die Counter = Basisanpassungen **/

          /* Abstand mittig zwischen Counter #1 <=> Counter #2 / wird x2 benutzt */
          --bm_margin_mid: 6px;

          /* Groesse Icons = 16px Firefox Standard */
          --bm_icon_size: 16px;

          /* Abstand zwischen Icon und Ziffer */
          --bm_space: 4px;
          }

       /* C */
       /** Trennlinie Feinabstimmung Zentrierung Mitte / Standard = 0px **/
       #bmContent.trennclass {
          color: var(--trenn_color, initial);
          --bm_divider: 0px;
          }

       /* D */
       /* Farben Text / svg! Icons aendern , anpassen nach Belieben */
       /* HSL Farben: https://www.w3schools.com/css/css_colors_hsl.asp */
       /* Ordner Icon, Zahl / Links Icon, Zahl / Trennlinie */
       #bmContent.bm_my_colors {
          --folder_fill:  #c0c0c0;
          --folder_color: yellow;
          --link_fill:    var(--folder_fill);
          --link_color:   var(--folder_color);
          --trenn_color:  var(--folder_color);
          }

       /** Pfeil rechts eigenes Icon **/
       menu.bookmark-item::after {
             background-image:  url("${ProfilePath}/${iconPfeil}") !important;
             fill-opacity: 1 !important;
             }

       /** Counter gesamt **/
       #bmContent {
            display: flex !important;
            margin-left: auto !important;         /* Gesamt rechtsbuendig */
            /*margin-right: -8px !important;*/    /* Abstand rechts zu Pfeil > ist evtl. OS abhaengig, optional */
            height: var(--bm_icon_size);          /* Layout passt sich Icon Groesse an */
            padding-left: 8px;                    /* min. Abstand links Gesamt für enge Popups */

            /* font Aenderungen */
            /*font-family:  Consolas, "Lucida Console", "Courier New", monospace !important; */
            font-size: 12px !important;       /* font-size */
            font-weight: 900 !important;      /* font-weight */
            }

       /*** User Einstellungen Ende ***/


       /*** Feste Werte ***/

       /** Reihenfolge Varianten Icons / Ziffern **/
       /* order 0: Icons links / Ziffern rechts */
       #bmContent {
            --bm_padding_inline: calc(var(--bm_icon_size) + var(--bm_space)) 0;
            --bm_bg_position: center left;
            }
       /* order 1: Ziffern links / Icons rechts */
       #bmContent.order_2 {
           --bm_padding_inline: 0 calc(var(--bm_icon_size) + var(--bm_space));
           --bm_bg_position: center right;
           }
       /** Icons Varianten **/
       /* Eigene Icons, falls Icons existieren im icons Ordner */
       #bmContent {
            --bm_icon_image_1: url("${ProfilePath}/${icon1}");
            --bm_icon_image_2: url("${ProfilePath}/${icon2}");
            }
       /* Firefox Icons Fallback */
       #bmContent:is(.icon_fallback_folder, icon_fallback_link) {
            --bm_icon_image_1: url("chrome://global/skin/icons/folder.svg");
            --bm_icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");
            }
       /** Trennlinie Extras **/
       /* Verstecken #1 automatisch bei Trennlinie 1/3 , beides = 0 */
       #bmContent:is(.trennclass_1, .trennclass_3)::before {
            display: none !important;
            }
       /* Verstecken Icon #2 , Trennlinie 1/3 , beides = 0 */
       #bmContent.Null_1.Null_2:is(.trennclass_1, .trennclass_3)::after {
            /*content: "X";*/
            background-image: linear-gradient(transparent, transparent);
            }

       /** Counters (Zaehler) **/
       /* Counter #1 Ordner */
       #bmContent::before {
            content: attr(data-value1);
            display: flex;
            min-width: fit-content;
            width: var(--bm_width_one);
            padding-inline: var(--bm_padding_inline);
            align-items: center;
            justify-content: flex-end;
            margin-right: var(--bm_margin_mid);
            background-image: var(--bm_icon_image_1);
            background-position: var(--bm_bg_position);
            background-repeat: no-repeat;
            background-size: var(--bm_icon_size);
            color: var(--folder_color, initial) !important;
            fill: var(--folder_fill, initial) !important;
            }
       /* Counter #2 Links */
       #bmContent::after {
            content: attr(data-value2);
            display: flex;
            min-width: fit-content;
            width: var(--bm_width_two);
            padding-inline: var(--bm_padding_inline);
            align-items: center;
            justify-content: flex-end;
            margin-left: calc(var(--bm_margin_mid) - var(--bm_divider, 0px));
            background-image: var(--bm_icon_image_2);
            background-position: var(--bm_bg_position);
            background-repeat: no-repeat;
            background-size: var(--bm_icon_size);
            color: var(--link_color, initial) !important;
            fill: var(--link_fill, initial) !important;
            }

       /*** Feste Werte Ende ***/


       /** Optionale Extras **/

       /* Text vertikal ausrichten */
       /*
       #bmContent::after,
       #bmContent::before {
          outline: 1px solid red;
          padding-top: 3px;
          }
          */


       /** Anpassungen bei Zahl = 0 **/

       /* Verblassen fuer #1 , #2 , Alles = 0 */
       /*
       #bmContent.Null_1:not(.Null_2)::before,
       #bmContent.Null_2:not(.Null_1)::after,
       #bmContent.Null_1.Null_2 {
            opacity: 0.5;
            }
            */

       /* Pfeil rechts > bei Beidem = 0 , optional */
       /*
       menu.bookmark-item.bm_chevron_00 .menu-right,
       menu.bookmark-item.bm_chevron_00::after {
            fill: hsl(30, 100%, 50%, 1) !important;
            fill-opacity: 1 !important;
            }
            */

       /** Pfeil rechts Farbe allgemein, optional **/
       /*
       menu.bookmark-item .menu-right,
       menu.bookmark-item::after {
             fill: hsl(210, 100%, 50%, 1) !important;
             fill-opacity: 1 !important;
             }
             */

		`;
        const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

        let newbarMenu = document.getElementById('fp-statusbar-1');
        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

        if(newbarMenu)
            newbarMenu.addEventListener('popupshowing', onPopupShowing );
        if(bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing );
        if(bookMenu)-
            bookMenu.addEventListener('popupshowing', onPopupShowing );
        if(persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing );
    }

    function onPopupShowing(aEvent) {
        let popup = aEvent.originalTarget;
        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history'))
                continue;
            setTimeout(() => {
              let itemPopup = item.menupopup;
			        itemPopup.hidden = true;
			        itemPopup.collapsed = true;
              itemPopup.openPopup();
              itemPopup.hidePopup();
              let menuitemCount = 0;
              let menuCount = 0;
              for (let subitem of itemPopup.children) {
                if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                  if (subitem.localName == 'menuitem') {
                    menuitemCount++;
                  } else if (subitem.localName == 'menu') {
                    menuCount++;
                  }
                }
              }
			        itemPopup.hidden = false;
			        itemPopup.collapsed = false;

              //Eigenes Element für Zaehler
              let bmCounta = item.childNodes[1];
              bmCounta.innerHTML = '';
              let bmVario = document.createElement("bmElement");
              bmVario.id = "bmContent";
              bmCounta.appendChild(bmVario);

              //Zaehler Design Optionen =>  ohne/ mit: runde, eckige Klammern
              if (bracket === 0) {
                  strCountOut1 = '' + menuCount + '';
                  strCountOut2 = '' + menuitemCount + '';
                  }
              if (bracket === 1) {
                  strCountOut1 = '(' + menuCount + ')';
                  strCountOut2 = '(' + menuitemCount + ')';
                  }
              if (bracket === 2) {
                  strCountOut1 = '[' + menuCount + ']';
                  strCountOut2 = '[' + menuitemCount + ']';
                  }
              bmVario.setAttribute('data-value1', strCountOut1);
              bmVario.setAttribute('data-value2', strCountOut2);

              // Trennlinie
              if (trenner === 2 || trenner === 3 && menuCount !== 0) {
                   bmVario.insertAdjacentHTML('beforeend', trennzeichen);
                   bmVario.classList.add('trennclass');
                   }

              if (trenner === 3 && menuCount === 0) {
                  bmVario.classList.add('trennclass_3');
                  }
              if (trenner === 1 && menuCount === 0) {
                  bmVario.classList.add('trennclass_1');
                  }

              // Extra class item/ ganzes menu fuer 00, #1 = 0, #2 = 0
              if (menuCount === 0 && menuitemCount === 0) {
                   item.classList.add('bm_chevron_00');
                   } else {
                        item.classList.remove('bm_chevron_00');
                        }

              if (menuCount === 0) {
                   bmVario.classList.add('Null_1');
                   }
              if (menuitemCount === 0) {
                   bmVario.classList.add('Null_2');
              }

              // Reihenfolge Varianten Icons / Ziffern
              if (order === 1) {
                  bmVario.classList.add('order_2');
              }

              // Icons Auswahl
              if (icon_folder === 0) {
                  bmVario.classList.add('icon_fallback_folder');
                  }
              if (icon_link === 0) {
                  bmVario.classList.add('icon_fallback_link');
              }

              // Farben Auswahl
              if (bm_colors === 1) {
                  bmVario.classList.add('bm_my_colors');
                  }

            }, 100);
        }
    }
})();


// JavaScript Nr. 2 --> Juni 2025
//Fügt in den Lesezeichen Ordner ganz oben die Anzahl von Links und Ordner hinzu.
(function() {

  if (!window.gBrowser)
    return;

  function setFunction() {
    PlacesViewBase.prototype._mayAddCommandsItems =
    function PVB__mayAddCommandsItems(aPopup) {
      let hasMultipleURIs = false;
      let menuitemCount = 0;
      let menuCount = 0;
      if (aPopup._placesNode.childCount > 0) {
        for (let item of aPopup.children) {
          if (item._placesNode) {
            if (item.localName == 'menuitem') {
              menuitemCount++;
            } else if (item.localName == 'menu') {
              menuCount++;
            }
          }
        }
        if (menuitemCount > 0 || menuCount > 0) {
          hasMultipleURIs = true;
        }
      }
      if (!hasMultipleURIs)  {
        aPopup.setAttribute("nofooterpopup", "true");
        if (aPopup._endOptOpenAllInTabs) {
          aPopup.removeChild(aPopup._endOptOpenAllInTabs);
          aPopup._endOptOpenAllInTabs = null;
          aPopup.removeChild(aPopup._endOptSeparator);
          aPopup._endOptSeparator = null;
        }
        return;
      }

      aPopup.removeAttribute("nofooterpopup");
      if (!aPopup._endOptOpenAllInTabs) {
        aPopup._endOptSeparator = document.createXULElement("menuseparator");
        aPopup._endOptSeparator.className = "bookmarks-actions-menuseparator";
        aPopup.insertBefore(aPopup._endOptSeparator, aPopup.firstChild);
        aPopup._endOptOpenAllInTabs = document.createXULElement("menuitem");
        aPopup._endOptOpenAllInTabs.className = "openintabs-menuitem";
        if (this.options?.extraClasses?.entry) {
          aPopup._endOptOpenAllInTabs.classList.add(
            this.options.extraClasses.entry
          );
        }
        aPopup._endOptOpenAllInTabs.setAttribute(
          "oncommand",
          "PlacesUIUtils.openMultipleLinksInTabs(this.parentNode._placesNode, event, " +
            "PlacesUIUtils.getViewForNode(this));"
        );
        aPopup._endOptOpenAllInTabs.setAttribute(
          "onclick",
          "checkForMiddleClick(this, event); event.stopPropagation();"
        );
        aPopup.insertBefore(aPopup._endOptOpenAllInTabs, aPopup.firstChild);
      }


      let label = menuCount + " Ordner";
        label += " / " + menuitemCount + " Link"
        if (menuitemCount != 1) {
          label += "s";
        }

        if (menuitemCount == 1) {
          label += " -> Link in Tab öffnen."
        } else if (menuitemCount > 1) {
          label += " -> Links in Tabs öffnen."
        }

      aPopup._endOptOpenAllInTabs.setAttribute("label", label);
    }
  }

  setTimeout(function() {
      setFunction();
  },50);
  
})();

//Fügt in den Lesezeichen Ordner ganz oben die Anzahl von Links und Ordner hinzu.
(function() {

  if (!window.gBrowser)
    return;

  function setFunction() {
    PlacesViewBase.prototype._mayAddCommandsItems =
    function PVB__mayAddCommandsItems(aPopup) {
      let hasMultipleURIs = false;
      let menuitemCount = 0;
      let menuCount = 0;
      if (aPopup._placesNode.childCount > 0) {
        for (let item of aPopup.children) {
          if (item._placesNode) {
            if (item.localName == 'menuitem') {
              menuitemCount++;
            } else if (item.localName == 'menu') {
              menuCount++;
            }
          }
        }
        if (menuitemCount > 0 || menuCount > 0) {
          hasMultipleURIs = true;
        }
      }
      if (!hasMultipleURIs)  {
        aPopup.setAttribute("nofooterpopup", "true");
        if (aPopup._endOptOpenAllInTabs) {
          aPopup.removeChild(aPopup._endOptOpenAllInTabs);
          aPopup._endOptOpenAllInTabs = null;
          aPopup.removeChild(aPopup._endOptSeparator);
          aPopup._endOptSeparator = null;
        }
        return;
      }

      aPopup.removeAttribute("nofooterpopup");
      if (!aPopup._endOptOpenAllInTabs) {
        aPopup._endOptSeparator = document.createXULElement("menuseparator");
        aPopup._endOptSeparator.className = "bookmarks-actions-menuseparator";
        aPopup.insertBefore(aPopup._endOptSeparator, aPopup.firstChild);
        aPopup._endOptOpenAllInTabs = document.createXULElement("menuitem");
        aPopup._endOptOpenAllInTabs.className = "openintabs-menuitem";
        if (this.options?.extraClasses?.entry) {
          aPopup._endOptOpenAllInTabs.classList.add(
            this.options.extraClasses.entry
          );
        }
        aPopup._endOptOpenAllInTabs.setAttribute(
          "oncommand",
          "PlacesUIUtils.openMultipleLinksInTabs(this.parentNode._placesNode, event, " +
            "PlacesUIUtils.getViewForNode(this));"
        );
        aPopup._endOptOpenAllInTabs.setAttribute(
          "onclick",
          "checkForMiddleClick(this, event); event.stopPropagation();"
        );
        aPopup.insertBefore(aPopup._endOptOpenAllInTabs, aPopup.firstChild);
      }


      let label = menuCount + " Ordner";
        label += " / " + menuitemCount + " Link"
        if (menuitemCount != 1) {
          label += "s";
        }

        if (menuitemCount == 1) {
          label += " -> Link in Tab öffnen."
        } else if (menuitemCount > 1) {
          label += " -> Links in Tabs öffnen."
        }

      aPopup._endOptOpenAllInTabs.setAttribute("label", label);
    }
  }

  setTimeout(function() {
      setFunction();
  },50);
  
})();

// BookmarkCount.uc.js

/* ******************************************************************************************************************* */
/* Author BrokenHeart               => https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536 **** */
/* Correction from BrokenHeart      => https://www.camp-firefox.de/forum/thema/136572/?postID=1229696#post1229696 **** */
/* Extension from Sören Henschel    => https://www.camp-firefox.de/forum/thema/136572/?postID=1229555#post1229555 **** */
/* Customized by Mira inspired by grisu2099     ********************************************************************** */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1229875#post1229883 **** */
/* Customized by Mira inspired by Horstmann     ********************************************************************** */
/* Source                           => https://www.camp-firefox.de/forum/thema/136572/?postID=1229993#post1229993 **** */
/* ******************************************************************************************************************* */
/* Finaly Source                    => https://www.camp-firefox.de/forum/thema/136572/?postID=1230128#post1230128 **** */
/* ******************************************************************************************************************* */
/* Custom Counter in the Bookmarks for folders and links ************************************************************* */
/* ******************************************************************************************************************* */

(function() {

    if (!window.gBrowser) return;
    
    setTimeout(function() {
        setFunction();
    },50);

    let profilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'))
    let icon1 = "Folder.png"
    let icon2 = "Link.png"

    function setFunction() {

        const css =`
            .countClass1::before {
                content: "";
                background-image: url(${profilePath}/${icon1}); 
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                //background-position: center;
                margin-right: -10px !important; /* Abstand bis zum "Wert" der Ordner */
                margin-left: 30px !important;   /* Abstand bis zum Icon der Ordner */
                height: 16px;
                width: 16px;
                fill: #c0c0c0;
                fill-opacity: 1;
            }
            .countClass1::after {
                content: attr(data-value1) !important;
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important;
                color: yellow !important;
                padding-top: 1px !important;
            }
            .countClass2::before {
                content: "";
                background-image: url(${profilePath}/${icon2});
                background-repeat: no-repeat;
                background-size: 16px;  /* icon size */
                background-position: center;
                margin-right: 6px !important;   /* Abstand bis zum "Wert" der Links */
                margin-left: 2px !important;   /* Abstand bis zum Icon der Links */
                height: 16px;
                width: 16px;
                fill: #c0c0c0;
                fill-opacity: 1;
            }
            .countClass2::after {
                content: attr(data-value2);
                font-family:  Consolas, "Lucida Console", "Courier New", monospace !important;
                font-size: 12px !important;
                font-weight: 900 !important; 
                color: yellow !important;
                margin-right: 20px !important;  /* Abstand zum Pfeil rechts */
            }
            .countClass2 image {
                order: 1;                       /* Pfeil hinter dem "Wert" der Links */
            }


            /* Ergaenzungen */ 

            .countClass1 label {
                margin-inline: 8px !important;
            }


           .menu-right.countClass2 {
                margin-inline: 6px !important;
           }


        `;

        const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
        const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
        sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

        let newbarMenu = document.getElementById('fp-statusbar-1');
        let bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

        if(newbarMenu)
            newbarMenu.addEventListener('popupshowing', onPopupShowing );
        if(bmbMenu)
            bmbMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(bookMenu)
            bookMenu.addEventListener('popupshowing', onPopupShowing ); 
        if(persToolBar)
            persToolBar.addEventListener('popupshowing', onPopupShowing ); 
    }
    
    function onPopupShowing(aEvent) {
        
        let popup = aEvent.originalTarget;

        for (let item of popup.children) {
            if (item.localName != 'menu' || item.id?.startsWith('history')) {
                continue;
            }    
            setTimeout(() => {
              let itemPopup = item.menupopup;
              itemPopup.hidden = true;
              itemPopup.collapsed = true;
              itemPopup.openPopup();
              itemPopup.hidePopup();
              let menuitemCount = 0;
              let menuCount = 0;
              for (let subitem of itemPopup.children) {
                if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
                  if (subitem.localName == 'menuitem') {
                    menuitemCount++;
                  } else if (subitem.localName == 'menu') {
                    menuCount++;
                  }
                }
              }
              itemPopup.hidden = false;
              itemPopup.collapsed = false;
              item.style.color = '#c0c0c0';
              
              let label1 = item.childNodes[3];
  
              label1.classList.add('countClass1');
              let strCountOut1 = String(menuCount).padEnd(2) + '\xa0';     // padEnd2 => zwei Stellen, plus Abstand 
              label1.setAttribute('data-value1', strCountOut1);

              let label2 = item.childNodes[4];
  
              label2.classList.add('countClass2');
              let strCountOut2 = String(menuitemCount).padEnd(3, '\xa0');  // padEnd3 => drei Stellen, Abstand bei nur einer Ziffer    
              label2.setAttribute('data-value2', strCountOut2);

            }, 100);
        }
    }    
})();





//Fügt in den Lesezeichen Ordner ganz oben die Anzahl von Links und Unterordner hinzu.
(function() {

  if (!window.gBrowser)
    return;

  function setFunction() {
    PlacesViewBase.prototype._mayAddCommandsItems =
    function PVB__mayAddCommandsItems(aPopup) {
      let hasMultipleURIs = false;
      let menuitemCount = 0;
      let menuCount = 0;
      if (aPopup._placesNode.childCount > 0) {
        for (let item of aPopup.children) {
          if (item._placesNode) {
            if (item.localName == 'menuitem') {
              menuitemCount++;
            } else if (item.localName == 'menu') {
              menuCount++;
            }
          }
        }
        if (menuitemCount > 0 || menuCount > 0) {
          hasMultipleURIs = true;
        }
      }
      if (!hasMultipleURIs)  {
        aPopup.setAttribute("nofooterpopup", "true");
        if (aPopup._endOptOpenAllInTabs) {
          aPopup.removeChild(aPopup._endOptOpenAllInTabs);
          aPopup._endOptOpenAllInTabs = null;
          aPopup.removeChild(aPopup._endOptSeparator);
          aPopup._endOptSeparator = null;
        }
        return;
      }

      aPopup.removeAttribute("nofooterpopup");
      if (!aPopup._endOptOpenAllInTabs) {
        aPopup._endOptSeparator = document.createXULElement("menuseparator");
        aPopup._endOptSeparator.className = "bookmarks-actions-menuseparator";
        aPopup.insertBefore(aPopup._endOptSeparator, aPopup.firstChild);
        aPopup._endOptOpenAllInTabs = document.createXULElement("menuitem");
        aPopup._endOptOpenAllInTabs.className = "openintabs-menuitem";
        if (this.options?.extraClasses?.entry) {
          aPopup._endOptOpenAllInTabs.classList.add(
            this.options.extraClasses.entry
          );
        }
        aPopup._endOptOpenAllInTabs.setAttribute(
          "oncommand",
          "PlacesUIUtils.openMultipleLinksInTabs(this.parentNode._placesNode, event, " +
            "PlacesUIUtils.getViewForNode(this));"
        );
        aPopup._endOptOpenAllInTabs.setAttribute(
          "onclick",
          "checkForMiddleClick(this, event); event.stopPropagation();"
        );
        aPopup.insertBefore(aPopup._endOptOpenAllInTabs, aPopup.firstChild);
      }


      let label = menuCount + " Ordner";
        label += " / " + menuitemCount + " Link"
        if (menuitemCount != 1) {
          label += "s";
        }

        if (menuitemCount == 1) {
          label += " -> Link in Tab öffnen."
        } else if (menuitemCount > 1) {
          label += " -> Links in Tabs öffnen."
        }

      aPopup._endOptOpenAllInTabs.setAttribute("label", label);
    }
  }

  setTimeout(function() {
      setFunction();
  },50);
  
})();