☰

AtCoder Registration Autofill

AtCoderの参加登録情報を保存し、自動入力します。

// ==UserScript==
// @name         AtCoder Registration Autofill
// @namespace    https://github.com/Raclamusi
// @version      1.0.0
// @description  AtCoderの参加登録情報を保存し、自動入力します。
// @author       Raclamusi
// @supportURL   https://github.com/Raclamusi/atcoder-registration-autofill
// @match        https://atcoder.jp/contests/*/register
// @grant        none
// @license      CC0
// ==/UserScript==

(function() {
    "use strict";

    const storageKey = "atcoder_registration_autofill__data";
    const getAutofillData = () => {
        return JSON.parse(localStorage.getItem(storageKey));
    };
    const setAutofillData = (name, type, value) => {
        const data = getAutofillData() ?? {};
        if (!(name in data)) {
            data[name] = {};
        }
        if (type === "radio") {
            if (!(type in data[name])) {
                data[name][type] = [];
            }
            data[name][type].unshift(value);
        }
        else {
            data[name][type] = value;
        }
        localStorage.setItem(storageKey, JSON.stringify(data));
    };

    const form = document.querySelector(".form-horizontal");
    if (getAutofillData() === null) {
        setAutofillData("日本国内在住か？", "radio", "Yes");
    }
    for (const [name, values] of Object.entries(getAutofillData())) {
        const input = form[name];
        if (input) {
            const type = (input instanceof RadioNodeList) ? "radio" : input.type;
            if (type in values) {
                const value = values[type];
                if (type === "radio") {
                    const radioButtons = [...input].map(e => e.value);
                    for (const v of value) {
                        if (radioButtons.includes(v)) {
                            input.value = v;
                            break;
                        }
                    }
                }
                else if (type === "checkbox") {
                    input.checked = value;
                }
                else {
                    input.value = value;
                }
            }
        }
    }

    for (const input of form) {
        if (input.type === "checkbox") {
            input.addEventListener("change", e => {
                setAutofillData(e.target.name, e.target.type, e.target.checked);
            });
        }
        else {
            input.addEventListener("change", e => {
                setAutofillData(e.target.name, e.target.type, e.target.value);
            });
        }
    }
})();