import type {Whiteboard} from "@/types";
import {api} from './api'

export const whiteboardService = {
  async getWhiteboardHistory(): Promise<Whiteboard[]> {
    const raw = await api.get<any[]>('/api/Whiteboard/history')
    return raw.map(mapWhiteboard)
  },

  async getRecentWhiteboards(): Promise<Whiteboard[]> {
    const raw = await api.get<any[]>('/api/Whiteboard/recent')
    return raw.map(mapWhiteboard)
  },

  async createNewWhiteboard(title: string): Promise<string> {
    return await api.post<string>('/api/Whiteboard', { title: title, maxParticipants: 10, joinPolicy: 0})
  },

  async getWhiteboardById(id: string): Promise<Whiteboard> {
    return await api.get<any>(`/api/Whiteboard/${id}`).then(mapWhiteboard)
  },

  async deleteWhiteboard(id: string): Promise<void> {
    await api.delete(`/api/Whiteboard/${id}`)
  }
}

function mapWhiteboard(raw: any): Whiteboard {
  return {
    id: raw.id,
    ownerId: raw.ownerId,
    code: raw.code,
    title: raw.title,
    createdAt: new Date(raw.createdAt),
    deletedAt: raw.deletedAt ? new Date(raw.deletedAt) : undefined,
    maxParticipants: raw.maxParticipants,
    joinPolicy: raw.joinPolicy,
    state: raw.state,
  }
}