Recipes

const KEY = 'YOUR_API_KEY';
const ws = new WebSocket(`wss://api.sportsapipro.com/v1/football/ws?x-api-key=${KEY}`);

ws.onopen = () => ws.send(JSON.stringify({ type: 'subscribe', channel: 'live' }));

ws.onmessage = (e) => {
  const msg = JSON.parse(e.data);
  if (msg.type !== 'scores') return;
  msg.games.forEach((g) => {
    document.getElementById(`g-${g.id}`)?.replaceWith(renderGame(g));
  });
};

function renderGame(g) {
  const el = document.createElement('div');
  el.id = `g-${g.id}`;
  el.textContent = `${g.homeCompetitor.name} ${g.homeCompetitor.score} - ${g.awayCompetitor.score} ${g.awayCompetitor.name} (${g.gameTimeDisplay})`;
  return el;
}

const res = await fetch(
  'https://api.sportsapipro.com/v1/football/competition/11/standings',
  { headers: { 'x-api-key': KEY } }
);
const { data } = await res.json();
const table = data.standings[0];

console.table(
  table.rows.map((r) => ({
    pos: r.position,
    team: r.competitor.name,
    p: r.gamePlayed, w: r.gamesWon, d: r.gamesEven, l: r.gamesLost,
    gd: r.ratio, pts: r.points,
  }))
);

async function loadMatch(id) {
  const opts = { headers: { 'x-api-key': KEY } };
  const base = 'https://api.sportsapipro.com/v1/football/game';
  const [game, events, lineups, stats, stages] = await Promise.all([
    fetch(`${base}/${id}`,         opts).then(r => r.json()),
    fetch(`${base}/${id}/events`,  opts).then(r => r.json()),
    fetch(`${base}/${id}/lineups`, opts).then(r => r.json()),
    fetch(`${base}/${id}/stats`,   opts).then(r => r.json()),
    fetch(`${base}/${id}/stages`,  opts).then(r => r.json()),
  ]);
  return { game: game.data.game, events: events.data.events, lineups: lineups.data, stats: stats.data, stages: stages.data.stages };
}

const [h2h, homeForm, awayForm] = await Promise.all([
  fetch(`https://api.sportsapipro.com/v1/football/h2h/${home}/${away}`, opts).then(r => r.json()),
  fetch(`https://api.sportsapipro.com/v1/football/competitor/${home}/results?pageSize=5`, opts).then(r => r.json()),
  fetch(`https://api.sportsapipro.com/v1/football/competitor/${away}/results?pageSize=5`, opts).then(r => r.json()),
]);

let page = 1;
async function loadMore() {
  const r = await fetch(
    `https://api.sportsapipro.com/v1/news?sportId=1&page=${page}`,
    { headers: { 'x-api-key': KEY } }
  );
  const { data } = await r.json();
  render(data.news);
  if (data.news.length) page++;
}

let cursor = -1;
setInterval(async () => {
  const r = await fetch(
    `https://api.sportsapipro.com/v1/football/live?lastUpdateId=${cursor}`,
    { headers: { 'x-api-key': KEY } }
  );
  const { data } = await r.json();
  if (data.lastUpdateId === cursor) return; // nothing new
  cursor = data.lastUpdateId;
  render(data.games);
}, 2000);