Displays Gists (including private ones) in a compact view with clickable links, visibility status, and last update date
Per
// ==UserScript==
// @name Github Gist Compact View (With Private Gists)
// @namespace http://tampermonkey.net/
// @version 2.1
// @description Displays Gists (including private ones) in a compact view with clickable links, visibility status, and last update date
// @author Sergi0
// @match https://gist.github.com/*
// @grant none
// @icon https://gist.github.com/favicon.ico
// @license MIT
// @homepageURL https://greasyfork.org/en/scripts/529737-github-gist-compact-view
// @supportURL https://greasyfork.org/en/scripts/529737-github-gist-compact-view/feedback
// ==/UserScript==
(function() {
'use strict';
console.log("UserScript GitHub Gist Compact View started...");
// Replace with your personal access token (PAT)
const personalAccessToken = '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';
// Function to load the Gists and display them in the container
function loadGists() {
// Extract the username from the URL
const pathParts = window.location.pathname.split("/").filter(Boolean);
const username = pathParts.length > 0 ? pathParts[0] : null;
if (!username) {
console.warn("No username found in the URL.");
return;
}
console.log(`Detected user: ${username}`);
// Find the container to display the information
const container = document.querySelector("#gist-pjax-container > div > div > div.col-9.col-md-9.col-12");
if (!container) {
console.warn("Container not found, will retry...");
return;
}
// Avoid processing multiple times
if (container.querySelector('.custom-gist-container')) {
console.log("Already processed, skipping...");
return;
}
fetch(`https://api.github.com/users/${username}/gists`, {
method: 'GET',
headers: {
'Authorization': `token ${personalAccessToken}`
}
})
.then(response => {
if (!response.ok) {
throw new Error(`Request error: ${response.status} ${response.statusText}`);
}
return response.json();
})
.then(gists => {
if (gists.length === 0) {
console.warn("The user has no Gists.");
return;
}
// Clear the container
container.innerHTML = "";
// Create a new container for the Gists
const newContainer = document.createElement("div");
newContainer.className = "custom-gist-container";
newContainer.innerHTML = `<h3>Gists of ${username} (${gists.length})</h3><ul>`;
// Add each Gist as a clickable link with visibility and last update date
gists.forEach(gist => {
const listItem = document.createElement("li");
const gistLink = document.createElement("a");
gistLink.href = gist.html_url;
gistLink.target = "_blank";
gistLink.textContent = gist.description || "No description";
// Determine visibility (public or private)
const visibility = gist.public ? 'Public' : 'Private';
// Get the last update date or creation date
const lastUpdated = new Date(gist.updated_at);
const lastUpdatedDate = lastUpdated.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
// Append visibility and last update date
listItem.innerHTML = `
${gistLink.outerHTML}
<span>(${visibility})</span>
<span>Last updated: ${lastUpdatedDate}</span>
`;
newContainer.appendChild(listItem);
});
// Close the list and insert the new container into the page
newContainer.innerHTML += "</ul>";
container.appendChild(newContainer);
console.log("New Gist view successfully inserted.");
})
.catch(error => console.error("Error loading Gists:", error));
}
// Function to check if we should run the script
function checkAndRun() {
// Only run on the main gists page (not on individual gist pages)
const pathParts = window.location.pathname.split("/").filter(Boolean);
if (pathParts.length === 1) {
loadGists();
}
}
// Use MutationObserver to detect when the container appears
const observer = new MutationObserver(() => {
checkAndRun();
});
// Start observing the document with the configured parameters
observer.observe(document.body, {
childList: true,
subtree: true
});
// Run immediately on load
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', checkAndRun);
} else {
checkAndRun();
}
// Also run on page load (in case DOMContentLoaded already fired)
window.addEventListener('load', checkAndRun);
// Listen for PJAX navigation events (GitHub-specific)
document.addEventListener('pjax:end', checkAndRun);
})();