Compareware_next.js/src/lib/api-client.ts

// Client-side API functions
import { Item } from '@/types/database';
import { API_ENDPOINTS, ErrorResponse } from '@/types/api';

// API Client class
export class ApiClient {
  private baseUrl: string;

  constructor(baseUrl: string = '') {
    this.baseUrl = baseUrl;
  }

  // Helper method for making requests with error handling
  private async makeRequest<T>(
    url: string,
    options: RequestInit = {}
  ): Promise<T> {
    const fullUrl = `${this.baseUrl}${url}`;
    console.log('[API CLIENT] Making request to:', fullUrl);

    try {
      const response = await fetch(fullUrl, {
        headers: {
          'Content-Type': 'application/json',
          ...options.headers,
        },
        ...options,
      });

      if (!response.ok) {
        const errorData: ErrorResponse = await response.json().catch(() => ({
          error: `HTTP ${response.status}: ${response.statusText}`,
        }));
        
        console.error('[API CLIENT] Request failed:', errorData);
        throw new Error(errorData.error || `Request failed with status ${response.status}`);
      }

      const data = await response.json();
      console.log('[API CLIENT] Request successful');
      return data;
    } catch (error) {
      console.error('[API CLIENT] Network error:', error);
      throw error;
    }
  }

  // Get items by URL
  async getItemsByUrl(url: string): Promise<Item[]> {
    console.log('[API CLIENT] Fetching items for URL:', url);
    const encodedUrl = encodeURIComponent(url);
    return this.makeRequest<Item[]>(API_ENDPOINTS.ITEMS(encodedUrl));
  }

  // Create/update item 
  async saveItem(url: string, item: Item): Promise<Item> {
    console.log('[API CLIENT] Saving item - ID:', item.id, 'Name:', item.name);
    const encodedUrl = encodeURIComponent(url);
    
    return this.makeRequest<Item>(API_ENDPOINTS.ITEMS(encodedUrl), {
      method: 'POST',
      body: JSON.stringify(item),
    });
  }

  // Delete item
  async deleteItem(url: string, itemId: string): Promise<void> {
    console.log('[API CLIENT] Deleting item:', itemId, 'from URL:', url);
    const encodedUrl = encodeURIComponent(url);
    
    await this.makeRequest(API_ENDPOINTS.ITEM(encodedUrl, itemId), {
      method: 'DELETE',
    });
  }

  // Get selected properties
  async getSelectedProperties(url: string): Promise<string[]> {
    console.log('[API CLIENT] Fetching properties for URL:', url);
    const encodedUrl = encodeURIComponent(url);
    return this.makeRequest<string[]>(API_ENDPOINTS.PROPERTIES(encodedUrl));
  }

  // Add selected property
  async addProperty(url: string, property: string): Promise<void> {
    console.log('[API CLIENT] Adding property:', property, 'to URL:', url);
    const encodedUrl = encodeURIComponent(url);
    
    await this.makeRequest(API_ENDPOINTS.PROPERTIES(encodedUrl), {
      method: 'POST',
      body: JSON.stringify(property),
    });
  }

  // Delete property
  async deleteProperty(url: string, property: string): Promise<void> {
    console.log('[API CLIENT] Deleting property:', property, 'from URL:', url);
    const encodedUrl = encodeURIComponent(url);
    const encodedProperty = encodeURIComponent(property);
    
    await this.makeRequest(API_ENDPOINTS.PROPERTY(encodedUrl, encodedProperty), {
      method: 'DELETE',
    });
  }
}

// Default API client instance
export const apiClient = new ApiClient();

// Individual functions (for backward compatibility)
export const loadItemsFromDb = (url: string) => apiClient.getItemsByUrl(url);
export const saveItemToDb = (url: string, item: Item) => apiClient.saveItem(url, item);
export const deleteItemFromDb = (url: string, itemId: string) => apiClient.deleteItem(url, itemId);
export const getSelectedPropertiesFromDb = (url: string) => apiClient.getSelectedProperties(url);
export const addPropertyToDb = (url: string, property: string) => apiClient.addProperty(url, property);
export const deletePropertyFromDb = (url: string, property: string) => apiClient.deleteProperty(url, property);