fix(error handling): plugin swallows all errors

closes #95

Author: MatteoGabriele

README.md

@@ -13,7 +13,7 @@
  <a href="https://travis-ci.org/MatteoGabriele/vue-analytics">
   <img src="https://travis-ci.org/MatteoGabriele/vue-analytics.svg?branch=master" />
  </a>
- 
+
  <img src="https://img.shields.io/badge/size-3.07kB-brightgreen.svg" />
 </p>
 
@@ -64,6 +64,8 @@ npm install vue-analytics
 * [E-commerce](/docs/ecommerce.md)
 * [Untracked hits](/docs/untracked-hits.md)
 * [Vuex](/docs/vuex.md)
+* [Turn off during development](/docs/turn-off-development.md)
+* [Console logs](/docs/console-logs.md)
 * [Debug](/docs/debug.md)
 
 # Issues and features requests

SUMMARY.md

@@ -18,4 +18,6 @@
 * [E-commerce](/docs/ecommerce.md)
 * [Untracked hits](/docs/untracked-hits.md)
 * [Vuex](/docs/vuex.md)
+* [Turn off during development](/docs/turn-off-development.md)
+* [Console logs](/docs/console-logs.md)
 * [Debug](/docs/debug.md)

__tests__/lib/autotracking.exception.spec.js

@@ -6,6 +6,8 @@ window.ga = jest.fn()
 let $vm
 
 beforeEach(() => {
+  Vue.config.errorHandler = jest.fn()
+
   Vue.use(VueAnalytics, {
     id: 'UA-1234-5'
   })

__tests__/lib/exception.spec.js

@@ -5,6 +5,7 @@ const FriendyError = require('friendly-errors-webpack-plugin')
 const pkg = require('../../package.json')
 
 const webpackConfig = merge.smart({}, base, {
+  devtool: 'cheap-module-eval-source-map',
   plugins: [
     new webpack.DefinePlugin({
       'process.env': {

config/scripts/dev.js

@@ -0,0 +1,18 @@
+## Console logs
+
+Implements Google Analaytics debug logs in your console.
+
+**Please remember that it is for debug only. The file size of analytics\_debug.js is way larger than analytics.js**
+
+Example:
+
+```js
+Vue.use(VueAnalytics, {
+  id: 'UA-XXX-X',
+  debug: {
+    enabled: true
+  }
+})
+```
+
+Google Analytics docs: [debugging](https://developers.google.com/analytics/devguides/collection/analyticsjs/debugging)

docs/console-logs.md

@@ -10,9 +10,9 @@ Example:
 Vue.use(VueAnalytics, {
   id: 'UA-XXX-X',
   debug: {
-    enabled: false, // default: enabled only if NODE_ENV !== 'production'
-    trace: false, // default: false
-    sendHitTask: false // default: enabled only if NODE_ENV === 'production'
+    enabled: false, // default value
+    track: false, // default value
+    sendHitTask: true // default value
   }
 })
 ```

docs/debug.md

@@ -0,0 +1,27 @@
+## Turn off during development
+
+Stop sending hit to your domain during development
+
+Example:
+
+```js
+Vue.use(VueAnalytics, {
+  id: 'UA-XXX-X',
+  debug: {
+    sendHitTask: false
+  }
+})
+```
+
+or assign directly your NODE_ENV variable to enable/disable it automatically
+
+```js
+Vue.use(VueAnalytics, {
+  id: 'UA-XXX-X',
+  debug: {
+    sendHitTask: process.env.NODE_ENV === 'production'
+  }
+})
+```
+
+Google Analytics docs: [debugging](https://developers.google.com/analytics/devguides/collection/analyticsjs/debugging)

docs/turn-off-development.md

@@ -24,6 +24,7 @@ const defaultConfig = {
     shouldRouterUpdate: null,
     skipSamePath: false,
     exception: false,
+    exceptionLogs: true,
     page: true,
     transformQueryString: true,
     pageviewOnLoad: true,
@@ -33,9 +34,9 @@ const defaultConfig = {
   },
 
   debug: {
-    enabled: !isProduction,
+    enabled: false,
     trace: false,
-    sendHitTask: isProduction
+    sendHitTask: true
   },
 
   checkDuplicatedScript: false,

src/config.js

@@ -1,9 +1,9 @@
 import bootstrap from './bootstrap'
 import lib from './lib'
-import { errorHandler } from 'lib/exception'
 import config, { update } from './config'
 import { onAnalyticsReady } from './helpers'
 import ga from 'directives/ga'
+import { autotracking } from 'lib/exception'
 import analyticsMiddleware from './vuex/analyticsMiddleware'
 
 export default function install (Vue, options = {}) {
@@ -13,9 +13,7 @@ export default function install (Vue, options = {}) {
 
   Vue.prototype.$ga = Vue.$ga = lib
 
-  if (!Vue.config.errorHandler) {
-    Vue.config.errorHandler = errorHandler
-  }
+  autotracking(Vue)
 
   bootstrap()
 }