GitHub: View User Gists

Adds a button to the GitHub profile sidebar to easily view the user's Gists

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name          GitHub: View User Gists
// @namespace     https://khalila.dev
// @version       1.0
// @author        Khalila Gazal
// @description   Adds a button to the GitHub profile sidebar to easily view the user's Gists
// @license       MIT
// @homepageURL   https://github.com/khaliladev/github-gist-button
// @match         https://github.com/*
// @grant         none
// ==/UserScript==

(function() {
    'use strict';

    function injectGistButton() {
        // Find the sidebar area where the 'Follow' button is located
        const sidebar = document.querySelector('.js-profile-editable-area');

        // Stop if the sidebar isn't found or if the button is already there
        if (!sidebar || document.getElementById('gist-profile-link')) return;

        // Get the username from the address bar
        const username = window.location.pathname.split('/')[1];

        // Create the link and make it look like a GitHub button
        const btn = document.createElement('a');
        btn.id = 'gist-profile-link';
        btn.innerText = 'View Gist Profile';
        btn.href = `https://gist.github.com/${username}`;
        btn.className = 'btn btn-block mt-2';

        // Put the button into the sidebar
        sidebar.appendChild(btn);
    }

    // Run the script when the page first opens
    injectGistButton();

    // Run the script again when navigating to a new page without a refresh
    document.addEventListener('turbo:load', injectGistButton);
})();