Store factory, to be used with flux implementation, using CustomEvents

store_factory.js

export default function storeFactory(obj) {
  var element = document.createElement('div');
  element.setAttribute('data-store', true);

  var store = {};
  store._element = element;
  store._listeners = {};

  store.listen = (name, callback) => {
    element.addEventListener(name, e => {
      callback(e, e.details);
    });
    store._listeners[name] || (store._listeners[name] = []);
    store._listeners[name].push(callback);
  };

  store.dispatch = (name, details) => {
    var event = new CustomEvent(name);
    event.details = details;
    element.dispatchEvent(event);
  };

  Object.assign(store, obj);
  return store;
}