Violentmonkey script to add custom links to the GitHub navbar

gh-navbar-link-tampermonkey.js

// ==UserScript==
// @name        GitHub Add Nav Items
// @namespace   Violentmonkey Scripts
// @match       https://github.com/*
// @grant       none
// @version     1.2
// @author      phartenfeller
// @description 18/03/2023, 16:22:16
// @inject-into content
// ==/UserScript==

function slugify(text) {
  return text.toString().toLowerCase()
    .replace(/\s+/g, '-')           // Replace spaces with -
    .replace(/[^\w\-]+/g, '')       // Remove all non-word chars
    .replace(/\-\-+/g, '-')         // Replace multiple - with single -
    .trim()
}

const items = [
  { text: "SvelteKit Changelog", link: "/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md" }
]

function addItem(item) {
  const header = document.querySelector('.AppHeader-context-full');
  if (!header) {
    return;
  }

  const id = `x-head-link${slugify(item.text)}`;

  // already added
  if (document.getElementById(id)) {
    return;
  }

  const linkEl = document.createElement('a');
  linkEl.id=id;
  const linkElClasses = 'UnderlineNav-item'.split(' ');
  linkEl.classList.add(...linkElClasses);

  /*
  const link = document.createElement('a');
  const linkClasses = 'js-selected-navigation-item Header-link flex-auto mt-md-n3 mb-md-n3 py-2 py-md-3 mr-0 mr-md-3 border-top border-md-top-0 border-white-fade'.split(' ');
  link.classList.add(...linkClasses);
  */
  linkEl.href=item.link;
  linkEl.textContent=item.text;

  header.appendChild(linkEl);

}

addEventListener("load", (event) => {
  setTimeout(() => {
    for (const item of items) {
      addItem(item);
    }
  }, 25);
});


addEventListener("beforeinstallprompt", (event) => {
  setTimeout(() => {
    for (const item of items) {
      addItem(item);
    }
  }, 25);
});