tasks ページにおいて，提出した問題に色付けを行います．開催中のコンテストの色付けについて，atcoder-tasks-page-colorizer が対応していないため，これを補完します．
Per
// ==UserScript==
// @name atcoder-tasks-page-colorize-during-contests
// @namespace iilj
// @version 2021.5.6.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://greatest.deepsurf.us/ja/scripts/380404-atcoder-tasks-page-colorizer
if (moment() >= endTime) return;
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.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 problem_id = tableRow.querySelector('td:nth-child(2) a').getAttribute('href').split('/').pop();
if (standingsEntry !== undefined && problem_id in standingsEntry.TaskResults) {
const taskResultEntry = standingsEntry.TaskResults[problem_id];
const dt = startTime.clone().add(taskResultEntry.Elapsed / 1000000000, 's');
console.log(dt.format());
tableRow.querySelector('td:last-child').insertAdjacentHTML(
'beforebegin',
`<td class="text-center">${taskResultEntry.Score / 100}</td>
<td class="text-center">${dt.format("YYYY/MM/DD HH:mm:ss")}</td>`);
tableRow.classList.add(taskResultEntry.Status === 1 ? 'success' : 'danger');
} else {
tableRow.querySelector('td:last-child').insertAdjacentHTML(
'beforebegin', '<td class="text-center">-</td><td class="text-center">-</td>');
}
});
})();