atcoder-tasks-page-colorize-during-contests

tasks ページにおいて，提出した問題に色付けを行います．開催中のコンテストの色付けについて，atcoder-tasks-page-colorizer が対応していないため，これを補完します．
当前为 2021-07-10 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         atcoder-tasks-page-colorize-during-contests
// @namespace    iilj
// @version      2021.7.11.0
// @description  tasks ページにおいて，提出した問題に色付けを行います．開催中のコンテストの色付けについて，atcoder-tasks-page-colorizer が対応していないため，これを補完します．
// @author       iilj
// @supportURL   https://github.com/iilj/atcoder-tasks-page-colorize-during-contests/issues
// @match        https://atcoder.jp/contests/*/tasks
// ==/UserScript==
 
/**
 * 問題ごとの結果エントリ
 * @typedef {Object} TaskResultEntry
 * @property {any} Additional 謎
 * @property {number} Count 提出回数
 * @property {number} Elapsed コンテスト開始からの経過時間 [ns].
 * @property {number} Failure 非 AC の提出数（ACするまではペナルティではない）．
 * @property {boolean} Frozen アカウントが凍結済みかどうか？
 * @property {number} Penalty ペナルティ数
 * @property {boolean} Pending ジャッジ中かどうか？
 * @property {number} Score 得点（×100）
 * @property {number} Status 1 のとき満点？ 6 のとき部分点？
 */
 
/**
 * 全問題の結果
 * @typedef {Object} TotalResultEntry
 * @property {number} Accepted 正解した問題数
 * @property {any} Additional 謎
 * @property {number} Count 提出回数
 * @property {number} Elapsed コンテスト開始からの経過時間 [ns].
 * @property {boolean} Frozen アカウントが凍結済みかどうか？
 * @property {number} Penalty ペナルティ数
 * @property {number} Score 得点（×100）
 */
 
/**
 * 順位表エントリ
 * @typedef {Object} StandingsEntry
 * @property {any} Additional 謎
 * @property {string} Affiliation 所属．IsTeam = true のときは，チームメンバを「, 」で結合した文字列．
 * @property {number} AtCoderRank AtCoder 内順位
 * @property {number} Competitions Rated コンテスト参加回数
 * @property {string} Country 国ラベル．"JP" など．
 * @property {string} DisplayName 表示名．"hitonanode" など．
 * @property {number} EntireRank コンテスト順位？
 * @property {boolean} IsRated Rated かどうか
 * @property {boolean} IsTeam チームかどうか
 * @property {number} OldRating コンテスト前のレーティング．コンテスト後のみ有効．
 * @property {number} Rank コンテスト順位？
 * @property {number} Rating コンテスト後のレーティング
 * @property {{[key: string]: TaskResultEntry}} TaskResults 問題ごとの結果．参加登録していない人は空．
 * @property {TotalResultEntry} TotalResult 全体の結果
 * @property {boolean} UserIsDeleted ユーザアカウントが削除済みかどうか
 * @property {string} UserName ユーザ名．"hitonanode" など．
 * @property {string} UserScreenName ユーザの表示名．"hitonanode" など．
 */
 
/**
 * 問題エントリ
 * @typedef {Object} TaskInfoEntry
 * @property {string} Assignment 問題ラベル．"A" など．
 * @property {string} TaskName 問題名．
 * @property {string} TaskScreenName 問題の slug. "abc185_a" など．
 */
 
/**
 * 順位表情報
 * @typedef {Object} Standings
 * @property {any} AdditionalColumns 謎
 * @property {boolean} Fixed 謎
 * @property {StandingsEntry[]} StandingsData 順位表データ
 * @property {TaskInfoEntry[]} TaskInfo 問題データ
 */
 
/* globals $, contestScreenName, startTime, endTime, userScreenName, moment */
 
(async () => {
    'use strict';
 
    // 終了後のコンテストに対する処理は以下のスクリプトに譲る：
    // https://greasyfork.org/ja/scripts/380404-atcoder-tasks-page-colorizer
    if (moment() >= endTime) return;
 
    /** @type {Map<string, [number, string]>} */
    const problemId2Info = new Map();
    // 自分の得点状況の取得
    {
        const res = await fetch(`https://atcoder.jp/contests/${contestScreenName}/score`);
        const scoreHtml = await res.text();
        const parser = new DOMParser();
        const doc = parser.parseFromString(scoreHtml, 'text/html');
        doc.querySelectorAll('#main-div tbody tr').forEach((tableRow, key) => {
            const problemId = tableRow.querySelector('td:nth-child(1) a').getAttribute('href').split('/').pop();
            const score = Number(tableRow.querySelector('td:nth-child(3)').textContent);
            const datetimeString = tableRow.querySelector('td:nth-child(4)').textContent;
            // console.log(problemId, score, datetimeString);
            problemId2Info.set(problemId, [score, datetimeString]);
        });
    }
 
    // テーブルの更新
    {
        document.querySelector('#main-div thead th:last-child').insertAdjacentHTML(
            'beforebegin', '<th width="10%" class="text-center">得点</th><th class="text-center">提出日時</th>');
        document.querySelectorAll('#main-div tbody tr').forEach((tableRow, key) => {
            const problemId = tableRow.querySelector('td:nth-child(2) a').getAttribute('href').split('/').pop();
            const scoreCellId = `score-cell-${problemId}`;
            const datetimeCellId = `datetime-cell-${problemId}`;
            if (problemId2Info.has(problemId)) {
                const [score, datetimeString] = problemId2Info.get(problemId);
                tableRow.querySelector('td:last-child').insertAdjacentHTML(
                    'beforebegin',
                    `<td class="text-center" id="${scoreCellId}">${score}</td>
                    <td class="text-center" id="${datetimeCellId}">${datetimeString}</td>`);
                if (datetimeString !== '-') {
                    tableRow.classList.add(score > 0 ? 'success' : 'danger');
                }
            } else {
                // ここに来ることは本来はないはず（未提出の問題だと [0, '-'] のはず）
                tableRow.querySelector('td:last-child').insertAdjacentHTML(
                    'beforebegin',
                    `<td class="text-center" id="${scoreCellId}">-</td>
                    <td class="text-center" id="${datetimeCellId}">-</td>`);
            }
        });
    }
 
    const res = await fetch(`https://atcoder.jp/contests/${contestScreenName}/standings/json`);
    /** @type {Standings} */
    const standings = await res.json();
 
    const standingsEntry = standings.StandingsData.find((_standingsEntry) => _standingsEntry.UserScreenName == userScreenName);
 
    document.querySelectorAll('#main-div tbody tr').forEach((tableRow, key) => {
        const problemId = tableRow.querySelector('td:nth-child(2) a').getAttribute('href').split('/').pop();
        const scoreCellId = `score-cell-${problemId}`;
        const datetimeCellId = `datetime-cell-${problemId}`;
        if (standingsEntry !== undefined && problemId in standingsEntry.TaskResults) {
            const taskResultEntry = standingsEntry.TaskResults[problemId];
            const dt = startTime.clone().add(taskResultEntry.Elapsed / 1000000000, 's');
            // console.log(dt.format());
 
            const [score, datetimeString] = problemId2Info.get(problemId);
            const scoreFromStandings = taskResultEntry.Score / 100;
            if (scoreFromStandings >= score) {
                tableRow.querySelector(`#${scoreCellId}`).textContent = `${scoreFromStandings}`;
                tableRow.querySelector(`#${datetimeCellId}`).textContent = `${dt.format("YYYY/MM/DD HH:mm:ss")}`;
            }
            if (taskResultEntry.Status === 1) {
                if (tableRow.classList.contains('danger')) tableRow.classList.remove('danger');
                tableRow.classList.add('success');
            } else {
                if (tableRow.classList.contains('success')) tableRow.classList.remove('success');
                tableRow.classList.add('danger');
            }
        }
    });
})();