scaffolding-nextjs/scaffolding/scaffold-story-component.js

Templates that aid in the development of NextJS applications.

/*
  Enables scaffolding of new FC items (e.g. components, tags) using the dopl templating library.
  See the stateless-component folder for the template source files.
*/
const chalk = require('chalk');
const dopl = require('dopl');
const entities = require('entities');

module.exports = ({
  name,
  path,
  src,
  dest
}) => {

  if(!/^[A-Z][A-Za-z]+$/.test(name)) {
    console.error(chalk.bgRed('The name should be in PascalCase.'));
    process.exit(1);
  }

  // Set the path to the name if it doesn't exist.
  path ? encodeURI(path) : name;

  return dopl({
    output: dest,
    src: src,
    data: {
      path: path,
      name,
      className: createClassName(name)
    }
  });
}

const createClassName = name => {
  // transforms PascalCase into slug-case for the CSS class name
  return name
    .replace(/[A-Z]/g, word => '_' + word.toLowerCase())
    .substring(1); // trim off leading - from the first capital
}