import icons, { SimpleIcon } from "simple-icons"
import tinycolor from "tinycolor2"

import { portfolioData } from ".."
import { contentDirectoryPath, iconsDirectoryPath } from "../config"
import { generateToc } from "../parseMarkdown"
import { writeToFile } from "../util"
import { DataToPass } from "."

export default function parseProjects(data: DataToPass): void {
    const { urlPath, markdownRaw, markdownData } = data

    if (markdownData.badges) {
        ;(markdownData.badges as string[]).forEach((slug) => {
            // todo: handle cases when icon is not on simple-icons
            const icon: SimpleIcon =
                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                // @ts-ignore
                icons["si" + slug[0].toUpperCase() + slug.slice(1)]

            portfolioData.skills.add(slug)

            const color = tinycolor(icon.hex).lighten(5).desaturate(5)

            // save svg icon
            writeToFile(
                `${iconsDirectoryPath}/${icon.slug}.json`,
                JSON.stringify({
                    svg: icon.svg,
                    hex: color.toHexString(),
                    isDark: color.isDark(),
                    title: icon.title,
                })
            )
        })
    }

    // remove /projects/ prefix
    portfolioData.projects[urlPath.replace("/projects/", "")] = {
        name: markdownData.name as string,
        image: markdownData.image as string,
        overview: markdownData.overview as string,
        badges: (markdownData.badges as string[]) || [],
        repo: (markdownData.repo as string) || "",
    }

    writeToFile(
        `${contentDirectoryPath}${urlPath}.json`,
        JSON.stringify({
            content: markdownData.content,
            toc: generateToc(markdownRaw),
        })
    )
}