Create Compound Events

[jiggliemon]

A way to call an event that consists of >=2 events.

this.addEvent(['template.loaded','model.data.loaded'], this.compileTemplate);

[GCheung55]

Per conversation with @jiggliemon, it's the execution of this.compileTemplate once template.loaded and model.data.loaded are fired/triggered.

Right, @jiggliemon?

[jiggliemon]

Right.
I've been back and fourth on how to (if at all) handle this for non-latched events.

For instance, and sake of argument, you'll only load both a template and model data once. Thereby determining that once each has fired once, you can safely fire the Compound event.

Another example where an App depends on having the Async loading "FB" object available:

window.addEventListener('DOMContentLoaded', function() {
  fireEvent('DOM:Ready');
});

fbAsyncInit = function() { 
  fireEvent('FB:Ready') 
};
// with optional second string argument to make 
// for easier accessibility?
addEvent(['DOM:Ready','FB:Ready'], 'APP:Ready');

APP = {
  init: function () {
    addEvent('APP:Ready', function() {
      FB.api('/me', function (response) {
        $('name').set('text', response.name);
      })
    });
  }
}

Notice how the APP#init method has a dependency on both the FB object and DOM to be available.

[jiggliemon]

I made a quick example here using switches.
http://jsfiddle.net/jiggliemon/FwBgf/

However im still not sure this is the best way to go.

[jiggliemon]

I've implemented it in blocks:
https://github.com/jiggliemon/blocks/blob/develop/Source/mediator/mixin.js