import type { Word } from '../captions/types'
import type { Clip, Seg } from './clips'

export type ProjectMeta = {
  id: string; name: string; created: number; width: number; height: number; fps: number; duration: number
  hasAudio: boolean; playUrl: string; peaksUrl: string; language?: string
  transcribeStatus?: 'running' | 'done' | 'error' | null; transcribeError?: string | null
  transcript?: { language: string; words: Word[]; segments: { start: number; end: number; text: string }[] }
  clips?: Clip[]; segments?: Seg[]
}

const j = async <T>(r: Response): Promise<T> => { if (!r.ok) throw new Error(`${r.status} ${await r.text()}`); return r.json() }

export const api = {
  list: () => fetch('/api/projects').then(j<ProjectMeta[]>),
  get: (id: string) => fetch(`/api/projects/${id}`).then(j<ProjectMeta>),
  status: (id: string) => fetch(`/api/projects/${id}/status`).then(j<{ transcribeStatus: string | null; transcribeError: string | null }>),
  remove: (id: string) => fetch(`/api/projects/${id}`, { method: 'DELETE' }).then(j),
  upload: (file: File, onProgress?: (p: number) => void) => new Promise<ProjectMeta>((res, rej) => {
    const x = new XMLHttpRequest(); const fd = new FormData(); fd.append('file', file)
    x.upload.onprogress = e => onProgress?.(e.loaded / (e.total || 1))
    x.onload = () => x.status < 300 ? res(JSON.parse(x.responseText)) : rej(new Error(x.responseText))
    x.onerror = () => rej(new Error('upload failed'))
    x.open('POST', '/api/projects'); x.send(fd)
  }),
  rename: (id: string, name: string) => fetch(`/api/projects/${id}`, { method: 'PATCH', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ name }) }).then(j<ProjectMeta>),
  addClip: (id: string, file: File, onProgress?: (p: number) => void) => new Promise<Clip>((res, rej) => {
    const x = new XMLHttpRequest(); const fd = new FormData(); fd.append('file', file)
    x.upload.onprogress = e => onProgress?.(e.loaded / (e.total || 1))
    x.onload = () => x.status < 300 ? res(JSON.parse(x.responseText)) : rej(new Error(x.responseText))
    x.onerror = () => rej(new Error('upload failed'))
    x.open('POST', `/api/projects/${id}/clips`); x.send(fd)
  }),
  clipTranscript: (id: string, cid: string) => fetch(`/api/projects/${id}/clips/${cid}/transcript`).then(j<{ words: Word[] }>),
  assemble: (id: string, segments: Omit<Seg, 'start'>[]) => fetch(`/api/projects/${id}/assemble`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ segments }) }).then(j<ProjectMeta>),
  retranscribe: (id: string, language?: string) => { const fd = new FormData(); if (language) fd.append('language', language); return fetch(`/api/projects/${id}/transcribe`, { method: 'POST', body: fd }).then(j) },
  srt: (cards: { start: number; end: number; text: string }[], format: 'srt' | 'vtt') =>
    fetch('/api/subtitles/srt', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ cards, format }) }).then(r => r.text()),
  audioTool: (id: string, tool: 'denoise' | 'normalize' | 'enhance') => fetch(`/api/projects/${id}/audio/${tool}`, { method: 'POST' }).then(j<{ url: string }>),
  saveRender: (id: string, blob: Blob) => { const fd = new FormData(); fd.append('file', blob, 'render.mp4'); return fetch(`/api/projects/${id}/renders`, { method: 'POST', body: fd }).then(j<{ url: string; name: string }>) },
  renders: (id: string) => fetch(`/api/projects/${id}/renders`).then(j<{ url: string; name: string; size: number }[]>),
  getState: (id: string) => fetch(`/api/projects/${id}/state`).then(j<Record<string, unknown> | null>),
  uploadAsset: (id: string, file: File) => { const fd = new FormData(); fd.append('file', file); return fetch(`/api/projects/${id}/assets`, { method: 'POST', body: fd }).then(j<{ url: string; kind: 'image' | 'video' | 'audio'; name: string; duration?: number; width?: number; height?: number }>) },
  ttsVoices: () => fetch('/api/tts/voices').then(j<{ voices: string[]; ready: boolean; clone: boolean }>),
  tts: (text: string, voice: string, speed: number) => fetch('/api/tts', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ text, voice, speed }) }).then(j<{ url: string; duration: number }>),
  clone: (projectId: string, text: string, refStart: number, refEnd: number, speed: number) => fetch('/api/clone', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ projectId, text, refStart, refEnd, speed }) }).then(j<{ url: string; duration: number }>),
  translateLanguages: () => fetch('/api/translate/languages').then(j<{ ready: boolean; available: string[]; installed: string[][] }>),
  translate: (texts: string[], source: string, target: string) => fetch('/api/translate', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ texts, source, target }) }).then(j<{ texts: string[] }>),
  exportServer: (id: string, cuts: { start: number; end: number }[]) =>
    fetch(`/api/projects/${id}/export`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ cuts }) }).then(j<{ url: string }>),
}

export const download = (blobOrUrl: Blob | string, name: string) => {
  const a = document.createElement('a')
  a.href = typeof blobOrUrl === 'string' ? blobOrUrl : URL.createObjectURL(blobOrUrl)
  a.download = name; document.body.appendChild(a); a.click(); a.remove()
}