Beiträge von Horstmann

 //bmcount.uc.js, RC_2
//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 2 =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1272262#post1272262

// Eigenes Icon erwartet in Profilordner/chrome/icons , icons Ordner falls noetig erstellen
// Eigenes Icon, Name unten in ==> let icon1/2 = yourIcon...
//Basis Anpassungen =>
//Zaehler (Counter) Design Optionen mit / ohne Klammern waehlen ganz unten => #A, #B, #D (aus/ein), #C Feinabstimmung

(function() {

    if (!window.gBrowser)
        return;

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

    //Custom icons ==> in profilename/chrome/icons folder
    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
    let icon1 = "YourFolderIcon.svg"        //  Custom  Folder Icon
    let icon2 = "YourLinkIcon.svg"          //  Custom  Link Icon

    function setFunction() {
        const css =`

       /*** Basiseinstellungen ***/

       #bmContent {

       /** Gesamt **/

            display: flex !important;
            margin-inline: auto -8px !important;  /* Gesamt rechtsbuendig, Abstand rechts zu Pfeil > */
            height: var(--bm_icon_size);          /* Layout passt sich Icon Groesse an */
            padding-left: 8px;                    /* min. Abstand links Gesamt für enge Popups */
            /*font-size: 12px !important;*/

       /** Icons Varianten / ungewuenschte Varianten auskommentieren!!! **/

            /* Use Firefox Icons => */
            --bm_icon_image_1: url("chrome://global/skin/icons/folder.svg");
            --bm_icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");

            /* Eigene Icons, falls Icons existieren im icons Ordner => */
       /*   --bm_icon_image_1: url("${ProfilePath}/${icon1}");
            --bm_icon_image_2: url("${ProfilePath}/${icon2}");
            */

       /** #A: Feste Breite der beiden Counter, abhaengig von Anzahl Ziffern
            => Wert erhoehen NUR bis Icons untereinander auf gleicher Hoehe sind,
            ungewuenschte Variante auskommentieren!!! **/

            /* 2 Ziffern plus Klammern, Systemfont Mac, Zähler Design Optionen => ganz unten */
       /*   --bm_width_one: 2.1em;
            --bm_width_two: 2.1em;
            */
            /* 2 Ziffern ohne Klammern, Systemfont Mac, Zähler Design Optionen => ganz unten */
            --bm_width_one: 1.3em;
            --bm_width_two: 1.3em;

       /** #B: Reihenfolge Varianten Icons / Ziffern / ungewuenschte Variante auskommentieren!!! **/

            /* #1 Icons links / Ziffern rechts */
            --bm_padding_inline: calc(var(--bm_icon_size) + var(--bm_space)) 0;
            --bm_bg_position: center left;

            /* #2 Ziffern links / Icons rechts / --bm_divider_2 gerade Zahl = Abstand mittig zusaetzlich fuer Trennlinie */
        /*  --bm_padding_inline: 0 calc(var(--bm_icon_size) + var(--bm_space));
            --bm_bg_position: center right;
            --bm_divider_2: -1px;
            */


       /** #C: Abstaende / Groessen Counter Basis **/

            /* Abstand mittig zwischen Counter #1 <=> Counter #2, gerade Zahl falls Trennlinie benutzt */
            --bm_margin_mid: 16px;

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

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

       /** #D: Trennlinie optional, auskommentieren falls unerwuenscht => evtl. #C neu anpassen **/
       /* image / slice = max icon width? / height adjust 0px = 100%, width / outset = Abstand links */
       #bmContent::after {
            border-image: linear-gradient(currentColor, currentColor)
                          0 0 0 1 /
                          2px var(--bm_divider) /
                          0 0 0 calc(var(--bm_margin_mid)/2 + var(--bm_divider) + 2*var(--bm_divider_2, 0px));
            --bm_divider: 1px;
            }

       /*** Basiseinstellungen Ende ***/


       /** Counters **/

       /* 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: end;
            margin-right: var(--bm_divider_2, 0px);
            background-image: var(--bm_icon_image_1);
            background-position: var(--bm_bg_position);
            background-repeat: no-repeat;
            background-size: var(--bm_icon_size);
            /* Farben Text / svg Icons aendern => */
            /*color: hsl(155, 90%, 50%, 1) !important;*/
            /*fill: hsl(255, 70%, 50%, 1) !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: 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);
            /* Farben Text / svg Icons aendern => */
            /*color: hsl(155, 90%, 50%, 1) !important;*/
            /*fill: hsl(255, 70%, 50%, 1) !important;*/
            }

       /** Optionale Extras **/

       /* Anpassungen bei Zahl = 0 */

        /* Verstecken / Verblassen #1 */
        #bmContent:is(
        [data-value1="[0]"],
        [data-value1="0"],
        [data-value1="(0)"])::before {
            /*opacity: 0.2;*/
            display: none;
            }

        /* Verstecken / Verblassen #2 */
        #bmContent:is(
        [data-value2="[0]"],
        [data-value2="0"],
        [data-value2="(0)"])::after {
            opacity: 0.5;
            }

        /* Verstecken Trennlinie bei #1 = 0 und versteckt */
        #bmContent:is(
        [data-value1="[0]"],
        [data-value1="0"],
        [data-value1="(0)"])::after {
            border-image: none;
            }

        /** Helfer zum Testen der Abstände **/

        /*
        #bmContent {
            outline: 1px solid blue;
            outline-offset: 4px;
          }
        #bmContent::before, #bmContent::after {
            outline: 1px solid orange;
            }
        */
        /*
        #bmContent::after {
            background-image: var(--bm_icon_image_1),linear-gradient(lightgreen, lightgreen) !important;
            background-color: pink;
            }
        #bmContent::before {
            background-image: var(--bm_icon_image_2),linear-gradient(lightblue, lightblue) !important;
            background-color: khaki;
            }
        */

		`;
        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 bmbMenu = document.getElementById('bookmarks-menu-button');
        let bookMenu = document.getElementById('bookmarksMenu');
        let persToolBar = document.getElementById('PersonalToolbar');

        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 => mit, ohne, eckige, runde Klammern

              let strCountOut1 = "" + menuCount + "";      //  ohne Klammern
              //let strCountOut1 = "(" + menuCount + ")";    //  runde Klammern
              //let strCountOut1 = "[" + menuCount + "]";      //  eckige Klammern
              bmVario.setAttribute('data-value1', strCountOut1);

              let strCountOut2 = "" + menuitemCount + "";      //  ohne Klammern
              //let strCountOut2 = "(" + menuitemCount + ")";    //  runde Klammern
              //let strCountOut2 = "[" + menuitemCount + "]";      //  eckige Klammern
              bmVario.setAttribute('data-value2', strCountOut2);

              // Extra class und Attribut parent; experimentell
              //if (bmContent.parentElement) {
              //bmContent.parentElement.classList.add('pfeil');
              //bmContent.parentElement.setAttribute('data-value3', strCountOut1 + strCountOut2);
              //}

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

//Fox_schließen_Context
(function() {
  if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;

const label = 'Fox schließen';
//const oncommand = "goQuitApplication(event);";
//const curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
const menuitem1 = document.createXULElement('menuitem');
      menuitem1.id = 'contextTest';
      menuitem1.setAttribute('label', label);
      //menuitem1.setAttribute('oncommand', oncommand);
      menuitem1.addEventListener('command', () => {
          goQuitApplication(event);
        });
const refItem1 = document.getElementById('context-inspect');
      refItem1.parentNode.insertBefore(menuitem1, refItem1.nextSibling);
})();

(function() {
 if (!window.gBrowser)
   return;
 for (let key of document.querySelectorAll('key[keycode="VK_F12"]')) {
   key.setAttribute('disabled', 'true');
 }
 let key = document.createXULElement('key');
 key.id = 'closeTab';
 key.setAttribute('keycode', 'VK_F12');
 //key.setAttribute('oncommand', 'gBrowser.removeTab(gBrowser.selectedTab, {animate: true})');
 key.addEventListener('command', () => {
     gBrowser.removeTab(gBrowser.selectedTab, {animate: true});
   });
 document.getElementById('mainKeyset').appendChild(key);
})();

//  aboutconfig-button.uc.js Fallback Test Mai 2025
//  Eigenes Icon erwartet in Profilordner/chrome/icons , icons Ordner falls noetig erstellen
// TEST !!!!!

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

    try {
        CustomizableUI.createWidget({
            id: 'aboutconfig_button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {

                let buttonicon = "LettersC-1.png";
                let fallbackIcon = "chrome://global/skin/icons/warning.svg";

                let currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
                let iconPath = currentProfileDirectory + "/chrome/icons/" + buttonicon;

                // Fallback Icon benutzt falls eigenes Icon nicht vorhanden
                let iconURL = buttonicon == "LettersC-1.png" ? "file://" + iconPath : fallbackIcon;

                let toolbaritem = aDocument.createElementNS(
                    'http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul',
                    'toolbarbutton'
                );
                let props = {
                    id: 'aboutconfig_button',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'About:Config',
                    tooltiptext: 'About:Config',
                    style: 'list-style-image: url("' + iconURL + '");'
                };

                for (let p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
    } catch (e) { }

    document.getElementById('aboutconfig_button')?.addEventListener('click', event => {
        if (event.button === 0) {
            openTrustedLinkIn("about:config", "tab");
        }
    });

})();

// JavaScript Document
// QuickLinkButton-about:about.uc.js
//TESTSTEST

/* ----------------------------------------------------------------------------------- */
/*     Zu beachten ist, dass die Grafiken sich im richtigen Ordner befinden müssen     */
/*            %appdata%\Mozilla\Firefox\Profiles\"Profilname"\chrome\icons             */
/* ----------------------------------------------------------------------------------- */

// Nur TEST TEST TEST !!!!!

(function() {
  
    // Test 1
    //if (location != 'chrome://browser/content/browser.xhtml') return;
     
    if (!window.gBrowser){
        return;
    }
 
   try {
      CustomizableUI.createWidget({
         id: 'link-button-about',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {   
         
         // Test 2
         //var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
      
            let toolbaritem = aDocument.createXULElement('toolbarbutton');
            
            let props = {
               id: 'link-button-about',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               removable: 'true',
               label: 'Quicklink: about:about',
               tooltiptext: 'Quicklink:\nabout:about',
            };            
            for (var p in props) {
               toolbaritem.setAttribute(p, props[p]);
            }           
            return toolbaritem; 
         }      
      });
      
      // Test 3
      CustomizableUI.registerToolbarNode(tb);
      	    
   } catch(e) {};

   document.getElementById('link-button-about').addEventListener('click', event => {
      if (event.button === 0) {
         openTrustedLinkIn("about:about", "tab")
      }
   });

   // Pfad zum Profilordner
   let ProfilePath = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
   // Pfad in den entsprechenden Unterordner
   let IconPath = '/chrome/icons/';
   // Name & Dateiendung des anzuzeigenden Symbols!
   let ButtonIcon = "firefox.svg";
   // Erstelle ein img-Element, um zu überprüfen, ob die Grafik geladen werden kann
   let img = new Image();
   img.src = "file:" + ProfilePath + IconPath + ButtonIcon;
   
   img.onload = function() {
      // Wenn die Grafik geladen werden kann, setze das listStyleImage
      document.getElementById('link-button-about').style.listStyleImage = 'url("' + ("file:" + ProfilePath + IconPath + ButtonIcon) + '")';
      document.getElementById('link-button-about').style.color = '#f1b508';    // Hier wird die Iconfarbe direkt gesetzt
   };
   
   img.onerror = function() {
      // Wenn die Grafik nicht geladen werden kann, verwende das Fallback-Icon
      document.getElementById('link-button-about').style.listStyleImage = 'url("chrome://global/skin/icons/warning.svg")';
      document.getElementById('link-button-about').style.color = 'red';    // Hier wird die Iconfarbe direkt gesetzt
   };
})();