import { uid } from "uid"
import { ShowObj } from "../classes/Show"
import { DEFAULT_ITEM_STYLE } from "../components/edit/scripts/itemHelpers"
import { checkName, getGlobalGroup } from "../components/helpers/show"
import { activePopup, alertMessage } from "../stores"
import { translateText } from "../utils/language"
import { createCategory, setTempShows } from "./importHelpers"
import { xml2json } from "./xml"

type Song = {
    Contents: string
    CurItemNo: string // "0"
    Folder: string
    SongNumber: string
    Title1: string
}

export function convertEasyslides(data: any) {
    activePopup.set("alert")
    alertMessage.set("popup.importing")

    const categoryId = createCategory("Easyslides")

    const tempShows: any[] = []

    // set timeout to allow popup to open
    setTimeout(() => {
        data?.forEach(({ content }: any) => {
            if (!content) return

            const json = xml2json(content)
            if (!json) return

            const songs = json.Easyslides?.Item || json.EasiSlides?.Item || []
            if (!Array.isArray(songs) || !songs.length) return

            songs.forEach(convertSong)
        })

        setTempShows(tempShows)
    })

    function convertSong(song: Song) {
        const layoutID = uid()
        const show = new ShowObj(false, categoryId, layoutID)
        show.origin = "easyslides"
        show.name = checkName(song.Title1)

        const { slides, layout }: any = createSlides(song)

        if (Number(song.SongNumber)) show.meta = { number: song.SongNumber }
        if (show.meta.number !== undefined) show.quickAccess = { number: show.meta.number }

        show.slides = slides
        show.layouts = { [layoutID]: { name: translateText("example.default"), notes: "", slides: layout } }

        tempShows.push({ id: uid(), show })
    }
}

function createSlides(song: Song) {
    let lyrics = song.Contents || ""

    const slides: any = {}
    const layout: any[] = []

    if (!lyrics) return { slides, layout }

    // fix incorrect formatting
    lyrics = lyrics.replaceAll("[", "\n\n[").trim()
    lyrics = lyrics.replaceAll("\n\n\n\n", "\n\n")

    lyrics = lyrics.replace(/\[\d+\]/g, "\n\n").replaceAll("\n\n\n", "\n\n")
    const slideLines = lyrics.split("\n\n").filter(Boolean)
    slideLines.forEach((slideLine) => {
        const lines = slideLine.split("\n").filter(Boolean)
        let group = "verse"
        if (lines[0].includes("[") && lines[0].includes("]")) {
            group = lines[0].replace(/[\s\d]/g, "")
            lines.shift()
        }

        const id: string = uid()
        layout.push({ id })

        const items = [
            {
                style: DEFAULT_ITEM_STYLE,
                lines: lines.map((text: any) => ({ align: "", text: [{ style: "", value: text.trim() }] }))
            }
        ]

        slides[id] = {
            group: "",
            color: null,
            settings: {},
            notes: "",
            items
        }

        let globalGroup = getGlobalGroup(group)
        if (!group) globalGroup = "verse"
        if (globalGroup) slides[id].globalGroup = globalGroup
        else slides[id].group = group
    })

    return { slides, layout }
}