Github/Gitlab nav enhance

Added link button for quick jump to personal repository list in Github/Gitlab

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(У мене вже є менеджер скриптів, дайте мені встановити його!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name                Github/Gitlab nav enhance
// @name:zh-CN          Github/Gitlab 导航栏增强
// @description         Added link button for quick jump to personal repository list in Github/Gitlab
// @description:zh-CN   Github/Gitlab 导航增加快速跳转到个人仓库列表的链接按钮

// @author              GallenHu
// @namespace           https://hgl2.com
// @license             MIT
// @icon                https://github.githubassets.com/favicons/favicon.png

// @grant               none
// @run-at              document-end
// @include             *://github.com/*
// @include             *://gitlab.com/*

// @date                03/22/2021
// @modified            01/21/2022
// @version             0.2
// @require             https://cdn.staticfile.org/jquery/1.12.2/jquery.min.js
// ==/UserScript==


(function () {
    'use strict';

    const host = window.location.host;
    const pathname = window.location.pathname;
    const isGithub = host.endsWith('github.com');
    const isGitlab = host.endsWith('gitlab.com');

    if (isGithub) {
        const userName = document.querySelector('meta[name="user-login"]').content;

        const nav = document.querySelector('nav.d-flex');
        const html = `<a class="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-15" data-ga-click="Header, click, Nav menu - item:marketplace context:user" data-octo-click="marketplace_click" data-octo-dimensions="location:nav_bar" data-selected-links="/${userName}?tab=repositories" href="/${userName}?tab=repositories">Repositories</a>
        <a class="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-15" data-ga-click="Header, click, Nav menu - item:marketplace context:user" data-octo-click="marketplace_click" data-octo-dimensions="location:nav_bar" data-selected-links="/${userName}?tab=repositories" href="/${userName}?tab=stars">Stars</a>
       `
        $(nav).append(html);
    }

    if (isGitlab) {
        const userName = window.gon.current_username;
        const nav = document.querySelector('ul.navbar-sub-nav');
        const html = `<ul class="nav navbar-sub-nav">
        <li class="nav-item">
            <a href="/">Repositories</a>
        </li>
        <li class="nav-item">
            <a href="/users/${userName}/starred">Stars</a>
        </li>
        </ul>
        `
        $(document).ready(() => {
            $('.title-container').append(html);
        });

    }
})();