☰

VSCode Extensions Installer

Add a persistent button to install extensions directly into VSCode Insiders from the marketplace.

// ==UserScript==
// @name         VSCode Extensions Installer
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  Add a persistent button to install extensions directly into VSCode Insiders from the marketplace.
// @author       @tonycody
// @match        https://marketplace.visualstudio.com/items*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // The selector for the install button
    const installButtonSelector = 'a.install';
    // A class to identify the Insiders button
    const insidersButtonClass = 'install-insiders';
    const labelClass = '.ms-Button-label'

    // Function to add the Insiders install button if it doesn't exist
    function addInsidersInstallButton() {
        const installButton = document.querySelector(installButtonSelector);
        const alreadyAdded = document.querySelector('.' + insidersButtonClass);

        // Only add the button if it doesn't already exist
        if (installButton && !alreadyAdded) {
            const insidersButton = installButton.cloneNode(true);
            // Add a class to identify the button
            insidersButton.classList.add(insidersButtonClass);
            insidersButton.setAttribute('href', insidersButton.getAttribute('href').replace('vscode:', 'vscode-insiders:'));
            insidersButton.style.marginLeft = '3px';
            const lbl = insidersButton.querySelector(labelClass)
            lbl.innerText = 'Install(Insiders)'
            installButton.parentNode.insertBefore(insidersButton, installButton.nextSibling);
        }
    }

    // Create an observer instance linked to the callback function
    const observer = new MutationObserver(function (mutations, me) {
        // Retry adding the Insiders install button
        addInsidersInstallButton();
    });

    // Start observing the document body and check for DOM changes
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    // Initial try to add the button
    addInsidersInstallButton();
})();