JavaScriptServices/samples/react/MusicStore/ReactApp/fx/render-server.js

require('./require-ts-babel')(); // Enable loading TS/TSX/JSX/ES2015 modules
var url = require('url');
var domainTasks = require('./domain-tasks.ts');

function render(bootModulePath, requestUrl, callback) {
    var bootFunc = require(bootModulePath);
    if (typeof bootFunc !== 'function') {
        bootFunc = bootFunc.default;
    }
    if (typeof bootFunc !== 'function') {
        throw new Error('The module at ' + bootModulePath + ' must export a default function, otherwise we don\'t know how to invoke it.')   
    }
    
    var params = {
        location: url.parse(requestUrl),
        url: requestUrl,
        state: undefined
    };
    
    // Open a new domain that can track all the async tasks commenced during first render
    domainTasks.run(function() {
        // Since route matching is asynchronous, add the rendering itself to the list of tasks we're awaiting
        domainTasks.addTask(new Promise(function (resolve, reject) {
            // Now actually perform the first render that will match a route and commence associated tasks
            bootFunc(params, function(error, result) {
                if (error) {
                    reject(error);
                } else {
                    // The initial 'loading' state HTML is irrelevant - we only want to capture the state
                    // so we can use it to perform a real render once all data is loaded
                    params.state = result.state;
                    resolve();
                }
            });
        }));
    }).then(function() {
        // By now, all the data should be loaded, so we can render for real based on the state now
        // TODO: Add an optimisation where, if domain-tasks had no outstanding tasks at the end of
        // the previous render, we don't re-render (we can use the previous html and state).
        bootFunc(params, callback);
    }).catch(function(error) {
        process.nextTick(() => { // Because otherwise you can't throw from inside a catch
            callback(error, null);
        });
    });
}

render('../boot-server.tsx', '/', (err, html) => {
    if (err) {
        throw err;
    }
    
    console.log(html);
});