@honeybadger-io/vue/src/index.js

Honeybadger Vue.js client

import Honeybadger from '@honeybadger-io/js'
import { logError } from './error-logging'

const NOTIFIER = {
  name: '@honeybadger-io/vue',
  url: 'https://github.com/honeybadger-io/honeybadger-js',
  version: '__VERSION__'
}

const ANONYMOUS_COMPONENT = 'Anonymous Component'

function shouldLogError (app, options) {
  if (app.config.warnHandler) {
    return true
  }

  const hasConsole = typeof console !== 'undefined'
  const hasProcess = typeof process !== 'undefined'
  const isDebug = options.debug || (hasProcess && process.env.NODE_ENV !== 'production')
  return hasConsole && isDebug
}

function extractContext (vm) {
  if (!vm) {
    return {
      isRoot: false,
      name: ANONYMOUS_COMPONENT,
    }
  }

  const options = vm.$options || {}
  const name = options.name || options._componentTag
  const file = options.__file
  const parentName = vm.$parent && vm.$parent.$options ? vm.$parent.$options.name : undefined

  // Vue2 - $options.propsData
  // Vue3 - $props
  const props = options.propsData || vm.$props

  return {
    isRoot: vm.$root === vm,
    name: name,
    props,
    parentName: parentName,
    file: file
  }
}

function install(vue, options) {
  if (options.debug) {
    console.log(`Honeybadger configured with ${options.apiKey}`)
  }
  const honeybadger = Honeybadger.configure(options)
  honeybadger.setNotifier(NOTIFIER)

  vue.$honeybadger = honeybadger

  // vue 2 support -> make available for all components
  if (vue.prototype) {
    vue.prototype.$honeybadger = honeybadger
  }

  if (vue.config && vue.config.globalProperties) {
    // vue 3 support -> make available for all components
    vue.config.globalProperties.$honeybadger = honeybadger
  }
  const chainedErrorHandler = vue.config.errorHandler
  vue.config.errorHandler = (error, vm, info) => {
    const metadata = { context: { vm: extractContext(vm), info: info } }
    honeybadger.notify(error, metadata)
    if (typeof chainedErrorHandler === 'function') {
      chainedErrorHandler.call(vue, error, vm, info)
    }

    if (shouldLogError(vue, options)) {
      logError(vue, error, vm, info)
    }
  }
}

export function useHoneybadger() {
  return Honeybadger
}

export default {
  install
}