Further refactoring of Regexper class

Still not entirely sure this is setup how I'd like it to be.

src/js/regexper.js

@@ -41,7 +41,8 @@ export default class Regexper {
         .then((() => {
           this.setState('has-results');
           this.updateLinks();
-        }).bind(this), this.showError.bind(this));
+        }).bind(this))
+        .done();
     }
   }
 
@@ -64,6 +65,8 @@ export default class Regexper {
     this.setState('has-error');
     this.error.innerHTML = '';
     this.error.appendChild(document.createTextNode(message));
+
+    throw message;
   }
 
   updateLinks() {
@@ -76,49 +79,32 @@ export default class Regexper {
     this.permalink.setAttribute('href', location);
   }
 
-  renderSvg(snap, expression) {
+  renderRegexp(expression) {
-    var deferred = Q.defer(),
+    var snap = Snap(this.svg),
+        deferred = Q.defer(),
+        padding = this.padding,
         result;
 
     snap.selectAll('g').remove();
 
-    setTimeout(() => {
+    return Q.fcall(parser.parse.bind(parser), expression)
-      try {
+      .then((result) => {
-        result = parser.parse(expression);
-      }
-      catch(e) {
-        deferred.reject(e);
-      }
-
-      if (result) {
         result.container = snap.group();
         result.render();
-        deferred.resolve(result);
+        return result;
-      }
+      }, this.showError.bind(this))
-    });
+      .then((result) => {
-
-    return deferred.promise;
-  }
-
-  positionSvg(snap, parsed) {
         var box;
 
-    parsed.position();
+        result.position();
 
-    box = parsed.container.getBBox();
+        box = result.container.getBBox();
-    parsed.container.transform(Snap.matrix()
+        result.container.transform(Snap.matrix()
-      .translate(this.padding - box.x, this.padding - box.y));
+          .translate(padding - box.x, padding - box.y));
         snap.attr({
-      width: box.width + this.padding * 2,
+          width: box.width + padding * 2,
-      height: box.height + this.padding * 2
+          height: box.height + padding * 2
+        });
       });
   }
-
-  renderRegexp(expression) {
-    var padding = this.padding,
-        snap = Snap(this.svg);
-
-    return this.renderSvg(snap, expression)
-      .then(this.positionSvg.bind(this, snap));
-  }
 }