preparing for backend rendering

src/js/utils/Events.js

@@ -1,59 +1,68 @@
-'use strict';
-
-const bind = 'addEventListener';
-const unbind = 'removeEventListener';
+import canUseDOM from './canUseDOM';
 
+const noop = function() {};
 let Events = {
-  one: function(node, eventNames, eventListener) {
-    var typeArray = eventNames.split(' ');
-    var recursiveFunction = function(e) {
-      e.target.removeEventListener(e.type, recursiveFunction);
-      return eventListener(e);
-    };
-
-    for (var i = typeArray.length - 1; i >= 0; i--) {
-      this.on(node, typeArray[i], recursiveFunction);
-    }
-  },
-
-
-  /**
-   * Bind `node` event `eventName` to `eventListener`.
-   *
-   * @param {Element} node
-   * @param {String} eventName
-   * @param {Function} eventListener
-   * @param {Boolean} capture
-   * @return {Obejct}
-   * @api public
-   */
-
-  on: function(node, eventName, eventListener, capture) {
-    node[bind](eventName, eventListener, capture || false);
-
-    return {
-      off: function() {
-        node[unbind](eventName, eventListener, capture || false);
-      }
-    };
-  },
-
-
-  /**
-   * Unbind `node` event `eventName`'s callback `eventListener`.
-   *
-   * @param {Element} node
-   * @param {String} eventName
-   * @param {Function} eventListener
-   * @param {Boolean} capture
-   * @return {Function}
-   * @api public
-   */
-
-  off: function(node, eventName, eventListener, capture) {
-    node[unbind](eventName, eventListener, capture || false);
-    return eventListener;
-  }
+  one: noop,
+  on: noop,
+  off: noop,
 };
 
+if (canUseDOM) {
+  const bind = 'addEventListener';
+  const unbind = 'removeEventListener';
+
+  Events = {
+    one: function(node, eventNames, eventListener) {
+      var typeArray = eventNames.split(' ');
+      var recursiveFunction = function(e) {
+        e.target.removeEventListener(e.type, recursiveFunction);
+        return eventListener(e);
+      };
+
+      for (var i = typeArray.length - 1; i >= 0; i--) {
+        this.on(node, typeArray[i], recursiveFunction, false);
+      }
+    },
+
+
+    /**
+     * Bind `node` event `eventName` to `eventListener`.
+     *
+     * @param {Element} node
+     * @param {String} eventName
+     * @param {Function} eventListener
+     * @param {Boolean} capture
+     * @return {Obejct}
+     * @api public
+     */
+
+    on: function(node, eventName, eventListener, capture) {
+      node[bind](eventName, eventListener, capture || false);
+
+      return {
+        off: function() {
+          node[unbind](eventName, eventListener, capture || false);
+        }
+      };
+    },
+
+
+    /**
+     * Unbind `node` event `eventName`'s callback `eventListener`.
+     *
+     * @param {Element} node
+     * @param {String} eventName
+     * @param {Function} eventListener
+     * @param {Boolean} capture
+     * @return {Function}
+     * @api public
+     */
+
+    off: function(node, eventName, eventListener, capture) {
+      node[unbind](eventName, eventListener, capture || false);
+      return eventListener;
+    }
+  };
+}
+
 export default Events;

src/js/utils/TransitionEvents.js

@@ -11,9 +11,7 @@
  */
 
 import CSSCore from './CSSCore';
-
-let canUseDOM = !!(typeof window !== 'undefined' &&
-  window.document && window.document.createElement);
+import canUseDOM from './canUseDOM';
 
 /**
  * EVENT_NAME_MAP is used to determine which event fired when a

src/js/utils/canUseDOM.js

@@ -0,0 +1 @@
+export default !!(typeof window !== 'undefined' && window.document && window.document.createElement);

src/js/utils/isTouchSupported.js

@@ -1,4 +1,4 @@
-let supportTouch = !!(('ontouchstart' in global) ||
+const supportTouch = !!(('ontouchstart' in global) ||
 global.DocumentTouch && document instanceof DocumentTouch);
 
 export default supportTouch;