Build a live score app

const http = require('node:http');
const { Client } = require('fivedollarfootball');

const client = new Client(process.env.FIVEDOLLARFOOTBALL_API_KEY);
const esc = (s) => String(s).replace(/[&<>]/g, (c) => `&#${c.charCodeAt(0)};`);
let cache = { at: 0, html: '' };

async function scoreboard() {
  // Ask the API at most once a minute, however many visitors there are.
  if (Date.now() - cache.at < 60_000) return cache.html;

  // One call: every match in play right now.
  const { data: matches } = await client.fixtures({ status: 'live', perPage: 500 });

  const rows = matches.map((m) => `<tr>
    <td>${m.status_code === 'half' ? 'HT' : m.status_code + "'"}</td>
    <td>${esc(m.league.name)}</td>
    <td align="right">${esc(m.teams.home.name)}</td>
    <td><b>${m.goals.home} - ${m.goals.away}</b></td>
    <td>${esc(m.teams.away.name)}</td>
    <td>${m.corners.home} - ${m.corners.away}</td>
  </tr>`);

  cache.at = Date.now();
  cache.html = `<meta http-equiv="refresh" content="60">
    <h1>Live scores (${matches.length})</h1>
    <table cellpadding="6">
      <tr><th>Min</th><th>League</th><th>Home</th><th></th><th>Away</th><th>Corners</th></tr>
      ${rows.join('')}
    </table>`;
  return cache.html;
}

http.createServer(async (req, res) => {
  try {
    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
    res.end(await scoreboard());
  } catch (err) {
    res.end(`Could not load scores: ${esc(err.message)}`);
  }
}).listen(3000, () => console.log('Scoreboard on http://localhost:3000'));