Displays Gists (including private ones) in a compact view with clickable links, visibility status, and last update date
// ==UserScript==
// @name Github Gist Compact View (With Private Gists)
// @namespace http://tampermonkey.net/
// @version 2.0
// @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://greatest.deepsurf.us/en/scripts/529737-github-gist-compact-view
// @supportURL https://greatest.deepsurf.us/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 = 'YOUR_PERSONAL_ACCESS_TOKEN_HERE';
// Wait until the page has fully loaded
window.addEventListener('load', () => {
// 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}`);
// Function to load the Gists and display them in the container
function loadGists() {
fetch(`https://api.github.com/users/${username}/gists`, {
method: 'GET',
headers: {
'Authorization': `token ${personalAccessToken}` // Authenticate with the token
}
})
.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;
}
// 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.");
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"; // Open link in a new tab
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));
}
// Execute the function to load Gists
loadGists();
});
})();