react-middleware/templates/index.js

Connect middleware for serving React components from a standard folder structure.

import _ from "lodash";
import Template from "../template";




/**
 * Returns the set of template files.
 * @param paths: The middleware folder paths object.
 */
export default (paths) => {
  const template = (sourceDir, sourceFile, targetFolder) => {
      sourceDir = _.isString(sourceDir) ? sourceDir + "/" : "";
      const sourcePath = `./${ sourceDir }${ sourceFile }`;
      const targetPath = `${ targetFolder }/${ sourceFile }`;
      return new Template(sourcePath, targetPath);
  };

  const templates = {
    routes: template(null, "routes.js", paths.base),
    html: template("Html", "Html.jsx", `${ paths.layouts }/Html`),
    htmlCss: template("Html", "Html.styl", `${ paths.layouts }/Html`),
    home: template("Home", "Home.jsx", `${ paths.pages }/Home`),
    homeCss: template("Home", "Home.styl", `${ paths.pages }/Home`),
    normalizeCss: template("css", "normalize.css", paths.css),
    jsIndex: template("js", "index.js", paths.js),

    /**
     * Creates all template files if they don't already exist.
     */
    create() {
      paths.create();
      _.forIn(templates, (file) => {
          if (file instanceof Template) {
            file.copy();
          }
      });
    }
  };

  return templates;
};