☰

Bad Apple for Github

Bad Apple!!!

// ==UserScript==
// @name         Bad Apple for Github
// @namespace    https://xiaohe321.net/
// @version      0.1
// @description  Bad Apple!!!
// @author       XiaoHe321
// @match        https://github.com/*
// @icon         https://oss-back-hk.xiaohe321.net/misc/badappple/BadAppleLogo.jpg
// @grant        GM_xmlhttpRequest
// @connect      oss-back-hk.xiaohe321.net
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    //Y轴最大值（从0开始）
    const maxY = 6;
    //X轴最大值（从0开始）
    const maxX = 52;

    //睡眠参数，如果FPS不稳定（控制台输出的sleep_jitter过大），可适当增加此值，反之可减少
    const sleep_offset=10;
    //两帧之间的间隔时间（注意：根据js的特性，此值最终导致的休眠时间并不稳定，请具体测试）
    const sleep_time=100;

    console.log("%c[Bad Apple] for [Github]",'color:red; font-weight:bold');
    var img=[]
    var hasStarted=false;
    function initData(){
        console.log("[BadApple]","准备获取帧数据");
        GM_xmlhttpRequest({
            url:"https://oss-back-hk.xiaohe321.net/misc/badappple/badapple.json",
            method :"GET",
            onload:function(xhr){
                console.log("[BadApple]","获取帧数据成功，Bad Apple已装填！！");
                img=eval("("+ xhr.responseText +")");
                getElementByXpath('//*[@id="user-profile-frame"]/div/div[3]/div/div[1]/div[1]/div[1]/div/div[1]/div/div/div[1]').innerHTML +="√"
            }
        });
    }

    function addClass(element, className) {
        let classAtr = element.getAttribute("class");
        let newClass = classAtr.concat(" " + className);
        element.setAttribute("class", newClass);
    }

    function removeClass(element, className) {
        let classAtr = element.getAttribute("class");
        let newClass = classAtr.replace(className, "");
        element.setAttribute("class", newClass);
    }

    function getElementByXpath(xpath) {
        var element = document.evaluate(xpath, document).iterateNext();
        return element;
    }

    async function changeLevel(x, y, level,is_remove_active=false) {
        var elem = document.getElementsByClassName('js-calendar-graph').item(0).children.item(0).children.item(0).children.item(x).children.item(y);
        if (elem == null) {
            return;
        }
        if(is_remove_active){
            removeClass(elem, "active")
        }
        elem.setAttribute("data-level", level)
    }


    function greyToLevel(grey) {
        let val = Math.trunc(grey / 51)
        if (val == 5) {
            val = 4;
        }
        return val;
    }

    function updateButtonAndText() {
        var buttonItem = document.querySelector("contribution-graph-celebration").children.item(0)

        buttonItem.addEventListener('', function () { }, true)
        buttonItem.addEventListener('click', buttonOnClick, true)
        getElementByXpath('//*[@id="user-profile-frame"]/div/div[3]/div/div[1]/div[1]/div[1]/div/div[1]/div/div/div[2]/a').innerHTML = '<a href="#">Let\'s Bad Apple!!</a>'
    }

    async function buttonOnClick(e) {
        if(hasStarted) return;

        e.stopPropagation()
        clearImage();
        document.getElementsByTagName("contribution-graph-celebration")[0].children.item(0).children.item(0).children.item(0).children.item(0).setAttribute("hidden", "")
        document.getElementsByTagName("contribution-graph-celebration")[0].children.item(0).children.item(0).children.item(0).children.item(1).removeAttribute("hidden")
        document.getElementsByTagName("contribution-graph-celebration")[0].children.item(0).children.item(0).children.item(0).children.item(2).innerText = "Happy BadApple !!"

        await DrawImage();
    }

    function sleep(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }

    function clearImage() {
        for (var i = 0; i <= maxX; i++) {
            for (var j = 0; j <= maxY; j++) {
                changeLevel(i, j, 0,true)
            }
        }
    }

    async function DrawInner(idx){
        for (var i3 = 0; i3 <= 52; i3++) {
            for (var j3 = 0; j3 <= 9; j3++) {
                changeLevel(i3, j3, greyToLevel(img[idx][j3][i3]))
            }
        }
    }

    async function DrawImage() {
        console.log("[BadApple]","Start drawing!");
        hasStarted=true;
        var startTime=performance.now();

        var last_frame=0;
        var total=0;
        var i=0;

        for(var idx=0;idx<6525;idx+=3){

            last_frame=performance.now()

            //画一帧
            var draw_start=performance.now()
            await DrawInner(idx);
            var draw_end=performance.now()

            var now_fps=(idx/((performance.now()-startTime)/(1000)));

            //帧间休眠
            await sleep(sleep_time-(draw_end-draw_start)-10);

            var real_sleep=performance.now()-last_frame;

            total+=real_sleep;
            var avg_sleep=total/(++i);
            console.log("[BadApple]","draw time=",(draw_end-draw_start).toFixed(2)+"ms","fps=",now_fps.toFixed(2),"\r\nframe id=",idx,"sleep jitter=",(avg_sleep-sleep_time).toFixed(4)+"ms","real sleep=",real_sleep.toFixed(4)+"ms");
        }
    }

    initData();
    updateButtonAndText();

})();