Firebase.com with Mithril - the functional way

fireactive.js

var fireactive = function(controller) {

    return function(args) {
    	var instance = {};
        var _ref = args.firebase;

        instance.ref = _ref;

        if (args.asObject) {
        	_ref.on('value', function asObject(snap) {
			// m.startComputation();
			controller.call(instance, { data: snap.val() });
			// m.endComputation();
			m.redraw();
		});
	} else {
		_ref.on('value', function asArray(snap) {
			var out = [];
			// m.startComputation();
			snap.forEach(function(rec) {
				var data = rec.val();
				data._id = rec.key();
				out.push(data);
			});
			controller.call(instance, { data: out });
			// m.endComputation();
			m.redraw();
		});
	}

        instance.onunload = function() {
            _ref.off('value');
        };

        return instance;
    };

};
// usage:

var MyCustomers = new Firebase('https://<myfirebase>.firebaseio.com/customers')
var Customers = {};

Customers.controller = fireactive(function(args) {
    this.customers = args.data;
});

Customers.view = function(ctrl) {
    return m('ul', ctrl.customers.map(function(customer) {
        return m('li', { key: customer._id }, customer.name );
    }));
};

m.module(document.body, Customers, { firebase: MyCustomers });

Changed to m.redraw() over start / end Computation since the latter is said to block the redraw cycle when invoked from subcomponents.