Flight delegation

flight-delegation.js

define(

    [
        'flight/component'
    ],

    function (defineComponent) {

        return defineComponent(helloWorld);

        function helloWorld() {
          
          this.injectFooBar = function() {
            // Silly example but here I inject 
            // an element that interests foobar.
            // But since it's done after initialization
            // foobar won't catch it.
            var $newElement = "<div class=\"foobar\"></div>";
            this.$node.append( $newElement );
            // Could I maybe:
            // fooBarUI.attachTo($newElement) - or something?
           
           
          }
          
        }
    }
);

define(

    [
        'flight/component'
    ],

    function (defineComponent) {

        return defineComponent(fooBar);

        function fooBar() {
          
          this.doStuff = function() {
            // ...
          }
          
          this.after('initilize'injectFooBar = function() {
              // add listeners on nodes inside .foobar
          }
          
        }
    }
    
);
  
  
define(

    [
        'ui/foobar',
        'ui/helloworld'
    ],
    
    function(
      fooBarUI, 
      helloWorldUI) {
      
      var initialize = function() {
        foobar.attachTo('.foobar');
        helloWorld.attachTo('#hello-world');
      } 
      
      return {
        initialize: initialize
      }
      
    }
      
);