Greasy Fork is available in English.

NicoAd Ticket Info

ニコニ広告のチケット選択画面に有効期限を表示します。

// ==UserScript==
// @name         NicoAd Ticket Info
// @version      1.0.2
// @description  ニコニ広告のチケット選択画面に有効期限を表示します。
// @author       蝙蝠の目
// @match        https://nicoad.nicovideo.jp/*/publish/*
// @grant        GM.xmlHttpRequest
// @grant        GM_xmlhttpRequest
// @connect      api.koken.nicovideo.jp
// @namespace https://greasyfork.org/ja/users/808813
// ==/UserScript==

(async () => {
    "use strict";

    function fetchText(url, { method } = {}) {
        method = method || "GET";

        const requestApi = GM_xmlhttpRequest || (GM && GM.xmlHttpRequest);
        if (!requestApi) {
            throw new Error("ユーザースクリプトAPI（GM_xmlhttpRequest または GM.xmlHttpRequest）が見つかりません。");
        }

        return new Promise((resolve, reject) => {
            try {
                requestApi({
                    method,
                    url,
                    onload: (res) => resolve(res.responseText),
                    onerror: reject
                });
            } catch (e) {
                reject(e);
            }
        });
    }

    function processTicketList(element) {
        for (const child of element.children) {
            processTicketListItem(child);
        }
    }

    function processTicketListItem(element) {
        const infoElement = element.querySelector(".info");
        if (!infoElement) return;

        const nameElement = infoElement.querySelector(".ticket-name");
        if (!nameElement) return;
        const ticketName = nameElement.textContent;

        const ticketData = ticketNameMap[ticketName];
        if (!ticketData) return;

        let isFirstElement = true;
        for (const group of ticketData) {
            const elm = document.createElement("span");
            if (isFirstElement) {
                elm.style.marginTop = "0.5rem";
                isFirstElement = false;
            }
            elm.textContent = `${group.text} まで　×`;
            elm.style.display = "flex";
            elm.style.color = group.expiringSoon ? "red" : "black";
            elm.style.fontSize = "1.2rem";

            const elm2 = document.createElement("strong");
            elm2.textContent = group.size;
            elm2.style.paddingLeft = "0.1rem";
            elm.append(elm2);

            infoElement.append(elm);
        }
    }

    function groupBy(list, fn) {
        const res = {};
        for (const item of list) {
            const key = fn(item);
            if (!res.hasOwnProperty(key)) res[key] = [];
            res[key].push(item);
        }
        return res;
    }

    function getDateId(date) {
        return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
    }

    function DateIdToString(dateId) {
        const date = new Date(dateId);
        let year = date.getFullYear().toString();
        let month = (date.getMonth() + 1).toString();
        let day = date.getDate().toString();
        while (year.length < 4) year = "0" + year;
        while (month.length < 2) month = "0" + month;
        while (day.length < 2) day = "0" + day;
        return year + "." + month + "." + day;
    }

    function getTicketNameMap(tickets, serverTime) {
        const serverDateId = getDateId(new Date(serverTime * 1000));
        const res = {};

        const groupedByName = groupBy(tickets, ticket => ticket.ticketName);
        for (const ticketName in groupedByName) {
            const groupedByDateId = groupBy(
                groupedByName[ticketName],
                (ticket) => getDateId(new Date(ticket.expiredAt * 1000))
            );

            res[ticketName] = [];
            for (const dateIdStr in groupedByDateId) {
                const dateId = Number(dateIdStr);
                res[ticketName].push({
                    dateId,
                    text: DateIdToString(dateId),
                    size: groupedByDateId[dateId].length,
                    expiringSoon: dateId - serverDateId < 1000 * 60 * 60 * 24 * 7,
                });
            }
            res[ticketName].sort((a, b) => a.dateId - b.dateId);
        }

        return res;
    }

    const data = JSON.parse(await fetchText("https://api.koken.nicovideo.jp/v1/tickets")).data;
    const ticketNameMap = getTicketNameMap(data.tickets, data.serverTime);

    const processedTicketLists = new WeakSet();
    window.setInterval(() => {
        for (const element of document.querySelectorAll("ul.wrapper")) {
            if (processedTicketLists.has(element)) continue;
            processedTicketLists.add(element);
            processTicketList(element);
        }
    }, 500);

})().catch(e => {
    console.error(`[NicoAd Ticket Info] ${e instanceof Error ? e.message : e}`);
});