GitHub Creation Date

Displays the creation date of a GitHub repository when clicked.

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

You will need to install an extension such as Tampermonkey to install this script.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Zateb bir user-style yöneticim var, yükleyeyim!)

// ==UserScript==
// @name        GitHub Creation Date
// @namespace   Violentmonkey Scripts
// @match       https://github.com/*/*
// @grant       none
// @version     1.0
// @author      -
// @description Displays the creation date of a GitHub repository when clicked.
// @run-at      document-end
// @license MIT
// ==/UserScript==

(function () {
  "use strict";

  const createButton = (text, styles = {}) => {
    const button = document.createElement("button");
    button.textContent = text;
    Object.assign(button.style, {
      marginLeft: "10px",
      padding: "3px 6px",
      cursor: "pointer",
      backgroundColor: "#0366d6",
      color: "#fff",
      border: "none",
      borderRadius: "3px",
      fontSize: "12px",
      lineHeight: "1.5",
      ...styles,
    });
    return button;
  };

  const fetchRepoInfo = async (owner, repo) => {
    const apiUrl = `https://api.github.com/repos/${owner}/${repo}`;
    const response = await fetch(apiUrl, {
      headers: { Accept: "application/vnd.github.v3+json" },
    });

    if (!response.ok) {
      throw new Error(
        `Failed to fetch repository info (Status: ${response.status})`
      );
    }
    return response.json();
  };

  const init = () => {
    const repoTitleComponent = document.querySelector(
      'div[id="repo-title-component"]'
    );
    if (!repoTitleComponent) {
      console.error("Could not find the repository title component.");
      return;
    }

    const button = createButton("Creation Date");
    repoTitleComponent.appendChild(button);

    button.addEventListener("click", async () => {
      const [, owner, repo] = window.location.pathname.split("/");

      if (!owner || !repo) {
        alert("Invalid repository URL.");
        return;
      }

      try {
        const repoInfo = await fetchRepoInfo(owner, repo);
        alert(
          `'${repo}' was created on: ${new Date(
            repoInfo.created_at
          ).toLocaleString()}`
        );
      } catch (error) {
        alert(`Error: ${error.message}`);
      }
    });
  };

  init();
})();