☰

GitHub Repo Age

Displays repository creation date/time/age.

当前为 2025-05-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         GitHub Repo Age
  3. // @description  Displays repository creation date/time/age.
  4. // @icon         https://github.githubassets.com/favicons/favicon-dark.svg
  5. // @version      1.4
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/userscripts/
  8. // @supportURL   https://github.com/afkarxyz/userscripts/issues
  9. // @license      MIT
  10. // @match        https://github.com/*/*
  11. // @grant        GM_xmlhttpRequest
  12. // @connect      api.codetabs.com
  13. // @connect      api.cors.lol
  14. // @connect      api.allorigins.win
  15. // @connect      everyorigin.jwvbremen.nl
  16. // @connect      api.github.com
  17. // ==/UserScript==
  18.  
  19. ;(() => {
  20.     const CACHE_KEY_PREFIX = "github_repo_created_"
  21.   
  22.     const proxyServices = [
  23.       {
  24.         name: "Direct GitHub API",
  25.         url: "https://api.github.com/repos/",
  26.         parseResponse: (response) => {
  27.           return JSON.parse(response)
  28.         },
  29.       },
  30.       {
  31.         name: "CodeTabs Proxy",
  32.         url: "https://api.codetabs.com/v1/proxy/?quest=https://api.github.com/repos/",
  33.         parseResponse: (response) => {
  34.           return JSON.parse(response)
  35.         },
  36.       },
  37.       {
  38.         name: "CORS.lol Proxy",
  39.         url: "https://api.cors.lol/?url=https://api.github.com/repos/",
  40.         parseResponse: (response) => {
  41.           return JSON.parse(response)
  42.         },
  43.       },
  44.       {
  45.         name: "AllOrigins Proxy",
  46.         url: "https://api.allorigins.win/get?url=https://api.github.com/repos/",
  47.         parseResponse: (response) => {
  48.           const parsed = JSON.parse(response)
  49.           return JSON.parse(parsed.contents)
  50.         },
  51.       },
  52.       {
  53.         name: "EveryOrigin Proxy",
  54.         url: "https://everyorigin.jwvbremen.nl/api/get?url=https://api.github.com/repos/",
  55.         parseResponse: (response) => {
  56.           const parsed = JSON.parse(response)
  57.           return JSON.parse(parsed.html)
  58.         },
  59.       },
  60.     ]
  61.   
  62.     const selectors = {
  63.       desktop: [".BorderGrid-cell .hide-sm.hide-md .f4.my-3", ".BorderGrid-cell"],
  64.       mobile: [
  65.         ".d-block.d-md-none.mb-2.px-3.px-md-4.px-lg-5 .f4.mb-3.color-fg-muted",
  66.         ".d-block.d-md-none.mb-2.px-3.px-md-4.px-lg-5 .d-flex.gap-2.mt-n3.mb-3.flex-wrap",
  67.         ".d-block.d-md-none.mb-2.px-3.px-md-4.px-lg-5",
  68.       ],
  69.     }
  70.   
  71.     let currentRepoPath = ""
  72.   
  73.     function formatDate(isoDateStr) {
  74.       const createdDate = new Date(isoDateStr)
  75.       const now = new Date()
  76.       const diffTime = Math.abs(now - createdDate)
  77.   
  78.       const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24))
  79.       const diffHours = Math.floor((diffTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
  80.       const diffMinutes = Math.floor((diffTime % (1000 * 60 * 60)) / (1000 * 60))
  81.   
  82.       const diffMonths = Math.floor(diffDays / 30.44)
  83.       const diffYears = Math.floor(diffMonths / 12)
  84.       const remainingMonths = diffMonths % 12
  85.       const remainingDays = Math.floor(diffDays % 30.44)
  86.   
  87.       const datePart = createdDate.toLocaleDateString("en-GB", {
  88.         day: "2-digit",
  89.         month: "short",
  90.         year: "numeric",
  91.       })
  92.   
  93.       const timePart = createdDate.toLocaleTimeString("en-GB", {
  94.         hour: "2-digit",
  95.         minute: "2-digit",
  96.         hour12: false,
  97.       })
  98.   
  99.       let ageText = ""
  100.   
  101.       if (diffYears > 0) {
  102.         ageText = `${diffYears} year${diffYears !== 1 ? "s" : ""}`
  103.         if (remainingMonths > 0) {
  104.           ageText += ` ${remainingMonths} month${remainingMonths !== 1 ? "s" : ""}`
  105.         }
  106.       } else if (diffMonths > 0) {
  107.         ageText = `${diffMonths} month${diffMonths !== 1 ? "s" : ""}`
  108.         if (remainingDays > 0) {
  109.           ageText += ` ${remainingDays} day${remainingDays !== 1 ? "s" : ""}`
  110.         }
  111.       } else if (diffDays > 0) {
  112.         ageText = `${diffDays} day${diffDays !== 1 ? "s" : ""}`
  113.         if (diffHours > 0) {
  114.           ageText += ` ${diffHours} hour${diffHours !== 1 ? "s" : ""}`
  115.         }
  116.       } else if (diffHours > 0) {
  117.         ageText = `${diffHours} hour${diffHours !== 1 ? "s" : ""}`
  118.         if (diffMinutes > 0) {
  119.           ageText += ` ${diffMinutes} minute${diffMinutes !== 1 ? "s" : ""}`
  120.         }
  121.       } else {
  122.         ageText = `${diffMinutes} minute${diffMinutes !== 1 ? "s" : ""}`
  123.       }
  124.   
  125.       return `${datePart} - ${timePart} (${ageText} ago)`
  126.     }
  127.   
  128.     const cache = {
  129.       getKey: (user, repo) => `${CACHE_KEY_PREFIX}${user}_${repo}`,
  130.   
  131.       get: function (user, repo) {
  132.         try {
  133.           const key = this.getKey(user, repo)
  134.           const cachedValue = localStorage.getItem(key)
  135.           if (!cachedValue) return null
  136.           return JSON.parse(cachedValue)
  137.         } catch (err) {
  138.           return null
  139.         }
  140.       },
  141.   
  142.       set: function (user, repo, value) {
  143.         try {
  144.           const key = this.getKey(user, repo)
  145.           localStorage.setItem(key, JSON.stringify(value))
  146.         } catch (err) {
  147.           // Storage error - continue without caching
  148.         }
  149.       },
  150.     }
  151.   
  152.     async function fetchFromApi(proxyService, user, repo) {
  153.       const apiUrl = `${proxyService.url}${user}/${repo}`
  154.   
  155.       return new Promise((resolve) => {
  156.         if (typeof GM_xmlhttpRequest === "undefined") {
  157.           resolve({ success: false, error: "GM_xmlhttpRequest is not defined" })
  158.           return
  159.         }
  160.   
  161.         GM_xmlhttpRequest({
  162.           method: "GET",
  163.           url: apiUrl,
  164.           headers: {
  165.             Accept: "application/vnd.github.v3+json",
  166.           },
  167.           onload: (response) => {
  168.             if (response.responseText.includes("limit") && response.responseText.includes("API")) {
  169.               resolve({
  170.                 success: false,
  171.                 error: "Rate limit exceeded",
  172.                 isRateLimit: true,
  173.               })
  174.               return
  175.             }
  176.   
  177.             if (response.status >= 200 && response.status < 300) {
  178.               try {
  179.                 const data = proxyService.parseResponse(response.responseText)
  180.                 const createdAt = data.created_at
  181.                 if (createdAt) {
  182.                   resolve({ success: true, data: createdAt })
  183.                 } else {
  184.                   resolve({ success: false, error: "Missing creation date" })
  185.                 }
  186.               } catch (e) {
  187.                 resolve({ success: false, error: "JSON parse error" })
  188.               }
  189.             } else {
  190.               resolve({
  191.                 success: false,
  192.                 error: `Status ${response.status}`,
  193.               })
  194.             }
  195.           },
  196.           onerror: () => {
  197.             resolve({ success: false, error: "Network error" })
  198.           },
  199.           ontimeout: () => {
  200.             resolve({ success: false, error: "Timeout" })
  201.           },
  202.         })
  203.       })
  204.     }
  205.   
  206.     async function getRepoCreationDate(user, repo) {
  207.       const cachedDate = cache.get(user, repo)
  208.       if (cachedDate) {
  209.         return cachedDate
  210.       }
  211.   
  212.       for (let i = 0; i < proxyServices.length; i++) {
  213.         const proxyService = proxyServices[i]
  214.         const result = await fetchFromApi(proxyService, user, repo)
  215.   
  216.         if (result.success) {
  217.           cache.set(user, repo, result.data)
  218.           return result.data
  219.         }
  220.       }
  221.   
  222.       return null
  223.     }
  224.   
  225.     async function insertCreatedDate() {
  226.       const match = window.location.pathname.match(/^\/([^/]+)\/([^/]+)/)
  227.       if (!match) return false
  228.   
  229.       const [_, user, repo] = match
  230.       const repoPath = `${user}/${repo}`
  231.   
  232.       currentRepoPath = repoPath
  233.   
  234.       const createdAt = await getRepoCreationDate(user, repo)
  235.       if (!createdAt) return false
  236.   
  237.       const formattedDate = formatDate(createdAt)
  238.       let insertedCount = 0
  239.   
  240.       document.querySelectorAll(".repo-created-date").forEach((el) => el.remove())
  241.   
  242.       for (const [view, selectorsList] of Object.entries(selectors)) {
  243.         for (const selector of selectorsList) {
  244.           const element = document.querySelector(selector)
  245.           if (element && !element.querySelector(`.repo-created-${view}`)) {
  246.             insertDateElement(element, formattedDate, view)
  247.             insertedCount++
  248.             break
  249.           }
  250.         }
  251.       }
  252.   
  253.       return insertedCount > 0
  254.     }
  255.   
  256.     function insertDateElement(targetElement, formattedDate, view) {
  257.       const p = document.createElement("p")
  258.       p.className = `f6 color-fg-muted repo-created-date repo-created-${view}`
  259.       p.style.marginTop = "4px"
  260.       p.style.marginBottom = "8px"
  261.       p.innerHTML = `<strong>Created</strong> ${formattedDate}`
  262.   
  263.       if (view === "mobile") {
  264.         const flexWrap = targetElement.querySelector(".flex-wrap")
  265.         if (flexWrap) {
  266.           flexWrap.parentNode.insertBefore(p, flexWrap.nextSibling)
  267.           return
  268.         }
  269.   
  270.         const dFlex = targetElement.querySelector(".d-flex")
  271.         if (dFlex) {
  272.           dFlex.parentNode.insertBefore(p, dFlex.nextSibling)
  273.           return
  274.         }
  275.       }
  276.   
  277.       targetElement.insertBefore(p, targetElement.firstChild)
  278.     }
  279.   
  280.     function checkAndInsertWithRetry(retryCount = 0, maxRetries = 5) {
  281.       insertCreatedDate().then((inserted) => {
  282.         if (!inserted && retryCount < maxRetries) {
  283.           const delay = Math.pow(2, retryCount) * 500
  284.           setTimeout(() => checkAndInsertWithRetry(retryCount + 1, maxRetries), delay)
  285.         }
  286.       })
  287.     }
  288.   
  289.     function checkForRepoChange() {
  290.       const match = window.location.pathname.match(/^\/([^/]+)\/([^/]+)/)
  291.       if (!match) return
  292.   
  293.       const [_, user, repo] = match
  294.       const repoPath = `${user}/${repo}`
  295.   
  296.       if (repoPath !== currentRepoPath) {
  297.         checkAndInsertWithRetry()
  298.       }
  299.     }
  300.   
  301.     if (document.readyState === "loading") {
  302.       document.addEventListener("DOMContentLoaded", () => checkAndInsertWithRetry())
  303.     } else {
  304.       checkAndInsertWithRetry()
  305.     }
  306.   
  307.     const originalPushState = history.pushState
  308.     history.pushState = function () {
  309.       originalPushState.apply(this, arguments)
  310.       setTimeout(checkForRepoChange, 100)
  311.     }
  312.   
  313.     const originalReplaceState = history.replaceState
  314.     history.replaceState = function () {
  315.       originalReplaceState.apply(this, arguments)
  316.       setTimeout(checkForRepoChange, 100)
  317.     }
  318.   
  319.     window.addEventListener("popstate", () => {
  320.       setTimeout(checkForRepoChange, 100)
  321.     })
  322.   
  323.     const observer = new MutationObserver((mutations) => {
  324.       for (const mutation of mutations) {
  325.         if (
  326.           mutation.type === "childList" &&
  327.           (mutation.target.id === "js-repo-pjax-container" || mutation.target.id === "repository-container-header")
  328.         ) {
  329.           setTimeout(checkForRepoChange, 100)
  330.           break
  331.         }
  332.       }
  333.     })
  334.   
  335.     observer.observe(document.body, { childList: true, subtree: true })
  336.   })()