feat(ecommerce): add ecommerce and ecommerce enhanced features

Author: MatteoGabriele

src/collectors.js

@@ -16,7 +16,16 @@ export const setters = function () {
 }
 
 export const requires = function () {
+  const ecommerce = ['ec', 'ecommerce']
+
   config.require.forEach(value => {
+    if (ecommerce.indexOf(value) !== -1 || ecommerce.indexOf(value.name) !== -1) {
+      throw new Error(
+        '[vue-analytics] The ecommerce features are built-in in the plugin. \n' +
+        'Follow the ecommerce instructions available in the documentation.'
+      )
+    }
+
     if (typeof value !== 'string' && typeof value !== 'object') {
       throw new Error(
         '[vue-analytics] Wrong configuration in the plugin options. \n' +

src/config.js

@@ -10,6 +10,12 @@ const defaultConfig = {
   set: [],
   require: [],
 
+  ecommerce: {
+    enabled: false,
+    options: null,
+    enhanced: false
+  },
+
   autoTracking: {
     exception: false,
     page: true,

src/create-trackers.js

@@ -21,6 +21,18 @@ export default function createTrackers () {
 
   config.beforeFirstHit()
 
+  const { ecommerce } = config
+
+  if (ecommerce.enabled) {
+    const plugin = ecommerce.enhanced ? 'ec' : 'ecommerce'
+
+    if (ecommerce.options) {
+      query('require', plugin, ecommerce.options)      
+    } else {
+      query('require', plugin)      
+    }
+  }
+
   if (config.linkers.length > 0) {
     query('require', 'linker')
     query('linker:autoLink', config.linkers)

src/index.js

@@ -10,6 +10,7 @@ import set from 'lib/set'
 import social from 'lib/social'
 import time from 'lib/time'
 import untracked from 'lib/untracked'
+import ecommerce from 'lib/ecommerce'
 
 export default function install (Vue, options = {}) {
   Vue.prototype.$ga = Vue.$ga = {
@@ -21,7 +22,8 @@ export default function install (Vue, options = {}) {
     set,
     social,
     time,
-    untracked
+    untracked,
+    ecommerce
   }
 
   update(options)

src/lib/ecommerce.js

@@ -0,0 +1,25 @@
+import query from 'lib/query'
+import config from '../config'
+
+const getMethod = function (name) {
+  return `${config.ecommerce.enhanced ? 'ec' : 'ecommerce'}:${name}`
+}
+
+const featuresList = [
+  'addItem', 
+  'addTransaction', 
+  'addProduct', 
+  'addImpression', 
+  'setAction',
+  'addPromo',
+  'send'
+]
+
+export default featuresList.reduce((coll, feature) => {
+  return {
+    ...coll,
+    [feature]: (...args) => {
+      query(getMethod(feature), ...args)
+    }
+  }
+}, {})