Add GitHub Releases Tab

Add Releases tab after Code tab on GitHub repos
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         Add GitHub Releases Tab
// @namespace    https://github.com/nvbangg/nvbangg-tools
// @version      1.2
// @description  Add Releases tab after Code tab on GitHub repos
// @author       nvbangg (https://github.com/nvbangg)
// @copyright    Copyright (c) 2026 Nguyễn Văn Bằng (nvbangg, github.com/nvbangg)
// @match        https://github.com/*/*
// @icon         https://github.com/favicon.ico
// @license      MIT
// ==/UserScript==

(() => {
  "use strict";

  // Tag icon path (replaces existing SVG path, preserving original SVG classes/spacing)
  const TAG_PATH = `<path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"></path>`;

  const addReleasesTab = () => {
    const nav = document.querySelector('nav[aria-label="Repository"]');
    if (!nav) return;
    if (document.getElementById("releases-tab-link")) return;

    // Find the Code tab container ('#code-tab' li, or the first element in nav as fallback)
    const codeTab = document.getElementById("code-tab");
    const target = (codeTab && codeTab.closest("li")) || codeTab || nav.querySelector("ul > li, a");
    if (!target) return;

    const clone = target.cloneNode(true);
    const a = clone.tagName === "A" ? clone : clone.querySelector("a");
    if (!a) return;

    a.id = "releases-tab-link";
    a.href = location.pathname.split("/").slice(0, 3).join("/") + "/releases";
    ["aria-current", "data-hotkey", "data-react-nav", "data-react-nav-anchor"].forEach((attr) =>
      a.removeAttribute(attr),
    );
    a.setAttribute("data-turbo-frame", "repo-content-turbo-frame");

    const svg = a.querySelector("svg");
    if (svg) svg.innerHTML = TAG_PATH;

    const text = a.querySelector('[data-component="text"]') || a.querySelector("[data-content]");
    if (text) {
      text.textContent = "Releases";
      if (text.hasAttribute("data-content")) text.setAttribute("data-content", "Releases");
    }

    target.after(clone);
  };

  addReleasesTab();
  const observer = new MutationObserver(() => setTimeout(addReleasesTab, 100));
  observer.observe(document.body, { childList: true, subtree: true });
})();