Hackatime Analyzer Helper

Easily open Hackatime Analyzer with data from leaderboard users

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Hackatime Analyzer Helper
// @namespace    http://tampermonkey.net/
// @version      2025-06-20
// @description  Easily open Hackatime Analyzer with data from leaderboard users
// @author       ShyMike
// @match        https://hackatime.hackclub.com/*
// @license      MIT
// @grant        none
// ==/UserScript==

(function () {
    "use strict";

    const periodMap = {
        "daily": "today",
        "last_7_days": "last_7_days",
    };
    let selectedPeriod = "today";

    function addAnalyzeButtons() {
        const rowsContainer = document.querySelector('.divide-y.divide-gray-800');
        const rows = rowsContainer.children;

        const urlParams = new URLSearchParams(window.location.search);
        const periodType = urlParams.get('period_type');

        if (periodType === "weekly") {
            return;
        }

        if (periodType && periodMap[periodType]) {
            selectedPeriod = periodMap[periodType];
        } else {
            selectedPeriod = "today";
        }

        Array.from(rows).forEach((row) => {
            if (row.querySelector(".check-btn")) return;

            const link = row.querySelector("a");
            if (!link) return;

            const userId = link.href.split("=").pop();
            if (!userId) return;

            const checkBtn = document.createElement("button");
            checkBtn.textContent = "Check";
            checkBtn.className = "check-btn";
            checkBtn.style.marginLeft = "0.5em";
            checkBtn.style.padding = "0.2rem";
            checkBtn.style.fontSize = "0.7rem";
            checkBtn.addEventListener("click", () => {
                window.open(
                    `https://hackatime-analyzer.pages.dev/?id=${userId}&period=${selectedPeriod}`,
                    "_blank"
                );
            });

            row.appendChild(checkBtn);
        });
    }

    function checkAndAddButtons() {
        if (location.pathname.includes("/leaderboards")) {
            addAnalyzeButtons();
        }
    }

    document.addEventListener("turbo:load", function () {
        checkAndAddButtons();
    });

    document.addEventListener("DOMContentLoaded", function () {
        checkAndAddButtons();
    });

    checkAndAddButtons();
})();