index.js

const {ipcRenderer, shell} = require('electron')

document.addEventListener('click', (event) => {
  if (event.target.href) {
    // Open links in external browser
    shell.openExternal(event.target.href)
    event.preventDefault()
  } else if (event.target.classList.contains('js-refresh-action')) {
    updateWeather()
  } else if (event.target.classList.contains('js-quit-action')) {
    window.close()
  }
})

const getGeoLocation = () => {
  return new Promise((resolve, reject) => {
    navigator.geolocation.getCurrentPosition(resolve, reject)
  })
}

const getWeather = (position) => {
  // FIXME replace with your own API key
  // Register for one at https://darksky.net/dev/
  const apiKey = '98cab43abdc8442a64255fc0a9f10b97'


  const location = `${position.coords.latitude},${position.coords.longitude}`
  console.log(`Getting weather for ${location}`)
  const url = `https://api.forecast.io/forecast/${apiKey}/${location}`

  return window.fetch(url).then((response) => {
    return response.json()
  })
}

const updateView = (weather) => {
  const currently = weather.currently

  document.querySelector('.js-summary').textContent = currently.summary
  document.querySelector('.js-update-time').textContent = `at ${new Date(currently.time).toLocaleTimeString()}`

  document.querySelector('.js-temperature').textContent = `${Math.round(currently.temperature)}° F`
  document.querySelector('.js-apparent').textContent = `${Math.round(currently.apparentTemperature)}° F`

  document.querySelector('.js-wind').textContent = `${Math.round(currently.windSpeed)} mph`
  document.querySelector('.js-wind-direction').textContent = getWindDirection(currently.windBearing)

  document.querySelector('.js-dewpoint').textContent = `${Math.round(currently.dewPoint)}° F`
  document.querySelector('.js-humidity').textContent = `${Math.round(currently.humidity * 100)}%`

  document.querySelector('.js-visibility').textContent = `${Math.round(currently.windSpeed)} miles`
  document.querySelector('.js-cloud-cover').textContent = `${Math.round(currently.cloudCover * 100)}%`

  document.querySelector('.js-precipitation-chance').textContent = `${Math.round(currently.precipProbability * 100)}%`
  document.querySelector('.js-precipitation-rate').textContent = currently.precipIntensity
}

const getWindDirection = (direction) => {
  if (direction < 45) return 'NNE'
  if (direction === 45) return 'NE'

  if (direction < 90) return 'ENE'
  if (direction === 90) return 'E'

  if (direction < 135) return 'ESE'
  if (direction === 135) return 'SE'

  if (direction < 180) return 'SSE'
  if (direction === 180) return 'S'

  if (direction < 225) return 'SSW'
  if (direction === 225) return 'SW'

  if (direction < 270) return 'WSW'
  if (direction === 270) return 'W'

  if (direction < 315) return 'WNW'
  if (direction === 315) return 'NW'

  if (direction < 360) return 'NNW'
  return 'N'
}

const updateWeather = () => {
  getGeoLocation().then(getWeather).then((weather) => {
    // Use local time
    weather.currently.time = Date.now()

    console.log('Got weather', weather)

    ipcRenderer.send('weather-updated', weather)
    updateView(weather)
    sendNotification(weather)
    previousWeather = weather
  })
}

// Update initial weather when loaded
document.addEventListener('DOMContentLoaded', updateWeather)