scripts.js

/* eslint-env browser */
function wget (url, cb) {
  var xhr = new XMLHttpRequest()
  xhr.open('GET', url, true)
  xhr.responseType = 'json'
  xhr.onload = function () {
    var status = xhr.status
    if (status === 200) {
      cb(null, xhr.response)
    } else {
      // sendNews('placeholder')
      cb(status)
    }
  }
  xhr.onerror = function (err) {
    cb(err)
  }
  try {
    xhr.send()
  } catch (e) {
    cb(e)
    // sendNews('placeholder', 'Oh no', e.message)
  }
}

var BBC_NEWS_URL = 'https://polling.bbc.co.uk/news/breaking-news/audience/domestic' //'https://polling.bbc.co.uk/news/latest_breaking_news_waf'
var REU_NEWS_URL = 'https://files.chippy.ch/newsboard/reuters.php' // proxy of http://uk.reuters.com/assets/breakingNews?view=json
var BBC_LOCAL_URL = 'https://api.rss2json.com/v1/api.json?rss_url=http%3A%2F%2Ffeeds.bbci.co.uk%2Fnews%2Fengland%2Fsouth_yorkshire%2Frss.xml'
var REUTERS_WIRE_URL = 'https://files.chippy.ch/newsboard/reuterswire.php' // proxy of https://uk.reuters.com/assets/jsonWireNews#'
var output = {}

function sendNews (provider, header, headline, description) {
  if (header && headline) {
    var h2 = document.createElement('h2')
    h2.innerHTML = header
    var p = document.createElement('p')
    p.innerHTML = headline

    var div = document.createElement('div')
    div.className = provider
    div.appendChild(h2)
    div.appendChild(p)

    if (description) {
      var desc = document.createElement('p')
      desc.className = 'description'
      desc.innerHTML = description
      div.appendChild(desc)
    }

    output[provider] = div
  } else {
    delete output[provider]
  }
}

function poll () {
  wget(BBC_NEWS_URL, function (err, response) {
    if (err) {
      sendNews('bbc')
    } else {
      var story = response.asset
      if (story) {
        sendNews('bbc', 'BBC News', story.headline)
      } else {
        sendNews('bbc')
      }
    }
  })
  wget(REU_NEWS_URL, function (err, story) {
    if (err) {
      sendNews('reu')
    } else {
      var blackList = [ 'Watch Live', 'Live Coverage', 'Full Coverage' ]
      if (story && blackList.indexOf(story.label) === -1) {
        sendNews('reu', story.label, story.headline)
      } else {
        sendNews('reu')
      }
    }
  })
  wget('https://files.chippy.ch/newsboard/weather.php', function (err, weather) {
    if (err) {
      var ul = document.createElement('ul')
      ul.className = 'weather'
      ul.id = 'js-weather'
      var old = document.getElementById('js-weather')
      old.parentNode.replaceChild(ul, old)
      document.querySelector('.rainchance').innerHTML = ''
    } else {
      sendNews('placeholder')
      var ul = document.createElement('ul')
      ul.className = 'weather'
      ul.id = 'js-weather'
      for (var i = 0; i < weather.forecast.length; i++) {
        var li = document.createElement('li')

        var current = weather.forecast[i]
        if (Array.isArray(current)) {
          var ul2 = document.createElement('ul')
          for (var j = 0; j < current.length; j++) {
            var li2 = document.createElement('li')
            li2.innerHTML = current[j]
            ul2.appendChild(li2)
          }
          li.appendChild(ul2)
        } else {
          li.innerHTML = weather.forecast[i]
        }
        ul.appendChild(li)
      }
      var old = document.getElementById('js-weather')
      old.parentNode.replaceChild(ul, old)
      document.getElementById('js-co2').textContent = weather.co2
      var labels = new Array(60)
      labels[5 - 1] = 'five minutes'
      labels[10 - 1] = 'ten'
      labels[20 - 1] = 'twenty'
      labels[30 - 1] = 'thirty'
      labels[45 - 1] = 'forty-five'
      labels[60 - 1] = 'sixty'

      new Chartist.Line('.rainchance', {
        series: [
          weather.rainchance,
          weather.rainintensity
        ],
        labels: labels
      }, {
        plugins: [
          /*Chartist.plugins.ctPointLabels({
            textAnchor: 'middle'
          })*/
        ],
        showArea: true,
        fullWidth: true,
        showLabel: false,

        axisY: {
          showGrid: false,
          showLabel: false,
          high: 1,
          offset: 0,
          low: 0
        },
        axisX: {
          showGrid: false,
          showLabel: true,
          offset: 0
        },
        chartPadding: {
          left: 0,
          right: 0,
          top: 0,
          bottom: 0
        }
      })
    }
  })
  wget(BBC_LOCAL_URL, function (err, data) {
    if (!err && data.status === 'ok') {
      var title = data.feed.title.split(' - ')[1]
      var news = data.items
      var timeoutLength = 1000 * 60 * 15 // 15m
      for (var i = 0; i < news.length; i++) {
        var newsDate = new Date(news[i].pubDate)
        if (((new Date()) - newsDate) < timeoutLength) {
          sendNews('bbc-local', title, news[i].title, news[i].description)
        } else {
          sendNews('bbc-local')
        }
      }
    } else {
      sendNews('bbc-local')
    }
  })
  wget(REUTERS_WIRE_URL, function (err, data) {
    if (!err && data.headlines) {    //  ms    s   m
      var dateThreshold = Date.now() - 1000 * 60 * 2
      for (var i = 0; i < data.headlines.length; i++) {
        var story = data.headlines[i]
        var storyDate = new Date(parseInt(story.dateMillis))
        if (storyDate > dateThreshold) {
          return sendNews('reu-wire', 'Reuters', story.headline, story.formattedDate)
        }
      }
    } else {
      sendNews('reu-wire')
    }
    sendNews('reu-wire')
  })
  // sendNews('bbc-local', 'Sheffield', 'Foo bar baz')

}

function displayNews () {
  var news = document.createElement('div')
  news.className = 'news'

  var newsSources = Object.keys(output)
  newsSources.sort()

  for (var i = 0; i < newsSources.length; i++) {
    news.appendChild(output[newsSources[i]])
  }

  var old = document.querySelector('.news')
  if (old) {
    var parent = old.parentNode
    parent.replaceChild(news, old)
  } else {
    console.error('No news to replace?')
  }
}

const clockTick = function () {
  var now = new Date()
  var str = now.toLocaleTimeString().split(':')
  var ul = document.getElementById('js-clock')
  ul.innerHTML = ''
  for (var i = 0; i < str.length; i++) {
    var li = document.createElement('li')
    li.textContent = str[i]
    ul.appendChild(li)
  }
  var body = document.getElementById('js-body')
  var screenSaverClass = 'screenSaver'
  var placeholderClass = 'offline'
  if (now.getHours() % 2) {
    if (body.className.indexOf(screenSaverClass) === -1) {
      body.className += ' ' + screenSaverClass
    }
  } else {
    body.className = body.className.replace(' ' + screenSaverClass, '')
  }
  if (!navigator.onLine) {
    if (body.className.indexOf(placeholderClass) === -1) {
      body.className += ' ' + placeholderClass
    }
  } else {
    body.className = body.className.replace(' ' + placeholderClass, '')
  }
}

function setup () {
  poll()
  window.setInterval(displayNews, 2000)
  window.setInterval(clockTick, 100)
  window.setInterval(poll, 30000)
  displayNews()
}

window.onload = setup()