Subgenerators added for component, container, reducer, and action.

Author: prescottprue

generators/action/index.js

@@ -0,0 +1,21 @@
+'use strict';
+var yeoman = require('yeoman-generator');
+
+module.exports = yeoman.generators.Base.extend({
+  initializing: function () {
+    this.argument('name', {
+      required: true,
+      type: String,
+      desc: 'The subgenerator name'
+    });
+
+    this.log('You called the WebpackReduxReact subgenerator with the argument ' + this.name + '.');
+  },
+
+  writing: function () {
+    this.fs.copy(
+      this.templatePath('somefile.js'),
+      this.destinationPath('somefile.js')
+    );
+  }
+});

generators/action/templates/somefile.js

@@ -0,0 +1 @@
+// This is a file copied by your subgenerator

generators/component/index.js

@@ -0,0 +1,39 @@
+'use strict';
+var yeoman = require('yeoman-generator');
+var _ = require('lodash');
+
+module.exports = yeoman.generators.Base.extend({
+  initializing: function () {
+    this.argument('name', {
+      required: true,
+      type: String,
+      desc: 'The subgenerator name'
+    });
+
+    this.log('You called the Component subgenerator with the argument ' + this.name + '.');
+  },
+  prompting: function () {
+    var done = this.async();
+
+    var prompts = [{
+      type: 'confirm',
+      name: 'addStyle',
+      message: 'Do you want to include an SCSS file for styles?',
+      default: true
+    }];
+
+    this.prompt(prompts, function (props) {
+      this.props = props;
+      // To access props later use this.props.someOption;
+      done();
+    }.bind(this));
+  },
+  writing: function () {
+    if(this.props.addStyle){
+      this.template('_style.js', 'components/'+ this.name + '/' + this.name + '.js', this.templateContext);
+      this.template('_main.scss', 'components/'+ this.name + '/' + this.name + '.scss', this.templateContext);
+    } else {
+      this.template('_noStyle.js', 'components/'+ this.name + '/' + this.name + '.js', this.templateContext);
+    }
+  }
+});

generators/component/templates/_main.scss

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

generators/component/templates/_noStyle.js

@@ -0,0 +1,16 @@
+import React, {Component, PropTypes} from 'react';
+
+class <%= name %> extends Component {
+  constructor(props){
+    super(props);
+  }
+  render(){
+    return (
+      <div>
+
+      </div>
+    );
+  }
+}
+
+export default <%= name %>

generators/component/templates/_style.js

@@ -0,0 +1,17 @@
+import React, {Component, PropTypes} from 'react';
+import './<%= name %>.scss';
+
+class <%= name %> extends Component {
+  constructor(props){
+    super(props);
+  }
+  render(){
+    return (
+      <div className="<%= name %>">
+
+      </div>
+    );
+  }
+}
+
+export default <%= name %>

generators/container/index.js

@@ -0,0 +1,40 @@
+'use strict';
+var yeoman = require('yeoman-generator');
+var _ = require('lodash');
+var chalk = require('chalk');
+
+module.exports = yeoman.generators.Base.extend({
+  initializing: function () {
+    this.argument('name', {
+      required: true,
+      type: String,
+      desc: 'The subgenerator name'
+    });
+    this.capsName = _.capitalize(this.name);
+    this.camelName = this.name.toLowerCase().charAt(0).toUpperCase().slice(1); //Capitalize first letter only
+    // this.log('You called the Component subgenerator with the argument ' + this.name + '.');
+  },
+  prompting: function () {
+    var done = this.async();
+
+    var prompts = [{
+      type: 'confirm',
+      name: 'addAction',
+      message: 'Do you want to create an action file for this component?\n' + chalk.red('WARNING:This will overwrite an existing action file of the same name.') + '\n',
+      default: false
+    }];
+
+    this.prompt(prompts, function (props) {
+      this.props = props;
+      // To access props later use this.props.someOption;
+      done();
+    }.bind(this));
+  },
+  writing: function () {
+    if(this.props.addAction){
+      this.template('_action.js', 'actions/' + this.name.toLowerCase() + '.js', this.templateContext);
+    }
+    this.template('_main.js', 'containers/'+ this.name + '/' + this.name + '.js', this.templateContext);
+    this.template('_main.scss', 'containers/'+ this.name + '/' + this.name + '.scss',this.templateContext);
+  }
+});

generators/container/templates/_action.js

@@ -0,0 +1,22 @@
+export const ADD_<%= capsName %> = 'ADD_<%= capsName %>';
+export const REMOVE_<%= capsName %> = 'REMOVE_<%= capsName %>';
+export const UPDATE_<%= capsName %> = 'UPDATE_<%= capsName %>';
+
+export function add<%= camelName %>(<%= name.toLowerCase() %>) {
+  return {
+    type: 'ADD_<%= capsName %>',
+    payload: '<%= name.toLowerCase() %>'
+  };
+}
+export function remove<%= camelName %>(<%= name.toLowerCase() %>) {
+  return {
+    type: 'REMOVE_<%= capsName %>',
+    payload: '<%= name.toLowerCase() %>'
+  };
+}
+export function update<%= camelName %>(<%= name.toLowerCase() %>) {
+  return {
+    type: 'UPDATE_<%= capsName %>',
+    payload: '<%= name.toLowerCase() %>'
+  };
+}

generators/container/templates/_main.js

@@ -0,0 +1,21 @@
+import React, {Component, PropTypes} from 'react';
+import {bindActionCreators} from 'redux';
+import {connect} from 'react-redux';
+
+import * as Actions from '../../actions/<%= name %>';
+import './<%= name %>.scss';
+
+class <%= name %> extends Component {
+  constructor(props){
+    super(props);
+  }
+  render(){
+    return (
+      <div className="<%= name %>">
+
+      </div>
+    );
+  }
+}
+
+export default <%= name %>

generators/container/templates/_main.scss

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