New deploy, Site URL on website cards - tampermonkey script

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

===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(); })();