121 lines
2.7 KiB
TypeScript
121 lines
2.7 KiB
TypeScript
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 protocol = window.location.protocol === 'https:' ? 'wss' : 'ws';
|
|
const ws = new WebSocket(`${protocol}://${window.location.host}/api/events`);
|
|
ws.onmessage = (event) => {
|
|
onMessage(JSON.parse(event.data));
|
|
};
|
|
|
|
return ws;
|
|
}
|
|
};
|