CodeForces-显示AC数

display AC count
换行
// ==UserScript==
// @name         CodeForces-显示AC数
// @namespace    http://tampermonkey.net/
// @version      2024-05-10
// @description display AC count
// @author       Qianfan
// @match        https://codeforces.com/profile/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=codeforces.com
// @run-at      document-end
// @grant        GM_addStyle
// ==/UserScript==

(async function() {
    'use strict';
            //注入css
            GM_addStyle(`
        .dropbtn {
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            min-width: 100px;
            font-size: 14px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }

        .dropbtn.loading {
            background-color: #c7a233;
        }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            border-radius: 5px;
            transform-origin: center top;
            transform: scaleY(0);
            transition: transform 0.4s ease;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 150px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            cursor: pointer;
        }

        .dropdown-content a:last-child {
            color: red;
        }

        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

        .dropdown:hover .dropdown-content {
            transform: scaleY(1);
        }

            `)
            //重要变量
            const earliest = document.querySelector('rect').dataset.date
            let endDate = earliest, topMap
            const activeGraph = document.querySelector('div#userActivityGraph')
            const months = {
                'Jan': '01',
                'Feb': '02',
                'Mar': '03',
                'Apr': '04',
                'May': '05',
                'Jun': '06',
                'Jul': '07',
                'Aug': '08',
                'Sep': '09',
                'Oct': '10',
                'Nov': '11',
                'Dec': '12'
            }, dateRegex = /([A-Z][a-z][a-z])/
            const domParser = new DOMParser()
            let stroageKey = '__CHONGTIAN_codeforces_daily_ac_v2_'
            const filePaths = window.location.pathname.split('/'),
                username = filePaths[filePaths.length - 1]
                , URL = `https://codeforces.com/submissions/${username}/page`
            stroageKey += username
            let topMapStr = localStorage.getItem(stroageKey)
            const dropDown = document.createElement('div'),
                box = document.querySelector('div.roundbox.userActivityRoundBox.borderTopRound.borderBottomRound')
            //
            dropDown.innerHTML = `<div class="dropdown">
                                        <button class="dropbtn">完成!</button>
                                        <div class="dropdown-content">
                                            <a class="render">渲染</a>
                                            <a class="refresh">刷新最近数据</a>
                                            <a class="refresh-all">刷新全部数据</a>
                                        </div>
                                    </div>`
            box.insertBefore(dropDown, box.firstChild)
            const realDropDown = dropDown.querySelector('div.dropdown'),
                dropbtn = dropDown.querySelector('button.dropbtn')
            dropDown.querySelector('.dropdown-content a.render').addEventListener('click', f => render())
            dropDown.querySelector('.dropdown-content a.refresh').addEventListener('click', async f => await fetchData()
            )
            dropDown.querySelector('.dropdown-content a.refresh-all').addEventListener('click', async f => {
                if (confirm('确定要刷新全部数据吗?'))
                    await fetchData(earliest)
            }
            )
            //
            const convertDate = date => date.replace(dateRegex, (match, p1) => months[p1])
            const aLaterOrEquals = (a, b) => {
                const aArr = a.split('/'), bArr = b.split('/');
                if (aArr[2] !== bArr[2]) return aArr[2] > bArr[2]
                if (aArr[0] !== bArr[0]) return aArr[0] > bArr[0]
                return aArr[1] >= bArr[1]
            }
            const solveDoc = (html, map, endDate2, getTot = false) => {
                const doc = domParser.parseFromString(html, 'text/html'),
                    submissions = doc.querySelectorAll('tr[data-submission-id]')
                let tot = void 0, flag = false, latest = void 0
                if (getTot) {
                    const lis = doc.querySelectorAll('div.pagination ul li')
                    tot = parseInt(lis[lis.length - 2].innerText)
                }
                for (const elem of submissions) {
                    if (!elem.querySelector('span.verdict-accepted')) continue
                    const date = convertDate(elem.querySelector('span.format-time').innerText.split(' ')[0])
                    if (!latest) latest = date
                    if (!aLaterOrEquals(date, endDate2)) {
                        flag = true
                        break
                    }
                    if (!map[date]) map[date] = new Set()
                    map[date].add(parseInt(elem.querySelector('td[data-problemid]').dataset.problemid))
                }
                return { tot, flag, latest }
            }
            const render = f => {
                if (!activeGraph) return
                for (const key in topMap) {
                    const rect = activeGraph.querySelector(`rect[data-date="${key}"]:not([fill="#EBEDF0"])`)
                    if (!rect) continue
                    rect.dataset.date = `${rect.dataset.date},Accept ${topMap[key]}`
                }
            }
            const fetchData = async endDate1 => {
                dropbtn.classList.toggle('loading')
                dropbtn.innerHTML = '获取数据...'
                const dataMap = {}
                if (topMapStr) {
                    topMap = JSON.parse(topMapStr)
                    endDate = topMap.latest
                }
                endDate1 = endDate1 ?? endDate
                const res = await fetch(`${URL}/1`)
                const html = await res.text()
                let { flag, tot, latest } = solveDoc(html, dataMap, endDate1, true)
                for (let page = 2; page <= tot && !flag; ++page) {
                    const res = await fetch(`${URL}/${page}`)
                    const html = await res.text()
                    flag = solveDoc(html, dataMap, endDate1).flag
                }
                for (const k in dataMap)
                    dataMap[k] = dataMap[k].size
                topMap = {
                    ...topMap,
                    ...dataMap,
                    latest,
                }
                dropbtn.innerHTML = '完成!'
                dropbtn.classList.toggle('loading')
            }
            //main
            await fetchData()
            topMapStr = JSON.stringify(topMap)
            localStorage.setItem(stroageKey, topMapStr)
            render()
})();
欢迎访问Greasy Fork镜像
