kick/lib/generators/component.js

Kickstarter and generator for AngularJS based on ES6, webpack and best practices

'use strict';

const Format    = require('../format');
const Logger    = require('../logger');
const Utils     = require('../utils');
const FSUtils   = require('../fs-utils');
const Templates = require('../templates');

// TODO: Replace with object destructuring once available in nodejs
const createDirectory = FSUtils.createDirectory;
const createFile      = FSUtils.createFile;
const modifyFile      = FSUtils.modifyFile;
const prependToFile   = FSUtils.prependToFile;

module.exports = function (name) {
  name = Utils.ensureName('component', name);

  let subdirectories = name.split('/');
  name = subdirectories.pop();

  const componentName         = Format.toComponentName(name);
  const componentTemplateName = Format.toHTMLFileName(componentName);
  const componentFileName     = Format.toJSFileName(componentName);
  const componentSpecFileName = Format.toJSFileName(componentName + '.spec');
  const componentTagName      = Format.toComponentTagName(componentName);

  subdirectories = Format.parentPath(subdirectories) + `${componentFileName.replace('.js', '')}/`;

  const componentTemplateUrl  = 'components/' + subdirectories + componentTemplateName;

  createDirectory('app/components/' + subdirectories);
  
  createFile('app/components/' + subdirectories + componentFileName,
    Templates.component({ componentName, componentTemplateUrl })
  );

  createFile('app/components/' + subdirectories + componentTemplateName,
    Templates.componentTemplate({ componentName })
  );

  createDirectory('test/unit/components/' + subdirectories);
  createFile('test/unit/components/' + subdirectories + componentSpecFileName,
    Templates.testComponentUnit({ componentName, componentTagName })
  );

  prependToFile('app/components/components.js', "import { " + componentName + " } from './"+ subdirectories + componentFileName.replace('.js', '') + "';\n");
  modifyFile('app/components/components.js', [{
    find: ');',
    replace: ")\n  .component('" + componentName + "', " + componentName + ");"
  }]);

  Logger.blankLine();
};