Add-ons Manager, einmal Script und einmal Code (zusammenführen möglich?)

/** Addons-Manager **/

@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) { 

/**** Nummerierung der installierten Erweiterungen im AddonsManager ****/

/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
body {
    counter-reset: section !important;                   
}   
   
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > div:nth-child(1) > div:nth-child(2)::before {
    font-size: 14px !important; 
    font-weight: bold !important;	
    color: Magenta !important; 
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)".) ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top: 1px !important;
    }

.addon-name-link {
    color: yellow !important;
    }

// ==UserScript==
// @name           addons_ver_day_updatecheck.uc.js 
// @description    Bei about:addons beim Titel der Erweiterung Versionsinfo und 
//                 Installationsdatum hinzufügen
// @update         Anpassung zur Verwendung der ESM-Module mit der Dateiendung .sys.mjs //                 von milupo
// @include        main
// ==/UserScript==

div:not([current-view="updates"]) .addon-name-link[title]::after,
div:not([current-view="updates"]) .addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    }
	
if (typeof window === "undefined" || globalThis !== window) {
    this.EXPORTED_SYMBOLS = ["AboutAddonsVerboseChild"];
    ChromeUtils.defineModuleGetter(this, "AddonManager", "resource://gre/modules/AddonManager.jsm");
    try {
        ChromeUtils.registerWindowActor("AboutAddonsVerbose", {
            child: {
                moduleURI: __URI__,
                events: {
                    DOMDocElementInserted: {},
                },
            },
            matches: ["about:addons"],
        });
    } catch (e) {Cu.reportError(e);}
    this.AboutAddonsVerboseChild = class extends JSWindowActorChild {
        handleEvent({type}) {
            if (type !== "DOMDocElementInserted") return;
            const win = this.contentWindow;
            const doc = win.document;
            doc.addEventListener("view-loaded", () => {
                const addons = doc.querySelectorAll(".addon-name");
                for (let addon of addons) {
                    const addonId = addon.querySelector("a")?.href.slice("addons://detail/".length);
                    if (addonId) AddonManager.getAddonByID(addonId).then(result => {
                        const {version, updateDate} = result;
                        const info = doc.createElement("span");
						info.style.color = "yellow"; // Erweitert
                        info.style.fontSize = "1rem";
                        info.style.fontStyle = "normal";
						info.style.fontWeight = "600";
                        info.style.marginInlineEnd = "8px";
                        info.textContent = `${version} - ${updateDate.toLocaleDateString("de-DE")}`;
                        addon.insertAdjacentElement("afterend", info);
                    }).catch(err => Cu.reportError(err));
                }
            });
        }
    };
}
else {
    try {
        const fileHandler = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler);
        const scriptFile = fileHandler.getFileFromURLSpec(Components.stack.filename);
        const resourceHandler = Services.io.getProtocolHandler("resource").QueryInterface(Ci.nsIResProtocolHandler);
        if (!resourceHandler.hasSubstitution("about-addons-verbose-ucjs")) {
            resourceHandler.setSubstitution("about-addons-verbose-ucjs", Services.io.newFileURI(scriptFile.parent));
        }
        ChromeUtils.import(`resource://about-addons-verbose-ucjs/${scriptFile.leafName}?${scriptFile.lastModifiedTime}`);
    } catch (e) {Cu.reportError(e)}
}