class ApiClient {
  constructor(baseUrl, getToken) {
    this.baseUrl = baseUrl;
    this.getToken = getToken;
  }

  async request(path, options = {}) {
    const token = this.getToken?.();
    const headers = {
      'Content-Type': 'application/json',
      ...(token ? { Authorization: `Bearer ${token}` } : {}),
      ...options.headers,
    };

    const response = await fetch(`${this.baseUrl}${path}`, {
      ...options,
      headers,
    });

    if (!response.ok) {
      let errorMessage = `HTTP ${response.status}`;
      try {
        const body = await response.json();
        errorMessage = body.message || body.detail || errorMessage;
      } catch {
        // body is not JSON
      }
      throw new Error(errorMessage);
    }

    // 204 No Content — no body to parse
    if (response.status === 204) return null;
    return response.json();
  }

  get(path, signal) {
    return this.request(path, { signal });
  }

  post(path, body) {
    return this.request(path, { method: 'POST', body: JSON.stringify(body) });
  }

  put(path, body) {
    return this.request(path, { method: 'PUT', body: JSON.stringify(body) });
  }

  patch(path, body) {
    return this.request(path, { method: 'PATCH', body: JSON.stringify(body) });
  }

  delete(path) {
    return this.request(path, { method: 'DELETE' });
  }
}

const api = new ApiClient(
  'https://api.myapp.com',
  () => localStorage.getItem('token')
);

// שימוש:
const users = await api.get('/users');
const user = await api.post('/users', { name: 'Alice', email: 'alice@example.com' });
await api.delete(`/users/${user.id}`);
Fetch API & REST — לדבר עם Backend

Fetch API & REST — לדבר עם Backend
