interface RequestOptions extends RequestInit {
    params?: Record<string, string>;
}

class ApiClient {
    private baseUrl: string = '/api';

    async get<T>(url: string, params?: Record<string, string>): Promise<T> {
        return this.request<T>(url, { method: 'GET', params });
    }

    async post<T>(url: string, body: any): Promise<T> {
        return this.request<T>(url, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(body)
        });
    }

    async put<T>(url: string, body: any): Promise<T> {
        return this.request<T>(url, {
            method: 'PUT',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(body)
        });
    }

    async delete<T>(url: string): Promise<T> {
        return this.request<T>(url, { method: 'DELETE' });
    }

    async getBlob(url: string): Promise<Blob> {
        // Ensure endpoint starts with / if not empty and is relative
        if (url && !url.startsWith('/') && !url.startsWith('http')) {
            url = '/' + url;
        }

        // Handle absolute URLs (like preloading external)
        const fetchUrl = url.startsWith('http') ? url : `${this.baseUrl}${url}`;

        const response = await fetch(fetchUrl);
        if (!response.ok) throw new Error("Fetch failed");
        return response.blob();
    }

    private async request<T>(endpoint: string, options: RequestOptions = {}): Promise<T> {
        // Ensure endpoint starts with / if not empty
        if (endpoint && !endpoint.startsWith('/')) {
            endpoint = '/' + endpoint;
        }

        let url = `${this.baseUrl}${endpoint}`;
        if (options.params) {
            const query = new URLSearchParams(options.params).toString();
            url += `?${query}`;
        }

        const response = await fetch(url, options);

        if (!response.ok) {
            const errorBody = await response.json().catch(() => ({}));
            throw new Error(errorBody.detail || `HTTP Error ${response.status}`);
        }

        if (response.status === 204) {
            return {} as T;
        }

        return response.json();
    }
}

export const api = new ApiClient();