From 7de0a6490a07c4c824835cd6b9b1131dcd2c3d51 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Wed, 17 Dec 2014 19:54:58 -0500
Subject: [PATCH] Adding code to track visualization lifecycle events

---
 spec/regexper_spec.js |  9 +++++++++
 src/js/regexper.js    | 14 +++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/spec/regexper_spec.js b/spec/regexper_spec.js
index 42629a7..baff4a5 100644
--- a/spec/regexper_spec.js
+++ b/spec/regexper_spec.js
@@ -258,6 +258,15 @@ describe('regexper.js', function() {
 
   });
 
+  describe('#trackEvent', function() {
+
+    it('adds a _trackEvent call to gaq', function() {
+      this.regexper._trackEvent('category', 'action');
+      expect(this.regexper.gaq).toContain(['_trackEvent', 'category', 'action']);
+    });
+
+  });
+
   describe('#showExpression', function() {
 
     beforeEach(function() {
diff --git a/src/js/regexper.js b/src/js/regexper.js
index 70a7a1f..24782ac 100644
--- a/src/js/regexper.js
+++ b/src/js/regexper.js
@@ -15,6 +15,8 @@ export default class Regexper {
 
     this.padding = 10;
     this.snap = Snap(this.svg);
+
+    this.gaq = (typeof window._gaq === 'undefined') ? [] : window._gaq;
   }
 
   keypressListener(event) {
@@ -80,6 +82,10 @@ export default class Regexper {
     return decodeURIComponent(location.hash.slice(1));
   }
 
+  _trackEvent(category, action) {
+    this.gaq.push(['_trackEvent', category, action]);
+  }
+
   set state(state) {
     this.root.className = state;
   }
@@ -94,15 +100,19 @@ export default class Regexper {
 
     if (expression !== '') {
       this.state = 'is-loading';
+      this._trackEvent('visualization', 'start');
 
       this.renderRegexp(expression)
         .then(() => {
           this.state = 'has-results';
           this.updateLinks();
-        }, (message) => {
+          this._trackEvent('visualization', 'complete');
+        })
+        .then(null, message => {
           if (message === 'Render cancelled') {
             this.state = '';
           } else {
+            this._trackEvent('visualization', 'exception');
             throw message;
           }
         })
@@ -144,6 +154,8 @@ export default class Regexper {
         this.error.innerHTML = '';
         this.error.appendChild(document.createTextNode(message));
 
+        this._trackEvent('visualization', 'parse error');
+
         throw message;
       })
       .invoke('render', this.snap.group())