Status and colo codes of Cloudflare data centers

type CloudflareStatusComponents = {
  page: {
    id: string,
    /** "Cloudflare" */
    name: string,
    /** "https://www.cloudflarestatus.com" */
    url: string,
    /** Example: Etc/UTC */
    time_zone: string,
    /** Example: 2024-07-21T16:09:49.416Z */
    updated_at: string,
  },
  components: {
    id: string,
    name: string,
    status: string,
    /** Example: 2024-07-21T16:09:49.416Z */
    created_at: string,
    /** Example: 2024-07-21T16:09:49.416Z */
    updated_at: string,
    position: number,
    description: string | null,
    showcase: boolean,
    /** Example: 2024-07-21 */
    start_date: string | null,
    group_id: string,
    page_id: string,
    group: boolean,
    only_show_if_degraded: boolean,
    components?: string[],
  }[],
};

const componentsURL = 'https://www.cloudflarestatus.com/api/v2/components.json';
const componentsResponse = await fetch(componentsURL);
const { components }: CloudflareStatusComponents = await componentsResponse.json();

const items = components.filter(({ group }) => !group );
const groups = components.filter(({ group }) => group );

const itemsIdMap = Object.fromEntries(items.map(i => [i.id, i]))

const dataCenterEntries: {group_name: string, colo: string, name: string, status: string}[] = [];
for (const group of groups.slice(1).map(({name, status, components}) => {
  return {
    name, status,
    components: components!.map(id => itemsIdMap[id]),
  }
})) {
  for (const {name, status} of group.components) {
    const s = name.trim();
    const c = s.slice(-4, -1);
    const p = s.slice(0, -5).trimEnd().slice(0, -1).trimEnd();
    dataCenterEntries.push({group_name: group.name, colo: c, name: p, status})
  }
}

type CloudflareSpeedTestLocations = {
    iata: string,
    lat: number,
    lon: number,
    cca2: string,
    region: string,
    city: string,
}[]

const locationsURL = 'https://speed.cloudflare.com/locations';
const locationsResponse = await fetch(locationsURL);
const locations: CloudflareSpeedTestLocations = await locationsResponse.json();
const locationsByIATA = Object.fromEntries(locations.map(i => [i.iata, i]));

const dataCenters = dataCenterEntries.map(({group_name, colo, name, status}) => {
    const {iata, lat, lon, cca2, region, city} = locationsByIATA[colo] ?? {iata: '', lat: '', lon: '', cca2: '', region: '', city: ''};
    return {
        group_name, region, city, cca2, name, iata, colo, lat, lon, status,
    }
});

Deno.jupyter.html`
<table>
  <style>
    #colo-list-table-head th, #colo-list-table-body td { text-align: left; padding: 0 0.2em; text-wrap: nowrap; }
  </style>
  <thead id="colo-list-table-head">
      <tr><th>${Object.keys(dataCenters[0]).join('</th><th>')}</th></tr>
  </thead>
  <tbody id="colo-list-table-body">
    ${dataCenters.map(i => `<tr><td>${Object.values(i).join('</td><td>')}</td></tr>`).join('\n')}
  </tbody>
<table>
`

console.log([
  Object.keys(dataCenters[0]).join(','),
  ...dataCenters.map(i => Object.values(i).map(s => `"${s}"`).join(',')),
].join('\n'));