import { get } from "svelte/store"
import type { Shows } from "../../../types/Show"
import { activePlaylist, audioPlaylists, outputs, playingAudio, playingVideos, playingVideoState, projects, shows, showsCache, variables } from "../../stores"
import { getTextLines } from "../edit/scripts/textStyle"
import { keysToID } from "../helpers/array"
import { getFirstActiveOutput } from "../helpers/output"
import { loadShows } from "../helpers/setShow"
import { getLayoutRef } from "../helpers/show"
import { _show } from "../helpers/shows"
import type { API_id_optional, API_slide } from "./api"

export function getShows() {
    return get(shows) as Shows
}

export async function getShow({ id }: { id: string }) {
    await loadShows([id])
    return get(showsCache)[id]
}

export async function getShowLayout({ id }: { id: string }) {
    await loadShows([id])
    return getLayoutRef(id)
}

export function getProjects() {
    return get(projects)
}

export function getProject({ id }: { id: string }) {
    return get(projects)[id]
}

export function getOutput(data: API_id_optional) {
    const output = data?.id ? get(outputs)[data.id] : getFirstActiveOutput()
    return output?.out || null
}

export function getOutputSlideText() {
    const outputSlide = getFirstActiveOutput()?.out?.slide
    const layoutRef = _show(outputSlide?.id).layouts([outputSlide?.layout]).ref()[0] || []
    const slideId = layoutRef[outputSlide?.index ?? -1]?.id
    const slide = _show(outputSlide?.id).get("slides")?.[slideId]
    return getTextLines(slide).join("\n")
}

export function getOutputGroupName() {
    const outputSlide = getFirstActiveOutput()?.out?.slide
    const layoutRef = _show(outputSlide?.id).layouts([outputSlide?.layout]).ref()[0] || []
    const slideId = layoutRef[outputSlide?.index ?? -1]?.id
    const slide = _show(outputSlide?.id).get("slides")?.[slideId]
    return slide?.group || ""
}

export function getPlayingVideoDuration() {
    const outputPath = getFirstActiveOutput()?.out?.background?.path || ""
    const video = get(playingVideos).find((a) => a.path === outputPath)
    const time = video?.audio?.duration || 0
    return time
}

export function getPlayingVideoTime() {
    const firstOutput = getFirstActiveOutput()
    const bg = firstOutput?.out?.background
    const videoPath = bg?.path || bg?.id || ""
    const key = `${videoPath}_${firstOutput?.id || ""}`

    const time = get(playingVideoState)[key]?.currentTime || 0
    return time
}

export function getPlayingVideoState() {
    const output = getFirstActiveOutput()
    const outputId = output?.id || ""
    const bg = output?.out?.background
    const path = bg?.path || bg?.id || ""

    const key = `${path}_${outputId}`
    const videoData = get(playingVideoState)[key]

    const duration = videoData?.duration ?? 0
    const time = videoData?.currentTime ?? 0
    const paused = videoData?.paused ?? false
    const loop = bg?.loop !== false // default to true
    const muted = bg?.muted !== false // default to true

    return { duration, time, paused, loop, muted }
}

export function getPlayingAudioDuration() {
    const audio = Object.values(get(playingAudio))[0]?.audio
    return audio ? audio?.duration || 0 : 0
}

export function getPlayingAudioTime() {
    const audio = Object.values(get(playingAudio))[0]?.audio
    return audio ? audio?.currentTime || 0 : 0
}

export function getPlayingAudioData() {
    const audioId = Object.keys(get(playingAudio))[0]
    const audio = get(playingAudio)[audioId]
    if (!audio) return

    return { id: audioId, name: audio.name, paused: audio.paused, isMic: audio.isMic, duration: getPlayingAudioDuration() }
}

export function getPlaylists() {
    return get(audioPlaylists)
}

export function getPlayingPlaylist(data: API_id_optional) {
    const id = data?.id || get(activePlaylist)?.id
    return get(audioPlaylists)[id] ? { ...get(audioPlaylists)[id], id } : null
}

export function getSlide(data: API_slide) {
    const slides = _show(data.showId || "active").get("slides") || {}
    const slide = slides[data.slideId || Object.keys(slides)[0]]
    return slide || null
}

export function getVariables() {
    const variableStore = get(variables)

    // Transform the variables object to an array with the requested fields
    return Object.entries(variableStore || {}).map(([id, variable]) => ({
        id,
        name: variable.name || "",
        type: variable.type || "number",
        value: variable.number !== undefined ? variable.number : variable.text || "",
        text: variable.text || "",
        enabled: variable.enabled !== false // default to true if not specified
    }))
}

export function getVariable(data: { id?: string; name?: string }) {
    if (data.id && get(variables)[data.id]) {
        return { id: data.id, ...get(variables)[data.id] }
    }

    if (data.name) {
        return keysToID(get(variables)).find((a) => a.name === data.name) || null
    }

    return null
}