helpers/react/render-markup-to-string.js

var ReactAsync = require('react-async');
var debug = require('debug')('react-markup');
var util = require('util');

exports = module.exports = function(options, callback) {
    var context = options.context || {};
    var callback = callback || function(err) {
        debug(err);
    };
    var clientScripts = options.clientScripts || [];
    var component = options.component || function() {
        debug('no component passed!');
    };

    // application data (this has the same effect as handlebars context, except for react components)
    var renderedComponent = component(context);

    // render the react markup to a string
    ReactAsync.renderComponentToStringWithAsyncState(renderedComponent, function(err, markup, data) {
        if (!markup) {
            debug(util.inspect(err));
            return callback('could not render markup - check server console');
        }

        // add doctype to markup (not possible in jsx - so it needs to be done dirty)
        markup = '<!DOCTYPE html>' + markup;
        callback(err, options.staticPage ? markup : ReactAsync.injectIntoMarkup(markup, data, clientScripts));
    });
};