Multi rating graph for Codeforces by im0qianqian (http & https)

Enable to show rating history graph with other accounts on profile pages at Codeforces

当前为 2019-05-02 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name           Multi rating graph for Codeforces by im0qianqian (http & https)
// @namespace      https://www.dreamwings.cn/
// @description    Enable to show rating history graph with other accounts on profile pages at Codeforces
// @license        http://creativecommons.org/publicdomain/zero/1.0/
// @copyright      im0qianqian
// @version        1.4
// @match        *://www.codeforces.com/profile/*
// @match        *://codeforces.com/profile/*
// ==/UserScript==

// v1.4  2019/01/03 Add support for https.
// v1.3  2015/05/05 Sync with site changes.
// v1.2  2014/06/05 Autocomplete account names
//                  Keep the color of the highest dots
// v1.1  2013/03/15 Fix failure to get log-in account
//                  Version jump because Chrome recognizes 0.0x as 1.0
// v0.03 2011/04/17 Show log-in account always
// v0.02 2011/04/16 Adjust yaxis scale
//                  Warn if data can't be obtained
// v0.01 2011/04/16 Initial version

///////////////////////////////////////////////////////////////////////
//
// The following part is executed in content page scope
//

function extract_data(cont) {
    var re1 = new RegExp('data\\.push\\(([\\S\\s]*?)\\);\\s*data\\.push\\(([\\S\\s]*?)\\);', 'm');
    return re1.test(cont) ? [RegExp.$1, RegExp.$2] : undefined;
}

function extract_scale(cont) {
    var re2 = new RegExp('yaxis: { min: (\\d+), max: (\\d+),');
    return re2.test(cont) ? [RegExp.$1, RegExp.$2] : undefined;
}

function get_account_data(id) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://' + window.location.host + '/profile/' + id, false);
    xhr.send(null);
    if (xhr.status == 200) {
        return [extract_data(xhr.responseText), extract_scale(xhr.responseText)];
    }
    return undefined;
}

function update_graph(input) {
    if (input == null) return;
    var handle = window.location.href.match(/[^/]*$/);
    input = handle + ' ' + input;
    var accounts = input.split(' ');
    var check = {};
    data = new Array();
    datas = [];
    var mymin = 900, mymax = 2000;
    var idx = 0;
    for (var i = 0; i < accounts.length; ++i) {
        if (accounts[i] != '' && check[accounts[i]] == undefined) {
            check[accounts[i]] = 1;
            var d = get_account_data(accounts[i]);
            if (d != undefined && d[0] != undefined) {
                data.push(eval(d[0][0]));
                data.push(eval(d[0][1]));
                datas[2 * idx] = { label: accounts[i], data: data[2 * idx] };
                datas[2 * idx + 1] = { clickable: false, hoverable: false, color: "red", data: data[2 * idx + 1] };
                ++idx;
                if (d[1] != undefined) {
                    if (d[1][0] < mymin) mymin = d[1][0];
                    if (d[1][1] > mymax) mymax = d[1][1];
                }
            } else {
                alert("Can't get information for account: " + accounts[i] + ".");
            }
        }
    }
    if (idx == 1) {
        options.legend.position = "ne";
    } else {
        options.legend.position = "se";
    }
    options.yaxis.min = mymin;
    options.yaxis.max = mymax;
    plot = $.plot($("#placeholder"), datas, options);
    $("#placeholder .legend").unbind("click");
    $("#placeholder .legend").bind("click", account_manage);
}

function account_manage() {
    var handle = window.location.href.match(/[^/]*$/);
    var dialog = $('<div id="account-dialog"/>').css({
        position: 'fixed', padding: '5px', width: '30em', zIndex: 2000, left: '50%', top: '50%', marginTop: '-3.5em', marginLeft: '-15em',
        border: '1px solid', borderRadius: '5px', background: 'rgb(255,255,255)', boxShadow: 'rgb(64,64,64) 5px 5px 5px'
    }).html(
        '<p>Input space-separated accounts without this account.</p>' +
        '<form id="account-form"><p><input type="text" id="accounts" size="40" value="' + (handle != login_account ? login_account : '') + '"></p>' +
        '<p><input type="submit" id="ok" value="OK"> <input type="button" id="cancel" value="cancel"></p></form>'
    );
    $('p', dialog).css({ margin: '1em' });
    $('#cancel', dialog).click(function () {
        $('#account-dialog').remove();
        $('#account-dialog-blocker').remove();
    });
    $('#account-form', dialog).submit(function () {
        var input = $('#accounts').val();
        $('#account-dialog').remove();
        $('#account-dialog-blocker').remove();
        update_graph(input);
        return false;
    }).keydown(function (e) {
        if (e.keyCode == 27) {
            $('#cancel').click();
        }
    });
    var blocker = $('<div id="account-dialog-blocker"/>').css({
        position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, width: '100%', height: '100%', zIndex: 15,
        background: 'rgb(64,64,64)', opacity: 0.75
    });
    $('body').append(blocker);
    $('body').append(dialog);
    $('#accounts').autocomplete("/data/handles", {
        delay: 200,
        width: 200,
        selectFirst: false,
        matchContains: true,
        multiple: true,
        multipleSeparator: ' ',
        minChars: 3,
        scroll: true,
    });
    $('#accounts').focus();
}

///////////////////////////////////////////////////////////////////////
//
// The following part is executed in userjs scope.
//

function add_unbind(cont) {
    var marker = '$("#placeholder").bind("plothover"';
    return cont.replace(marker, '$("#placeholder").unbind("plothover");\n' + marker);
}

function get_login_account() {
    var e = document.getElementById('header');
    var re3 = new RegExp('<a href="/profile/([^"]*)">[^<]*</a>[^<]*<a href="[^"]*/logout">');
    return re3.test(e.innerHTML) ? RegExp.$1 : undefined;
}

function disable_default_plot(cont) {
    return cont.replace('var plot = $.plot($("#placeholder"), datas, options);', '').replace('var ctx = plot.getCanvas().getContext("2d");', '');
}

function add_account_manage(cont) {
    var marker = 'var prev = -1;';
    var target = '';
    target += 'var extract_data = ' + extract_data + ';\n';
    target += 'var extract_scale = ' + extract_scale + ';\n';
    target += 'var get_account_data = ' + get_account_data + ';\n';
    var login_account = get_login_account();
    if (login_account != undefined) {
        target += 'var login_account = "' + get_login_account() + '";\n';
    } else {
        target += 'var login_account = "";\n';
    }
    target += 'options.legend = {};\n';
    target += 'var account_manage;\n';
    target += 'var update_graph = ' + update_graph + ';\n';
    target += 'account_manage = ' + account_manage + ';\n';
    target += 'update_graph(login_account);\n';
    target += '$("#placeholder .legend").unbind("click");\n';
    target += '$("#placeholder .legend").bind("click", account_manage);\n';
    // CAUTION FRAGILE: monkey patch for Autocompleter to handle multiple words correctly
    target += '$(function() {\n';
    target += 'var old = $.Autocompleter;\n';
    target += 'eval("$.Autocompleter = " + (""+$.Autocompleter).replace("currentValue == q", "lastWord(currentValue) == q"));\n';
    target += '$.Autocompleter.defaults = old.defaults;$.Autocompleter.Cache = old.Cache;$.Autocompleter.Select = old.Select;\n';
    target += '});\n';

    return cont.replace(marker, target + marker);
}

function get_target_script() {
    var e = document.getElementById('pageContent').getElementsByTagName('script');
    for (var i = 0; i < e.length; ++i) {
        if (e[i].textContent.match(/data\.push/) != null) {
            return e[i];
        }
    }
}

script = document.createElement('script');
script.setAttribute("type", "application/javascript");
script.textContent = disable_default_plot(add_account_manage(add_unbind(get_target_script().textContent)));

document.body.appendChild(script);
document.body.removeChild(script);