Setup initial project

packages/web/src/services/api-client.ts

@@ -0,0 +1,73 @@
+const BASE_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3001/api/v1';
+
+class ApiClient {
+  private _accessToken: string | null = null;
+
+  public set accessToken(token: string) {
+    this._accessToken = token;
+  }
+
+  private getHeaders(): Record<string, string> {
+    const headers: Record<string, string> = {
+      'Content-Type': 'application/json',
+    };
+
+    if (this._accessToken) {
+      headers['Authorization'] = `Bearer ${this._accessToken}`;
+    }
+
+    return headers;
+  }
+
+  public async get<T>(url: string): Promise<T> {
+    const res = await fetch(`${BASE_URL}${url}`, {
+      headers: this.getHeaders(),
+    });
+    if (!res.ok) {
+      const error = await res.json().catch(() => ({ message: res.statusText }));
+      throw new Error(error.message || `Request failed: ${res.status}`);
+    }
+    return res.json();
+  }
+
+  public async post<T>(url: string, body?: unknown): Promise<T> {
+    const res = await fetch(`${BASE_URL}${url}`, {
+      method: 'POST',
+      headers: this.getHeaders(),
+      body: body ? JSON.stringify(body) : undefined,
+    });
+    if (!res.ok) {
+      const error = await res.json().catch(() => ({ message: res.statusText }));
+      throw new Error(error.message || `Request failed: ${res.status}`);
+    }
+    return res.json();
+  }
+
+  public async patch<T>(url: string, body: unknown): Promise<T> {
+    const res = await fetch(`${BASE_URL}${url}`, {
+      method: 'PATCH',
+      headers: this.getHeaders(),
+      body: JSON.stringify(body),
+    });
+    if (!res.ok) {
+      const error = await res.json().catch(() => ({ message: res.statusText }));
+      throw new Error(error.message || `Request failed: ${res.status}`);
+    }
+    return res.json();
+  }
+
+  public async delete<T = void>(url: string): Promise<T> {
+    const res = await fetch(`${BASE_URL}${url}`, {
+      method: 'DELETE',
+      headers: this.getHeaders(),
+    });
+    if (!res.ok) {
+      const error = await res.json().catch(() => ({ message: res.statusText }));
+      throw new Error(error.message || `Request failed: ${res.status}`);
+    }
+    if (res.status === 204) return undefined as T;
+    return res.json();
+  }
+}
+
+export const apiClient = new ApiClient();