index.js

var React = require('react');
var beautifyHtml = require('js-beautify').html;
var nodeCoffeeJsx = require('node-cjsx');
var nodeJsx = require('node-jsx');
var _merge = require('lodash.merge');

var DEFAULT_OPTIONS = {
  extension: '.cjsx',
  doctype: '<!DOCTYPE html>',
  beautify: false
};

function createEngine(engineOptions) {
  engineOptions = _merge(DEFAULT_OPTIONS, engineOptions);

  nodeCoffeeJsx.transform();
  nodeJsx.install({ extension: '.jsx', harmony: true });

  var moduleDetectRegEx = new RegExp('\\' + engineOptions.extension + '$');

  function renderFile(filename, options, cb) {
    try {
      var markup = engineOptions.doctype;
      var component = React.createFactory(require(filename));
      markup += React.renderToStaticMarkup(component(options));
    } catch (e) {
      return cb(e);
    }

    if (engineOptions.beautify) {
      // NOTE: This will screw up some things where whitespace is important
      markup = beautifyHtml(markup);
    }

    if (options.settings.env === 'development') {
      // Remove all files from the module cache that use our extension. If we're
      // using .js, this could be sloooow. On the plus side, we can now make changes
      // to our views without needing to restart the server.
      Object.keys(require.cache).forEach(function(module) {
        if (moduleDetectRegEx.test(require.cache[module].filename)) {
          delete require.cache[module];
        }
      });
    }

    cb(null, markup);
  }

  return renderFile;
}

exports.createEngine = createEngine;