feat(api): implement ApiClient class with CRUD operations and error handling

src/lib/api-client.ts

@@ -0,0 +1,115 @@
+// 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);