service worker error tracking example

serviceworker-errors.js

/* eslint-env browser, serviceworker */
self.addEventListener('error', function (event) {
  logError(event.error)
})

self.addEventListener('unhandledrejection', function (event) {
  let { reason, detail } = event
  if (!reason && detail) {
    reason = detail.reason
  }
  var message = 'unhandled rejection was null or undefined!'
  message = reason ? reason.message || String(reason) : message
  if (reason instanceof Error) {
    logError(reason)
  } else {
    logError(message)
  }
})

function logError (error) {
  let errObj = {
    name: Object.getPrototypeOf(error).name,
    message: error.message,
    stack: error.stack || new Error().stack
  }
  fetch('/service-worker/error-track', {
    credentials: 'include',
    method: 'POST',
    body: JSON.stringify(errObj),
    headers: {
      'Content-type': 'application/json'
    }
  }).catch(function (error) {
    console.error('service-worker/error: logger failed', error)
  })
}

// for testing error logging
// causeError()
// function causeError () {
//   console.log(window.Rollbar)
// }

// causeUnhandledRejection()
// function causeUnhandledRejection () {
//   const PTest = function () {
//     return new Promise(function (resolve, reject) {
//       throw new Error('failed')
//     })
//   }
//   PTest().then(function () {
//     console.log('yeah!')
//   })
// }