const res = await SBCanvas.http('https://api.example.com/data');
console.log(res.ok);          // true if 2xx
console.log(res.status_code); // 200
console.log(res.body);        // parsed response body

const post = await SBCanvas.http('https://api.example.com/webhook', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: { event: 'goal_reached', amount: 500 }
});

SBCanvas.http(url, options?)

{
  ok: boolean,        // true if status 2xx
  status_code: number,
  body: any           // parsed JSON or raw text
}

try {
  const res = await SBCanvas.http('https://api.example.com/data');
  if (!res.ok) {
    console.error(`HTTP ${res.status_code}:`, res.body);
    return;
  }
  // use res.body
} catch (err) {
  // network error, timeout, or proxy rejection
  console.error('Request failed:', err);
}

SBCanvas.ready(async () => {
  const res = await SBCanvas.http('https://api.openweathermap.org/data/2.5/weather?q=Austin&appid=YOUR_KEY');
  if (res.ok) {
    const temp = Math.round(res.body.main.temp - 273.15);
    document.getElementById('weather').textContent = `${temp}°C`;
  }
});

SBCanvas.activities.on('raid', async (activity) => {
  await SBCanvas.http('https://discord.com/api/webhooks/YOUR_WEBHOOK', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: {
      content: `Raided by ${activity.username} with ${activity.viewers} viewers!`
    }
  });
});