elliptical-observe-inline/lib-browser/store.js

Dynamic sideways Data Loading for Elliptical

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createStore;

var _lodash = require('lodash');

var _lodash2 = _interopRequireDefault(_lodash);

var _zenObservable = require('zen-observable');

var _zenObservable2 = _interopRequireDefault(_zenObservable);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function createStore() {
  var items = [];
  var observer = void 0;
  var data = new _zenObservable2.default(function (newObserver) {
    observer = newObserver;
  });

  function fetchAndSubscribe(element, item) {
    var fetched = element.type.fetch(element);

    var subscription = fetched.subscribe({
      next: function next(value) {
        item.value = value;

        if (observer) {
          observer.next({ element: element, value: value });
        }
      }
    });
    if (item.subscription) {
      item.subscription.unsubscribe();
    }
    item.subscription = subscription;
  }

  function register(element) {
    var existing = _lodash2.default.find(items, function (item) {
      return _lodash2.default.isEqual(element, item.element);
    });

    if (existing) {
      var currentValue = existing.value;

      return currentValue;
    } else {
      var newItem = { element: element, dirty: false };
      items.push(newItem);

      fetchAndSubscribe(element, newItem);

      return newItem.value;
    }
  }

  function remove(item) {
    var index = items.indexOf(item);
    var removed = items.splice(index, 1);
    removed[0].subscription.unsubscribe();
  }

  return { data: data, register: register, items: items, remove: remove };
}