/* MagJS Example: Higher-order Component */

​

//Composer: Higher-Order Component (HoC)

​

mag.composer = function(id, ComposedComponent, oprops) {

​

  var composed = mag.module(id, ComposedComponent, oprops);

​

  var hoc = {

    controller: function(props) {

      props.key = props.key || performance.now();

    },

    view: function(state, props) {

      state.div = composed(props);

    }

  };

​

  return mag.create('container', hoc, oprops);

​

};

​

//Component:

var Timer = {

  view: function(state, props) {

    state.time = props.time;

  }

};

​

var composer = mag.composer('timer', Timer);

​

mag.module('app', {

  view: function(state, props) {

    state.clock1 = composer({

      time: Date() + ""

    });

    state.clock2 = composer({

      time: Date.now()

    });

  }

});