metalsmith-react/dist/index.js

Metalsmith plugin to use React as a template engine

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _path = require("path");

var _path2 = _interopRequireDefault(_path);

var _multimatch = require("multimatch");

var _multimatch2 = _interopRequireDefault(_multimatch);

var _async = require("async");

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _server = require("react-dom/server");

var _server2 = _interopRequireDefault(_server);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = function (options) {
  options = _extends({
    templatesPath: "templates",
    defaultTemplate: "default",
    pattern: "**/*",
    data: {},
    before: "",
    after: "",
    reactRender: "renderToStaticMarkup" }, options);

  return function (files, metalsmith, done) {
    var metadata = metalsmith.metadata();

    (0, _async.each)((0, _multimatch2.default)(Object.keys(files), options.pattern), function (file, cb) {
      var templatePath = metalsmith.path(_path2.default.join(options.templatesPath, files[file].template || options.defaultTemplate));
      var template = require(templatePath);
      var reactClass = template.default || template;
      var Factory = _react2.default.createFactory(reactClass);
      var component = new Factory(_extends({}, metadata, options.data, {
        file: files[file]
      }));

      try {
        files[file].contents = new Buffer(options.before + _server2.default[options.reactRender](component) + options.after);
      } catch (err) {
        cb(err);
      }

      cb();
    }, done);
  };
};