QueueCube/frontend/src/api/player.tsx

export interface NowPlayingResponse {
  success: boolean;
  playingItem: PlaylistItem;
  isPaused: boolean;
  volume: number;
  isIdle: boolean;
  currentFile: string;
}

export interface Metadata {
  title?: string;
  description?: string;
  siteName?: string;
}

export interface PlaylistItem {
  filename: string;
  title: string | null;
  id: number;
  playing: boolean | null;
  metadata?: Metadata;
}

export const getDisplayTitle = (item: PlaylistItem): string => {
  return item.title || item.metadata?.title || item.filename;
}

export interface MetadataUpdateEvent {
    event: 'metadata_update';
    data: {
        url: string;
        metadata: Metadata;
    };
}

export interface SearchResult {
  type: string;
  title: string;
  author: string;
  mediaUrl: string;
  thumbnailUrl: string;
}

export interface SearchResponse {
  success: boolean;
  results: SearchResult[];
}

export const API = {
  async getPlaylist(): Promise<PlaylistItem[]> {
    const response = await fetch('/api/playlist');
    return response.json();
  },
  
  async addToPlaylist(url: string): Promise<void> {
    await fetch('/api/playlist', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ url }),
    });
  },
  
  async removeFromPlaylist(index: number): Promise<void> {
    await fetch(`/api/playlist/${index}`, {
      method: 'DELETE',
    });
  },
  
  async play(): Promise<void> {
    await fetch('/api/play', { method: 'POST' });
  },
  
  async pause(): Promise<void> {
    await fetch('/api/pause', { method: 'POST' });
  },
  
  async skip(): Promise<void> {
    await fetch('/api/skip', { method: 'POST' });
  },

  async skipTo(index: number): Promise<void> {
    await fetch(`/api/skip/${index}`, { method: 'POST' });
  },
  
  async previous(): Promise<void> {
    await fetch('/api/previous', { method: 'POST' });
  },
  
  async getNowPlaying(): Promise<NowPlayingResponse> {
    const response = await fetch('/api/nowplaying');
    return response.json();
  },
  
  async setVolume(volume: number): Promise<void> {
    await fetch('/api/volume', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ volume }),
    });
  },
  
  async search(query: string): Promise<SearchResponse> {
    const response = await fetch(`/api/search?q=${encodeURIComponent(query)}`);
    return response.json();
  },
  
  subscribeToEvents(onMessage: (event: any) => void): WebSocket {
    const ws = new WebSocket(`ws://${window.location.host}/api/events`);
    ws.onmessage = (event) => {
      onMessage(JSON.parse(event.data));
    };

    return ws;
  }
};