How to use the dom-helpers/events.on function in dom-helpers

if (this.bindedEventNames[target].indexOf(name) > -1) { return; }
    const targetDom = this.getTargetDom(target);
    // choose the correspond method to bind
    if (target === 'kernel') {
      if (!this.dispatcher.kernel) {
        this.addPendingEvent(target, name, id);
        return;
      }
      fn = (...args) => this.triggerSync({ target, name, id: 'kernel' }, ...args);
      this.dispatcher.kernel.on(name, fn);
    } else if (target === 'container' || target === 'wrapper') {
      fn = (...args) => this.triggerSync({ target, name, id: target }, ...args);
      addEvent(targetDom, name, fn);
    } else if (target === 'video') {
      fn = (...args) => this.trigger({ target, name, id: target }, ...args);
      addEvent(targetDom, name, fn);
    } else if (target === 'video-dom') {
      fn = (...args) => this.triggerSync({ target, name, id: target }, ...args);
      this.dispatcher.dom.videoExtendedNodes.forEach((node) => addEvent(node, name, fn));
      addEvent(targetDom, name, fn);
    }
    this.bindedEventNames[target].push(name);
    this.bindedEventInfo[target].push([ name, fn ]);
  }

handleEntering() {
    // FIXME: This should work even when animation is disabled.
    events.on(window, 'resize', this.handleWindowResize);
    this.updateStyle();
  }

handleEntering() {
    // FIXME: This should work even when animation is disabled.
    events.on(window, 'resize', this.handleWindowResize);
    this.updateStyle();
  }

return new Promise((resolve) => {
          addEvent(video, 'play', () => {
            this.switchKernel({ video, kernel, config });
            resolve();
          }, true);
          (video as HTMLVideoElement).play();
        });
      });

componentDidMount() {
		const children = findDOMNode(this.refs.children);

		this.shiftPressed = false;
		this.previouslyFocused = document.activeElement;
		this.tabbable = tabbable(children);

		if (this.tabbable.length) {
			this.tabbable[0].focus();
		}

		on(document, 'keydown', this.handleKeyEvent);
		on(document, 'keyup', this.handleKeyEvent);
	}

componentDidMount() {
		const children = findDOMNode(this.refs.children);

		this.shiftPressed = false;
		this.previouslyFocused = document.activeElement;
		this.tabbable = tabbable(children);

		if (this.tabbable.length) {
			this.tabbable[0].focus();
		}

		on(document, 'keydown', this.handleKeyEvent);
		on(document, 'keyup', this.handleKeyEvent);
	}

: new Error('unknow video error');
              chimeeLog.error('chimee\'s silentload', error.message);
            }
            kernel.destroy();
            that.silentLoadTempKernel = undefined;
            return index === repeatTimes
              ? reject(error)
              : resolve(error);
          }
          addEvent(video, 'canplay', videoCanplay, true);
          addEvent(video, 'loadedmetadata', videoLoadedmetadata.bind(this), true);
          addEvent(video, 'error', videoError, true);
          kernel = this.createKernel(video, config);
          this.silentLoadTempKernel = kernel;
          kernel.on('error', videoError);
          addEvent(this.dom.videoElement, 'timeupdate', oldVideoTimeupdate);
          kernel.load();
        });
      };

handleTransitionEnd = (node, done) => {
    let duration = parseDuration(node.lastChild) || 0

    const handler = () => {
      events.off(node, transitionEnd, handler, false)
      done();
    }

    setTimeout(handler, duration * 1.5);
    events.on(node, transitionEnd, handler, false);
  }

const { errmsg } = (evt as any);
              chimeeLog.error('chimee\'s silentload bump into a kernel error', errmsg);
              error = new Error(errmsg);
            } else {
              error = !isEmpty(video.error)
                ? new Error(video.error.message)
                : new Error('unknow video error');
              chimeeLog.error('chimee\'s silentload', error.message);
            }
            kernel.destroy();
            that.silentLoadTempKernel = undefined;
            return index === repeatTimes
              ? reject(error)
              : resolve(error);
          }
          addEvent(video, 'canplay', videoCanplay, true);
          addEvent(video, 'loadedmetadata', videoLoadedmetadata.bind(this), true);
          addEvent(video, 'error', videoError, true);
          kernel = this.createKernel(video, config);
          this.silentLoadTempKernel = kernel;
          kernel.on('error', videoError);
          addEvent(this.dom.videoElement, 'timeupdate', oldVideoTimeupdate);
          kernel.load();
        });
      };

error = new Error(errmsg);
            } else {
              error = !isEmpty(video.error)
                ? new Error(video.error.message)
                : new Error('unknow video error');
              chimeeLog.error('chimee\'s silentload', error.message);
            }
            kernel.destroy();
            that.silentLoadTempKernel = undefined;
            return index === repeatTimes
              ? reject(error)
              : resolve(error);
          }
          addEvent(video, 'canplay', videoCanplay, true);
          addEvent(video, 'loadedmetadata', videoLoadedmetadata.bind(this), true);
          addEvent(video, 'error', videoError, true);
          kernel = this.createKernel(video, config);
          this.silentLoadTempKernel = kernel;
          kernel.on('error', videoError);
          addEvent(this.dom.videoElement, 'timeupdate', oldVideoTimeupdate);
          kernel.load();
        });
      };