import { uncapitalize } from "tsafe/uncapitalize";

/*
NOTES:
https://github.com/mui-org/material-ui/blob/e724d98eba018e55e1a684236a2037e24bcf050c/packages/material-ui/src/styles/createTypography.js#L45
https://github.com/mui-org/material-ui/blob/53a1655143aa4ec36c29a6063ccdf89c48a74bfd/packages/material-ui/src/Icon/Icon.js#L12
*/

const wordByNumberEntries = [
    ["10", "ten"],
    ["11", "eleven"],
    ["12", "twelve"],
    ["13", "thirteen"],
    ["14", "fourteen"],
    ["15", "fifteen"],
    ["16", "sixteen"],
    ["17", "seventeen"],
    ["18", "eighteen"],
    ["19", "nineteen"],
    ["21", "twentyOne"],
    ["22", "twentyTwo"],
    ["23", "twentyThree"],
    ["24", "twentyFour"],
    ["20", "twenty"],
    ["30", "thirty"],
    ["360", "threeSixty"],
    ["60", "sixty"],
    ["1", "one"],
    ["2", "two"],
    ["3", "three"],
    ["4", "four"],
    ["5", "five"],
    ["6", "six"],
    ["7", "seven"],
    ["8", "eight"],
    ["9", "nine"]
];

const numberByWord = Object.fromEntries(
    wordByNumberEntries.map(([num, word]) => [word.toLowerCase(), num])
);

export function muiComponentNameToFileName(muiComponentName: string) {
    special_cases: {
        let baseMuiComponentName = muiComponentName;
        let variant: "base" | "outlined" | "rounded" | "two_tone" | "sharp" = "base";

        if (baseMuiComponentName.endsWith("Outlined")) {
            baseMuiComponentName = baseMuiComponentName.replace(/Outlined$/, "");
            variant = "outlined";
        } else if (baseMuiComponentName.endsWith("Rounded")) {
            baseMuiComponentName = baseMuiComponentName.replace(/Rounded$/, "");
            variant = "rounded";
        } else if (baseMuiComponentName.endsWith("TwoTone")) {
            baseMuiComponentName = baseMuiComponentName.replace(/TwoTone$/, "");
            variant = "two_tone";
        } else if (baseMuiComponentName.endsWith("Sharp")) {
            baseMuiComponentName = baseMuiComponentName.replace(/Sharp$/, "");
            variant = "sharp";
        }

        let baseIconFilename: string;

        if (baseMuiComponentName === "Grid3x3") {
            baseIconFilename = "grid_3x3";
        } else if (baseMuiComponentName === "Grid4x4") {
            baseIconFilename = "grid_4x4";
        } else if (baseMuiComponentName === "TimesOneMobiledata") {
            baseIconFilename = "1x_mobiledata";
        } else if (baseMuiComponentName === "TwentyZeroMp") {
            baseIconFilename = "20mp";
        } else if (baseMuiComponentName === "Crop169") {
            baseIconFilename = "crop_16_9";
        } else if (baseMuiComponentName === "Forward10") {
            baseIconFilename = "forward_10";
        } else if (baseMuiComponentName === "Forward30") {
            baseIconFilename = "forward_30";
        } else if (baseMuiComponentName === "LooksOne") {
            baseIconFilename = "looks_one";
        } else if (baseMuiComponentName === "LooksTwo") {
            baseIconFilename = "looks_two";
        } else if (baseMuiComponentName === "PlusOne") {
            baseIconFilename = "plus_one";
        } else if (baseMuiComponentName === "RepeatOne") {
            baseIconFilename = "repeat_one";
        } else if (baseMuiComponentName === "RepeatOneOn") {
            baseIconFilename = "repeat_one_on";
        } else if (baseMuiComponentName === "Replay10") {
            baseIconFilename = "replay_10";
        } else if (baseMuiComponentName === "Replay30") {
            baseIconFilename = "replay_30";
        } else if (baseMuiComponentName === "Rotate90DegreesCcw") {
            baseIconFilename = "rotate_90_degrees_ccw";
        } else if (baseMuiComponentName === "Rotate90DegreesCw") {
            baseIconFilename = "rotate_90_degrees_cw";
        } else if (baseMuiComponentName === "StarBorderPurple500") {
            baseIconFilename = "star_border_purple500";
        } else if (baseMuiComponentName === "StarPurple500") {
            baseIconFilename = "star_purple500";
        } else if (baseMuiComponentName === "Timer10") {
            baseIconFilename = "timer_10";
        } else if (baseMuiComponentName === "Timer10Select") {
            baseIconFilename = "timer_10_select";
        } else if (baseMuiComponentName === "TwoWheeler") {
            baseIconFilename = "two_wheeler";
        } else {
            break special_cases;
        }

        return `${baseIconFilename}${variant === "base" ? "" : `_${variant}`}_24px.svg`;
    }

    const muiComponentNameWithoutTwoTone = muiComponentName.replace(/TwoTone$/, "");

    const isTwoTone = muiComponentNameWithoutTwoTone !== muiComponentName;

    const iconFileName = muiComponentNameWithoutTwoTone
        .replace("OneKk", "TenK")
        .replace("TwentyOne", "Twentyone")
        .replace("TwentyTwo", "Twentytwo")
        .replace("TwentyThree", "Twentythree")
        .replace("TwentyFour", "Twentyfour")
        .replace("ThreeSixty", "Threesixty")
        .split(/(?=[A-Z0-9])/)
        .map(word => uncapitalize(word))
        .map((word, i) => {
            const num = numberByWord[word];

            if (num === undefined) {
                return word;
            }

            if (i === 0) {
                return `${num}!!!`;
            }

            return num;
        })
        .reduce((acc, word) => {
            if (acc === "") {
                return word;
            }

            if (!acc.endsWith("!!!")) {
                return `${acc}_${word}`;
            }

            acc = acc.replace(/!!!$/, "");

            if (word === "up") {
                return `${acc}_up`;
            }

            if (word.length >= 4) {
                return `${acc}_${word}`;
            }

            return `${acc}${word}`;
        }, "")
        .replace(/!!!$/, "")
        .replace(/^co_2/, "co2")
        .replace(/$/, `${isTwoTone ? "_two_tone" : ""}_24px.svg`);

    return iconFileName;
}