@orsetra/shared-ui 1.0.5 → 1.0.7

package/hooks/use-mobile.ts

@@ -1,3 +1,5 @@
+"use client"
+
 import * as React from "react"
 
 const MOBILE_BREAKPOINT = 768

package/hooks/use-websocket.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import { useEffect, useRef, useState } from 'react'
 
 interface UseWebSocketReturn<T> {

package/index.ts

@@ -1,6 +1,8 @@
 // Utilities
 export * from './lib/utils'
 export * from './lib/menu-utils'
+export { BaseService } from './lib/base-service'
+export { default as HttpClient, useHttpClient } from './lib/http-client'
 
 // UI Components
 export * from './components/ui'

package/lib/base-service.ts

@@ -0,0 +1,18 @@
+import HttpClient from './http-client';
+
+/**
+ * Classe de base pour tous les services qui utilisent HttpClient
+ * L'organization ID est automatiquement ajouté aux headers via les custom attributes AWS Amplify
+ */
+export abstract class BaseService {
+  protected httpClient: HttpClient;
+
+  constructor(baseUrl: string) {
+    this.httpClient = HttpClient.getInstance(baseUrl);
+  }
+
+  protected handleServiceError(error: any): Error {
+    console.error('Service error:', error)
+    return error
+  }
+}

package/lib/http-client.ts

@@ -0,0 +1,149 @@
+// Simplified HTTP client without AWS Amplify dependencies
+
+class HttpClient {
+  private static instance: HttpClient;
+  private baseUrl: string;
+  
+  private constructor(baseUrl: string) {
+    this.baseUrl = baseUrl || process.env.NEXT_PUBLIC_API_URL || '';
+  }
+  
+  public static getInstance(baseUrl: string): HttpClient {
+    if (!HttpClient.instance) {
+      HttpClient.instance = new HttpClient(baseUrl);
+    }
+    return HttpClient.instance;
+  }
+
+  private getFullUrl(path: string): string {
+    const cleanPath = path.startsWith('/') ? path.slice(1) : path;
+    return `${this.baseUrl}/${cleanPath}`;
+  }
+  
+  private async getAuthHeaders(): Promise<Headers> {
+    const headers = new Headers();
+    headers.set('Content-Type', 'application/json');
+    
+    try {
+      // TODO: Add authentication token and account context if needed
+      // For now, just return basic headers
+    } catch (error) {
+      console.warn('Failed to get auth headers:', error);
+    }
+    
+    if (!headers.has('Content-Type')) {
+      headers.set('Content-Type', 'application/json');
+    }
+
+    return headers;
+  }
+  
+  async request<T>(url: string, options: RequestInit = {}): Promise<T | null> {
+    const headers = await this.getAuthHeaders();
+    
+    // Fusionner avec les headers existants
+    if (options.headers) {
+      Object.entries(options.headers).forEach(([key, value]) => {
+        headers.set(key, value as string);
+      });
+    }
+    
+    const fullUrl = this.getFullUrl(url);
+    
+    const response = await fetch(fullUrl, {
+      ...options,
+      headers,
+    });
+
+    if (!response.ok) {
+      throw new Error(`Request failed: ${response.status}`);
+    }
+    
+    if (response.status === 204) {
+      return null;
+    }
+    
+    return response.json();
+  }
+  
+  async get<T>(url: string, options: RequestInit = {}): Promise<T | null> {
+    return this.request<T>(url, {
+      ...options,
+      method: 'GET'
+    });
+  }
+  
+  async post<T>(url: string, body?: any, options: RequestInit = {}): Promise<T | null> {
+    return this.request<T>(url, {
+      ...options,
+      method: 'POST',
+      body: body ? JSON.stringify(body) : undefined
+    });
+  }
+  
+  async put<T>(url: string, body?: any, options: RequestInit = {}): Promise<T | null> {
+    return this.request<T>(url, {
+      ...options,
+      method: 'PUT',
+      body: body ? JSON.stringify(body) : undefined
+    });
+  }
+  
+  async delete<T>(url: string, options: RequestInit = {}): Promise<T | null> {
+    return this.request<T>(url, {
+      ...options,
+      method: 'DELETE'
+    });
+  }
+
+  async upload<T>(url: string, formData: FormData, options: RequestInit = {}): Promise<T> {
+    const headers = await this.getAuthHeaders();
+    
+    if (headers.has('Content-Type')) {
+      headers.delete('Content-Type');
+    }
+    
+    const fullUrl = this.getFullUrl(url);
+    
+    const response = await fetch(fullUrl, {
+      ...options,
+      method: 'POST',
+      body: formData,
+      headers
+    });
+    
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Upload failed: ${response.status} ${response.statusText} - ${errorText}`);
+    }
+    
+    if (response.status === 204) {
+      return null as unknown as T;
+    }
+    
+    return response.json();
+  }
+
+  async download(url: string): Promise<Blob> {
+    const headers = await this.getAuthHeaders();
+    const fullUrl = this.getFullUrl(url);
+    
+    const response = await fetch(fullUrl, {
+      method: 'GET',
+      headers,
+      credentials: 'include'
+    });
+    
+    if (!response.ok) {
+      throw new Error(`Download failed: ${response.status} ${response.statusText}`);
+    }
+    
+    return await response.blob();
+  }
+}
+
+export function useHttpClient(baseUrl: string) {
+  return HttpClient.getInstance(baseUrl);
+}
+
+export default HttpClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",