const BASE = '/api/fiddles';

async function request(url, opts = {}) {
  const res = await fetch(url, {
    headers: { 'Content-Type': 'application/json' },
    ...opts,
  });
  if (!res.ok) {
    const err = await res.json().catch(() => ({ error: res.statusText }));
    throw new Error(err.error || res.statusText);
  }
  return res.json();
}

export function createFiddle(data) {
  return request(BASE, { method: 'POST', body: JSON.stringify(data) });
}

export function loadFiddle(id) {
  return request(`${BASE}/${id}`);
}

export function updateFiddle(id, data) {
  return request(`${BASE}/${id}`, { method: 'PUT', body: JSON.stringify(data) });
}

export function listFiddles() {
  return request(BASE);
}