submodule component

Author: jermspeaks

component/index.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var generators = require('yeoman-generator');
+var mkdirp = require('mkdirp');
+var yosay = require('yosay');
+var chalk = require('chalk');
+var S = require('string');
+
+module.exports = generators.Base.extend({
+  _createProjectFileSystem: function() {
+    var sourceRoot = this.sourceRoot();
+    var componentRoot = this.componentRoot;
+    var componentName = S(this.componentName).capitalize().s;
+    var templateContext = {
+      componentName: componentName
+    };
+    var componentDir = componentRoot + '/' + componentName;
+    mkdirp(componentRoot + '/' + componentName);
+
+
+    this.fs.copyTpl(sourceRoot + '/_package.json', componentDir + '/package.json', templateContext);
+    this.fs.copyTpl(sourceRoot + '/ComponentPage.js', componentDir + '/' + componentName + '.js', templateContext);
+    this.fs.copyTpl(sourceRoot + '/ComponentPage.scss', componentDir + '/' + componentName + '.scss', templateContext);
+  },
+
+  constructor: function() {
+    generators.Base.apply(this, arguments);
+
+    this.argument('componentName', {
+      required: true,
+      type: String,
+      desc: 'Name of the component',
+    });
+
+    this.argument('componentRoot', {
+      required: true,
+      type: String,
+      desc: 'Root of the component',
+    });
+
+    this.log('Creating module ' + this.componentName + '.');
+  },
+
+  initializing: function() {
+    var message = chalk.bgBlack.bold('\nWelcome to React-Vertical Project\n') + chalk.underline('JS React/Flux Compiler\n');
+    this.log(yosay(message));
+  },
+
+  configuring: function() {
+    this.config.save();
+  },
+
+  writing: function() {
+    this._createProjectFileSystem();
+  },
+});

component/templates/ComponentPage.js

@@ -0,0 +1,10 @@
+import React, { PropTypes, Component } from 'react';
+import styles from './<%= componentName %>.scss';
+
+export default class <%= componentName %> extends Component {
+  static propTypes = {};
+
+  render() {
+    return ();
+  }
+}

component/templates/ComponentPage.scss

@@ -0,0 +1 @@
+.<%= componentName %> {}

component/templates/_package.json

@@ -0,0 +1,6 @@
+{
+  "name": "<%= componentName %>",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./<%= componentName %>.js"
+}

module/templates/ModulePage.js

@@ -2,7 +2,7 @@ import React, { PropTypes, Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import styles from './<%= modulePage %>.scss';
-import * as <%= moduleCommonName %> from '../../actions/<%= moduleActions %>';
+import * as <%= moduleActions %> from '../../actions/<%= moduleActions %>';
 
 class <%= modulePage %> extends Component {
   static propTypes = {