Conditionally require hammer.js

src/utils/events/event-manager.js

@@ -1,13 +1,30 @@
-import {Manager} from 'hammerjs';
+import WheelInput from './wheel-input';
+import MoveInput from './move-input';
+import {isBrowser} from '../../controllers/globals';
+
+// Hammer.js directly references `document` and `window`,
+// which means that importing it in environments without
+// those objects throws errors. Therefore, instead of
+// directly `import`ing 'hammerjs' and './constants'
+// (which imports Hammer.js) we conditionally require it
+// depending on support for those globals.
+function ManagerMock(m) {
+  const noop = () => {};
+  return {
+    on: noop,
+    off: noop,
+    destroy: noop,
+    emit: noop
+  };
+}
 
-import {
+const Manager = isBrowser ? require('hammerjs').Manager : ManagerMock;
+const {
   BASIC_EVENT_ALIASES,
   EVENT_RECOGNIZER_MAP,
   RECOGNIZERS,
   GESTURE_EVENT_ALIASES
-} from './constants';
-import WheelInput from './wheel-input';
-import MoveInput from './move-input';
+} = isBrowser ? require('./constants') : {};
 
 /**
  * Single API for subscribing to events about both

src/utils/events/wheel-input.js

@@ -1,4 +1,5 @@
-/* global window:false */
+import window from '../../lib/utils/globals';
+
 const ua = typeof window.navigator !== 'undefined' ?
   window.navigator.userAgent.toLowerCase() : '';
 const firefox = ua.indexOf('firefox') !== -1;