FEELCYCLE の予約ページで難易度を表示する userscript

feelcycle-diff-sheet.js

// ==UserScript==
// @name         feelcycle-diff-sheet.js
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  FEELCYCLE の予約ページで難易度を表示する userscript
// @author       owatan
// @match        https://m.feelcycle.com/reserve
// @icon         https://m.feelcycle.com/favicon.png
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(async function () {
    "use strict";
    // 1秒待つ
    await new Promise((res) => setTimeout(res, 1000));

    const ranks = [
        { rank: "rankE", regex: /BB1 10s 1/ },
        { rank: "rankE", regex: /BB1 Hit 11/ },
        { rank: "rankE", regex: /BB1 Comp[24]/ },
        { rank: "rankE", regex: /BB1 Hit [59]/ },
        { rank: "master", regex: /BB3 Regg 1/ },
    ];

    document.querySelectorAll("div.seat-available").forEach((seat) => {
        const lessonName = seat
            .querySelector("div.lesson_name")
            .textContent.trim();
        const status = seat.querySelector("div.status");
        status.style.visibility = "visible";

        const rank = ranks.find((o) => o.regex.test(lessonName))?.rank;
        if (!rank) {
            console.log("rank not found:", lessonName);
            return;
        }

        const style = (() => {
            switch (rank) {
                case "rankE":
                    return { color: "purple", text: "rankE" };
                case "master":
                    return { color: "gold", bg: "black", text: "master" };
                default:
                    return;
            }
        })();
        if (!style) return;

        status.textContent = style.text;
        status.style.color = style.color;
        if ("bg" in style) status.style.backgroundColor = style.bg;
    });
})();