import type { Item } from "../../../types/Show"
import { getSlideText } from "../edit/scripts/textStyle"
import { clone } from "../helpers/array"
import { getLayoutRef } from "../helpers/show"
import { _show } from "../helpers/shows"
import { getTextboxes } from "./formatTextEditor"

export function getPlainEditorText(showId = "", allowEmpty = false) {
    if (!showId) showId = "active"
    const ref = getLayoutRef(showId)
    const slides = _show(showId).get("slides")

    // slide data for editing (WIP unused)
    const slidesData: any[] = []

    let text = ""

    ref.forEach((refSlide) => {
        const id = refSlide.id
        const slide = slides[id]
        if (!slide) return

        const slideData: any = { id, items: slide.items, text: "", ref: refSlide }
        let data = getItems(slide.items)

        if (slide.group !== null && (data.hasTextboxItem || allowEmpty || slide.children?.find((childId) => getSlideText(slides[childId]).length))) {
            const groupId = "[" + (replaceValues(slide.group, true) || "—") + "]"
            text += groupId + "\n"
            slideData.text += groupId + "\n"
            // children has content
            if (!data.hasTextboxItem) {
                data = { plainText: " ", text: " \n\n", hasTextboxItem: true }
            }
        }

        text += data.text

        slideData.text += data.plainText

        // don't add slides without textboxes
        if (data.hasTextboxItem || allowEmpty) slidesData.push(slideData)
    })

    return text.trim()
}

function getItems(items: Item[]) {
    let text = ""
    let plainText = ""
    // let selectedItem: Item = getFirstNormalTextbox(items)
    const selectedItems: Item[] = getTextboxes(clone(items)).reverse()

    if (!selectedItems.length) return { text, plainText, hasTextboxItem: false }

    selectedItems.forEach((item, i) => {
        if (selectedItems.length > 1) {
            const translation = item?.language ? `:${item.language}` : ""
            const textboxId = `[#${i + 1}${translation}]`
            text += textboxId + "\n"
            plainText += textboxId + "\n"
        }

        const filteredLines = (Array.isArray(item.lines) ? item.lines.filter((line) => Array.isArray(line.text) && line.text.filter((lineText) => lineText.value.length).length) : []) || []
        filteredLines.forEach((line, lineIndex) => {
            let tempText = ""
            line.text?.forEach((txt) => {
                tempText += txt.value
            })

            // chords (from last in line to first)
            const sortedChords = line.chords?.sort((a, b) => b.pos - a.pos) || []
            sortedChords.forEach((chord) => {
                while (!tempText[chord.pos]) tempText += " "
                tempText = tempText.slice(0, chord.pos) + `[${chord.key}]` + tempText.slice(chord.pos)
            })

            if (tempText.length) {
                text += tempText + "\n"
                plainText += tempText + (lineIndex < filteredLines.length - 1 ? "\n" : "")
            }
        })

        // remove double enters
        text = text.replaceAll("\n\n", "")
        if (i === selectedItems.length - 1) text += "\n"
    })

    return { text, plainText, hasTextboxItem: true }
}

const br = "||__$BREAK$__||"

function replaceValues(text: string, revert = false) {
    if (typeof text !== "string") return ""

    if (revert) return text.replaceAll(br, "\n")
    return text.replaceAll("\n", br)
}