browserEvents.js

'use strict';

/**
 * @class EventEmitter
 * @example
 * var e = new EventEmitter();
 * 
 * e.on('hello', console.log); // 'hi how are you'
 *   
 * e.emit('hello', 'hi', 'how are you');
 */

class EventEmitter {
  /**
   * Event listener
   * @callback listener~callback
   * @param {String} e The name of the event
   * @param {listener~callback} d The callback with the arguments passed to the event from emitter
   */
  on(name, callback) {
    window.addEventListener(name, (event) => callback.apply(this, event.detail));
  }

  /**
   * Emit an event
   * @param {String} name The name of the event.
   * @param {...*} Any valid things to pass to the event
   */
  emit(name) {
    window.dispatchEvent(new CustomEvent(name, { 'detail': Array.prototype.slice.call(arguments, 1) }));
  }
}