import type { EpisodeActionInterface, EpisodeInterface } from '../utils/types'
import axios from '@nextcloud/axios'
import { defineStore } from 'pinia'
import { formatEpisodeTimestamp } from '../utils/time'
import { generateUrl } from '@nextcloud/router'

const audio = new Audio()

export const usePlayer = defineStore('player', {
	state: () => ({
		currentTime: null as number | null,
		duration: null as number | null,
		episode: null as EpisodeInterface | null,
		loaded: false,
		paused: true,
		podcastUrl: null as string | null,
		volume: 1,
		rate: 1,
		started: 0,
	}),
	actions: {
		init() {
			audio.ondurationchange = () => (this.duration = audio.duration)
			audio.onended = () => this.stop()
			audio.onloadeddata = () => (this.loaded = true)
			audio.onpause = () => this.pause()
			audio.onplay = () => this.play()
			audio.onratechange = () => (this.rate = audio.playbackRate)
			audio.onseeked = () => (this.currentTime = audio.currentTime)
			audio.ontimeupdate = () => (this.currentTime = audio.currentTime)
			audio.onvolumechange = () => (this.volume = audio.volume)
		},
		async load(episode: EpisodeInterface | null, podcastUrl?: string) {
			this.episode = episode
			this.podcastUrl = podcastUrl || null

			if (this.episode?.url) {
				audio.src = this.episode.url
				audio.load()

				try {
					const action = await axios.get<EpisodeActionInterface>(
						generateUrl('/apps/repod/episodes/action?url={url}', {
							url: this.episode.url,
						}),
					)

					this.episode.action = action.data
				} catch {}

				if (
					this.episode.action &&
					this.episode.action.position < this.episode.action.total
				) {
					audio.currentTime = this.episode.action.position
					this.started = audio.currentTime
				}

				audio.play()
			} else {
				this.loaded = false
				this.podcastUrl = null
				audio.src = ''
			}
		},
		pause() {
			audio.pause()
			this.paused = true
			this.time()
		},
		play() {
			audio.play()
			this.paused = false
			this.started = audio.currentTime
		},
		seek(currentTime: number) {
			audio.currentTime = currentTime
			this.time()
		},
		stop() {
			this.pause()
			this.episode = null
		},
		time() {
			if (!this.podcastUrl || !this.episode?.url) {
				return
			}

			this.episode = {
				...this.episode,
				action: {
					podcast: this.podcastUrl,
					episode: this.episode.url,
					guid: this.episode.guid,
					action: 'play',
					timestamp: formatEpisodeTimestamp(new Date()),
					started: Math.round(this.started),
					position: Math.round(audio.currentTime),
					total: Math.round(audio.duration),
				},
			}

			axios.post(generateUrl('/apps/gpoddersync/episode_action/create'), [
				this.episode.action,
			])
		},
		setVolume(volume: number) {
			audio.volume = volume
		},
		setRate(rate: number) {
			audio.playbackRate = rate
		},
	},
})