☰

GitHub - Latest

Always keep an eye on the latest activity of your favorite projects

// ==UserScript==
// @name          GitHub - Latest
// @version       1.7.1
// @description   Always keep an eye on the latest activity of your favorite projects
// @author        Journey Over
// @license       MIT
// @match         *://github.com/*
// @grant         none
// @icon          https://www.google.com/s2/favicons?sz=64&domain=github.com
// @homepageURL   https://github.com/StylusThemes/Userscripts
// @namespace https://greasyfork.org/users/32214
// ==/UserScript==

(function() {
  const BUTTON_ID = 'latest-issues-button';
  const QUERY_STRING = 'q=sort%3Aupdated-desc';

  let debounceTimer = null;
  const debounce = (fn, delay = 150) => {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(fn, delay);
  };

  const getRepoNavBody = () => document.querySelector('nav.js-repo-nav > .UnderlineNav-body');

  // Find a tab to clone - prefer Issues tab, fallback to any nav item with an anchor
  const findTemplateTab = (navBody) => {
    if (!navBody) return null;

    const issuesAnchor = navBody.querySelector('a[href*="/issues"]');
    if (issuesAnchor) return issuesAnchor.closest(':scope > *') || issuesAnchor;

    for (const child of Array.from(navBody.children)) {
      if (child.querySelector && child.querySelector('a')) return child;
    }
    return null;
  };

  const addLatestIssuesButton = () => {
    const navBody = getRepoNavBody();
    if (!navBody) return;

    if (navBody.querySelector(`#${BUTTON_ID}`)) return;

    const template = findTemplateTab(navBody);
    if (!template) return;

    const newTab = createLatestIssuesTab(template);
    navBody.appendChild(newTab);
  };

  const createLatestIssuesTab = (templateTab) => {
    const clone = templateTab.cloneNode(true);
    const anchor = clone.querySelector('a') || clone;
    if (!anchor) return clone;

    anchor.id = BUTTON_ID;

    // Build href with sort query parameter
    try {
      const u = new URL(anchor.href, location.origin);
      anchor.href = `${u.pathname}${u.search ? '' : ''}?${QUERY_STRING}`;
    } catch (e) {
      const base = (anchor.href || '').split('?')[0] || '#';
      anchor.href = `${base}?${QUERY_STRING}`;
    }

    // Position tab on the right
    anchor.style.float = 'right';
    if (clone.style) clone.style.marginLeft = 'auto';

    updateIcon(clone);
    updateLabel(clone, 'Latest issues');
    removeCounter(clone);

    return clone;
  };

  // Replace icon with flame SVG
  const updateIcon = (tabElement) => {
    const svg = tabElement.querySelector('svg');
    if (!svg) return;
    svg.setAttribute('viewBox', '0 0 16 16');
    svg.style.margin = '0 4px';
    svg.innerHTML = `
      <path fill-rule="evenodd" d="M5.05 0.31c0.81 2.17 0.41 3.38-0.52 4.31-0.98 1.05-2.55 1.83-3.63 3.36
      -1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-0.3-6.61-0.61 2.03 0.53 3.33 1.94 2.86
      1.39-0.47 2.3 0.53 2.27 1.67-0.02 0.78-0.31 1.44-1.13 1.81 3.42-0.59 4.78-3.42
      4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52 0.13-2.03 1.13-1.89 2.75 0.09 1.08-1.02
      1.8-1.86 1.33-0.67-0.41-0.66-1.19-0.06-1.78 1.25-1.23 1.75-4.09-1.88-6.22l-0.02-0.02z"/>
    `;
  };

  const updateLabel = (tabElement, text) => {
    const span = tabElement.querySelector('span');
    if (span) span.textContent = text;
  };

  const removeCounter = (tabElement) => {
    const counter = tabElement.querySelector('.Counter, .counter');
    if (counter) counter.remove();
  };

  // Watch for DOM changes to re-add button after GitHub re-renders
  const observeNavChanges = () => {
    const nav = document.querySelector('nav.js-repo-nav');
    if (!nav) return;

    const observer = new MutationObserver(() => debounce(addLatestIssuesButton));
    observer.observe(nav, {
      childList: true,
      subtree: true
    });
  };

  const init = () => {
    try {
      addLatestIssuesButton();
      document.addEventListener('turbo:render', () => debounce(addLatestIssuesButton));
      observeNavChanges();
      setTimeout(() => debounce(addLatestIssuesButton), 500);
    } catch (err) {
      console.warn('GitHub - Latest userscript init failed:', err);
    }
  };

  init();
})();