☰

GitHub Repo Size

在 GitHub 仓库页面显示仓库大小信息

  1. // ==UserScript==
  2. // @name         GitHub Repo Size
  3. // @namespace    https://github.com/
  4. // @version      1.1
  5. // @description  在 GitHub 仓库页面显示仓库大小信息
  6. // @license      MIT
  7. // @author       cscnk52 & ChatPGT
  8. // @match        https://github.com/*/*
  9. // @grant        GM_xmlhttpRequest
  10. // @grant        GM_setValue
  11. // @grant        GM_getValue
  12. // @grant        GM_registerMenuCommand
  13. // @connect      api.github.com
  14. // @run-at       document-body
  15. // ==/UserScript==
  16.  
  17. (function () {
  18.   "use strict";
  19.  
  20.   if (!/https:\/\/github\.com\/[^\/]+\/[^\/]+$/.test(window.location.href)) {
  21.     return;
  22.   }
  23.  
  24.   const token = GM_getValue("token", null);
  25.   const apiUrl = `https://api.github.com/repos${window.location.pathname}`;
  26.  
  27.   GM_registerMenuCommand("config token", function () {
  28.     const currentToken = token
  29.       ? `current Token: ${token}`
  30.       : "No Token configured";
  31.     const newToken = prompt(`${currentToken}\nEnter new Token:`);
  32.  
  33.     if (newToken) {
  34.       GM_setValue("token", newToken);
  35.       alert("Token update!");
  36.     } else if (newToken === "") {
  37.       alert("Token unchanged!");
  38.     }
  39.   });
  40.  
  41.   function fetchRepoSize() {
  42.     return new Promise((resolve, reject) => {
  43.       GM_xmlhttpRequest({
  44.         method: "GET",
  45.         url: apiUrl,
  46.         headers: {
  47.           Accept: "application/vnd.github.v3+json",
  48.           "User-Agent": "Mozilla/5.0",
  49.           Authorization: `Bearer ${token}`,
  50.         },
  51.         onload: function (response) {
  52.           if (response.status === 200) {
  53.             const repoData = JSON.parse(response.responseText);
  54.             if (repoData && repoData.size) {
  55.               let size = repoData.size;
  56.               let sizeDisplay;
  57.  
  58.               if (size >= 0.9 * 1024 * 1024) {
  59.                 sizeDisplay = (size / (1024 * 1024)).toFixed(2) + " GB";
  60.               } else if (size >= 0.9 * 1024) {
  61.                 sizeDisplay = (size / 1024).toFixed(2) + " MB";
  62.               } else {
  63.                 sizeDisplay = size.toFixed(2) + " KB";
  64.               }
  65.  
  66.               resolve(sizeDisplay);
  67.             } else {
  68.               resolve("Size not available");
  69.             }
  70.           } else if (response.status === 401) {
  71.             resolve("Error: Token invalid");
  72.           } else if (response.status === 403) {
  73.             resolve("Error: Token permissions are insufficient");
  74.           } else if (response.status === 429) {
  75.             resolve(
  76.               "Error: GitHub API limit reached. Configure a token to fix.",
  77.             );
  78.           } else {
  79.             resolve(`Error: HTTP Code ${response.status}`);
  80.           }
  81.         },
  82.         onerror: function (error) {
  83.           reject(`Error: ${error}`);
  84.         },
  85.       });
  86.     });
  87.   }
  88.  
  89.   async function displayRepoSize() {
  90.     try {
  91.       const text = await fetchRepoSize();
  92.       const formattedText = text.replace(
  93.         /(\d+(\.\d+)?)/g,
  94.         "<strong>$1</strong>",
  95.       );
  96.       const sizeElement = document.createElement("div");
  97.       sizeElement.className = "mt-2";
  98.  
  99.       sizeElement.innerHTML = `
  100.             <a href="#" data-view-component="true" class="Link Link--muted">
  101.                 <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-repo-size mr-2">
  102.                     <path d="M3.333333 8.333333c0 0.208667 0.308667 0.571 1.02 0.927667C5.402667 9.956667 6.742667 10 8 10c1.257333 0 2.597333-0.043333 3.646667-0.7392 0.713067-0.342933 1.02-0.683733 1.02-0.927667v-1.481067C11.844267 7.747733 9.209867 8 8 8s-3.844267-0.445333-5.018667-1.142133V8.333333z m9.248 1.931267C11.844267 10.963733 9.209867 11.2 8 11.2s-3.844267-0.445333-5.018667-1.142133V11.946667c0 0.208667 0.308667 0.571 1.02 0.927467C5.402667 13.011733 6.742667 13.2 8 13.2c1.257333 0 2.597333-0.043333 3.646667-0.7392 0.713067-0.342933 1.02-0.683733 1.02-0.927467v-1.481067zM2 11.946667V5.333333C2 3.439467 4.686667 2 8 2s6 1.439467 6 3.333333v6.613334c0 1.893867-2.686667 3.333333-6 3.333333s-6-1.439467-6-3.333333z m6-5.12c1.257333 0 2.597333-0.043333 3.646667-0.7392C12.687467 5.705067 13 5.364267 13 5.12c0-0.208667-0.308667-0.571-1.02-0.927467C10.597333 3.522667 9.257333 3.333333 8 3.333333c-1.257333 0-2.597333 0.043333-3.646667 0.7392C3.312533 4.126933 3 4.467733 3 4.712c0 0.208667 0.308667 0.571 1.02 0.927467C5.402667 6.1568 6.742667 6.333333 8 6.333333z"></path>
  103.                 </svg>
  104.                 ${formattedText}
  105.             </a>
  106.         `;
  107.  
  108.       const mt2Divs = document.querySelectorAll("div.mt-2");
  109.  
  110.       mt2Divs.forEach((div) => {
  111.         if (div.querySelector("svg.octicon.octicon-repo-forked.mr-2")) {
  112.           div.insertAdjacentElement("afterend", sizeElement);
  113.           return;
  114.         }
  115.       });
  116.     } catch (error) {
  117.       console.error("Error displaying repo size:", error);
  118.     }
  119.   }
  120.  
  121.   displayRepoSize();
  122. })();