New deploy, Site URL on website cards - tampermonkey script

Features
,
1

I used Tampermonkey to add two important button to the sites, as it lack of these features

Screenshot 2025-02-28 at 14.13.11
Screenshot 2025-02-28 at 14.13.111920×860 115 KB

===New Deploy
===Site address

// ==UserScript==
// @name         Netlify Add Links
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Add a site link below the screenshot and a "+ New Deploy" link under the title in Netlify
// @author       You
// @match        https://app.netlify.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=netlify.com
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    function addLinks() {
        document.querySelectorAll("li.tw-group").forEach(li => {
            const titleElement = li.querySelector("h3 span.truncate");
            const titleContainer = li.querySelector(".inline-list.tw-mb-1.tw-flex-wrap.tw-gap-x-1 h3");
            const screenshotContainer = li.querySelector(".tw-p-4");

            if (titleElement) {
                const siteTitle = titleElement.textContent.trim();
                const siteUrl = `http://${siteTitle}.netlify.app`;
                const deploySiteUrl = `http://${siteTitle}.netlify.app/deploys`;

                // Add site link below the screenshot
                if (screenshotContainer && !li.querySelector(".custom-netlify-link")) {
                    const siteLink = document.createElement("a");
                    siteLink.href = siteUrl;
                    siteLink.textContent = siteUrl;
                    siteLink.target = "_blank";
                    siteLink.className = "custom-netlify-link tw-block tw-text-blue-500 hover:tw-underline tw-mt-2";
                    screenshotContainer.appendChild(siteLink);
                }

                // Add "+ New Deploy" under the title
                if (titleContainer && !li.querySelector(".custom-deploy-link")) {
                    const deployLink = document.createElement("a");
                    deployLink.href = deploySiteUrl;
                    deployLink.textContent = "+ New Deploy";
                    deployLink.target = "_blank";
                    deployLink.className = "custom-deploy-link tw-ml-2 tw-text-blue-500 hover:tw-underline tw-text-sm";
                    titleContainer.appendChild(deployLink);
                }
            }
        });
    }

    const observer = new MutationObserver(addLinks);
    observer.observe(document.body, { childList: true, subtree: true });

    addLinks();
})();