Extracting custom event creation into a util module

src/js/main.js

@@ -1,3 +1,4 @@
+import { customEvent } from './util.js';
 import Regexper from './regexper.js';
 
 (function() {
@@ -7,10 +8,7 @@ import Regexper from './regexper.js';
     regexper.bindListeners();
 
     setTimeout(() => {
-      var evt = document.createEvent('Event');
-
-      evt.initEvent('hashchange', true, true);
-      window.dispatchEvent(evt);
+      window.dispatchEvent(customEvent('hashchange'));
     });
   }
 }());

src/js/parser/javascript/node.js

@@ -1,3 +1,4 @@
+import { customEvent } from '../../util.js';
 import _ from 'lodash';
 import Q from 'q';
 
@@ -108,20 +109,15 @@ export default class Node {
   }
 
   doneRender() {
-    var evt;
-
     if (this.state.maxCounter === 0) {
       this.state.maxCounter = this.state.renderCounter;
     }
 
     this.state.renderCounter--;
 
-    evt = document.createEvent('Event');
-    evt.initEvent('updateStatus', true, true);
-    evt.detail = {
+    document.body.dispatchEvent(customEvent('updateStatus', {
       percentage: (this.state.maxCounter - this.state.renderCounter) / this.state.maxCounter
-    };
-    document.body.dispatchEvent(evt);
+    }));
 
     if (this.state.renderCounter === 0) {
       this.state.maxCounter = 0;

src/js/regexper.js

@@ -1,3 +1,4 @@
+import { customEvent } from './util.js';
 import Parser from './parser/javascript.js';
 import Snap from 'snapsvg';
 import Q from 'q';
@@ -20,17 +21,13 @@ export default class Regexper {
   }
 
   keypressListener(event) {
-    var evt;
-
     if (event.shiftKey && event.keyCode === 13) {
       event.returnValue = false;
       if (event.preventDefault) {
         event.preventDefault();
       }
 
-      evt = document.createEvent('Event');
-      evt.initEvent('submit', true, true);
-      this.form.dispatchEvent(evt);
+      this.form.dispatchEvent(customEvent('submit'));
     }
   }
 

src/js/util.js

@@ -0,0 +1,6 @@
+export function customEvent(name, detail) {
+  var evt = document.createEvent('Event');
+  evt.initEvent(name, true, true);
+  evt.detail = detail;
+  return evt;
+}