Scraping GitHub status servers with javascript

github-status.js

fetch('https://www.githubstatus.com/')
  .then(res => res.text())
  .then(text => {
    const parser = new DOMParser()
    const dom = parser.parseFromString(text, 'text/html')
    const status = Array.from(
       dom.querySelectorAll("div.component-inner-container.showcased span.component-status"),
       el => {
          const alias = {
            'status-green': 'normal',
            'status-yellow': 'degraded',
            'status-orange': 'degraded',
            'status-red': 'incident' 
          }

          const status = el.parentElement.classList[1]       
          
          return alias[status]
       }
    )

    const fields = {
      operations: '',
      apiRequests: '',
      webhooks: '',
      issuesPRsProjects: '',
      actions: '',
      packages: '',
      pages: ''
    }

    return Object.keys(fields).reduce((acc, key, index) => {
        return acc = {
          ...acc,
          [key]: status[index]
        }
      }, {})
  })
  .then(console.log)

/*
{
  operations: "normal"
  apiRequests: "normal"
  webhooks: "normal"
  issuesPRsProjects: "normal"
  actions: "normal"
  packages: "normal"
  pages: "normal"
}
*/