GitHub Homepage Button

Adds a "Homepage" button to GitHub repository search results to quickly access the repository's homepage URL.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         GitHub Homepage Button
// @description  Adds a "Homepage" button to GitHub repository search results to quickly access the repository's homepage URL.
// @version      1
// @match        https://github.com/search?*
// @namespace    https://gist.github.com/bethropolis/37cfb3821ad2321b53749ca097ec2963
// @author       bethropolis
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    const repoList = document.querySelector(".repo-list");
    if (repoList) {
        const repos = repoList.querySelectorAll("li");
        for (const repo of repos) {
            const repoLink = repo.querySelector(" div > div > div > a");
            if (repoLink) {
                const repoUrl = repoLink.getAttribute("href");
                const parts = repoUrl.split("/");
                const owner = parts[parts.length - 2];
                const repoName = parts[parts.length - 1];
                const repoListItem = repo.closest('li'); // Get reference to parent li item

                // Fetch repository details to get homepage URL
                fetch(`https://api.github.com/repos/${owner}/${repoName}`)
                    .then(response => response.json())
                    .then(data => {
                        const homepageUrl = data.homepage;

                        // Add "Homepage" button
                        if (homepageUrl) {
                            const repoDetails = repo.querySelector(".d-flex");
                            const a = document.createElement('a');
                            a.innerText = 'Homepage';
                            a.href = homepageUrl;
                            a.target = '_blank'; // Open link in a new tab
                            a.style.marginLeft = '1rem'; // Add some margin to the left
                            repoDetails.appendChild(a);
                        }
                    })
                    .catch(error => console.error(error));
            }
        }
    }
})();