How to use framebus - 10 common examples

handler = function () {
      /* eslint-disable no-invalid-this */
      if (checkOrigin(this.origin, self.merchantUrl)) {
        originalHandler.apply(this, arguments);
      }
      /* eslint-enable no-invalid-this */
    };
  }

  namespacedEvent = this._namespaceEvent(eventName);
  args = Array.prototype.slice.call(arguments);
  args[0] = namespacedEvent;
  args[1] = handler;

  this._log('on', args);
  bus.on.apply(bus, args);

  this._listeners.push({
    eventName: eventName,
    handler: handler,
    originalHandler: originalHandler
  });
};

import * as framebus from "framebus";

let popup = window.open('https://example.com');
framebus.include(popup);
framebus.emit('hello popup and friends!');

framebus.target('https://example.com').on('my cool event', () => {});

let callback = (data: any) => {
    console.log('Got back %s as a reply!', data);
};

framebus.publish('Marco!', callback, 'http://listener.example.com');

framebus.publish('Marco!', callback, 'http://listener.example.com');

import * as framebus from "framebus";

let popup = window.open('https://example.com');
framebus.include(popup);
framebus.emit('hello popup and friends!');

framebus.target('https://example.com').on('my cool event', () => {});

let callback = (data: any) => {
    console.log('Got back %s as a reply!', data);
};

framebus.publish('Marco!', callback, 'http://listener.example.com');

framebus.publish('Marco!', callback, 'http://listener.example.com');

import * as framebus from "framebus";

let popup = window.open('https://example.com');
framebus.include(popup);
framebus.emit('hello popup and friends!');

framebus.target('https://example.com').on('my cool event', () => {});

let callback = (data: any) => {
    console.log('Got back %s as a reply!', data);
};

framebus.publish('Marco!', callback, 'http://listener.example.com');

framebus.publish('Marco!', callback, 'http://listener.example.com');

import * as framebus from "framebus";

let popup = window.open('https://example.com');
framebus.include(popup);
framebus.emit('hello popup and friends!');

framebus.target('https://example.com').on('my cool event', () => {});

let callback = (data: any) => {
    console.log('Got back %s as a reply!', data);
};

framebus.publish('Marco!', callback, 'http://listener.example.com');

framebus.publish('Marco!', callback, 'http://listener.example.com');

it('doesn\'t proxy to framebus after calling', function () {
      this.bus.teardown();

      this.bus.on(this.event, this.handler);
      expect(framebus.on).not.to.be.called;

      this.bus.off(this.event, this.handler);
      expect(framebus.off).not.to.be.called;

      this.bus.emit(this.event);
      expect(framebus.emit).not.to.be.called;
    });
  });

it('proxies to Framebus\'s off', function () {
      this.bus.off(this.event, this.handler);
      expect(framebus.off).to.be.calledWith('braintree:foo:' + this.event, this.handler);
    });

it('proxies to Framebus\'s on', function () {
      this.bus.on(this.event, this.handler);
      expect(framebus.on).to.be.calledWith('braintree:foo:' + this.event, this.handler);
    });

it('doesn\'t proxy to framebus after calling', function () {
      this.bus.teardown();

      this.bus.on(this.event, this.handler);
      expect(framebus.on).not.to.be.called;

      this.bus.off(this.event, this.handler);
      expect(framebus.off).not.to.be.called;

      this.bus.emit(this.event);
      expect(framebus.emit).not.to.be.called;
    });
  });

BraintreeBus.prototype._offDirect = function (eventName) {
  var args = Array.prototype.slice.call(arguments);

  if (this._isDestroyed) { return; }

  args[0] = this._namespaceEvent(eventName);

  this._log('off', args);
  bus.off.apply(bus, args);
};