Mutation observers and Essential.js

observable.js

// -------------------------------------------
//   Mutation observers applied
// -------------------------------------------

Ui.Observable = Essential.Behavior.extend({
  config: {
    attributes: true,
    childList: true,
    characterData: true
  },

  init: function() {
    this.observer = new MutationObserver(this.observerFunction.bind(this));
    this.observe();
  },

  observe: function() {
    this.observer.observe(this.el, this.config);
  },

  disconnect: function() {
    this.observer.disconnect();
  },

  observerFunction: function(mutations) {
    mutations.forEach(function(mutation) {
      if(typeof this[mutation.type] === "function") {
        this[mutation.type](mutation)
      }
    }.bind(this));
  }
});

Ui.ChildObserver = Ui.Observable.extend({
  childList: function(e) {
    console.log("yay!", e);
  }
});