react-dyn-tabs/src/utils/api/pub_sub.js

React dynamic tabs with full API

import helper from '../helper.js';
export default helper.module(
  function () {
    this._publishers = {
      onChange: [],
      onLoad: [],
      onDestroy: [],
      onOpen: [],
      onClose: [],
      onSelect: [],
      onInit: [],
      _onFlushEffects: [],
      _onReady: [],
      onFirstSelect: [],
    };
  },
  {
    //unSubscribe
    off: function (publisherName, fn) {
      if (typeof fn === 'function' && Object.prototype.hasOwnProperty.call(this._publishers, publisherName)) {
        const _index = this._publishers[publisherName].indexOf(fn);
        _index >= 0 && this._publishers[publisherName].splice(_index, 1);
      }
      return this;
    },
    //subscribe
    on: function (publisherName, fn) {
      if (typeof fn === 'function' && Object.prototype.hasOwnProperty.call(this._publishers, publisherName)) {
        // check if it has not existed
        if (this._publishers[publisherName].indexOf(fn) === -1) {
          this._publishers[publisherName].push(fn);
        }
      }
      return this;
    },
    //oneSubscribe
    one: function (publisherName, fn) {
      if (typeof fn === 'function' && Object.prototype.hasOwnProperty.call(this._publishers, publisherName)) {
        const _fn = function () {
          fn.apply(this, arguments);
          this.off(publisherName, _fn);
        };
        return this.on(publisherName, _fn);
      }
      return this;
    },
  },
  {
    trigger: function (publisherName, context, generateParamsCallback = () => []) {
      context = context || null;
      const result = [];
      const _subscribers = [...this._publishers[publisherName]];
      _subscribers.forEach((subscriber) => {
        result.push(subscriber.apply(context, generateParamsCallback()));
      });
      return result;
    },
  },
);