Files copied from https://github.com/KyperTech/webpack-redux-react-starter to templates folder. Project and app files are now being copied correctly.

Author: Scott Prue

Diff for: .gitignore

@@ -1,3 +1,4 @@
 node_modules
 .DS_Store
 **/.DS_Store
+**/npm-debug.log

Diff for: generators/app/index.js

@@ -2,56 +2,101 @@
 var yeoman = require('yeoman-generator');
 var chalk = require('chalk');
 var yosay = require('yosay');
-
+var _ = require('lodash');
+var path = require('path');
+var appFolder = 'app';
 module.exports = yeoman.generators.Base.extend({
+  initializing: function () {
+    this.argument('name', { type: String, required: false });
+    this.appName = this.name || path.basename(process.cwd()) || 'webpack-redux-react-starter';
+    this.appPath = this.env.options.appPath;
+    this.version = "0.0.1";
+  },
   prompting: function () {
     var done = this.async();
 
     // Have Yeoman greet the user.
     this.log(yosay(
-      'Welcome to the exceptional ' + chalk.red('GeneratorReactRedux') + ' generator!'
+      'Welcome to the exceptional ' + chalk.red('Webpack Redux React') + ' generator!'
     ));
 
     var prompts = [{
       type: 'confirm',
       name: 'someOption',
-      message: 'Would you like to enable this option?',
-      default: true
+      message: 'Would you like to include Matter.js for authentication?',
+      default: false
     }];
 
     this.prompt(prompts, function (props) {
       this.props = props;
       // To access props later use this.props.someOption;
-
       done();
     }.bind(this));
   },
-
   writing: {
     app: function () {
-      this.fs.copy(
-        this.templatePath('_package.json'),
-        this.destinationPath('package.json')
-      );
-      this.fs.copy(
-        this.templatePath('_bower.json'),
-        this.destinationPath('bower.json')
-      );
+      var filesArray = [
+        {src:'_index.html', dest:'index.html'},
+        {src:'app/**', dest: 'app'},
+        {src:'assets/**', dest: 'assets'},
+        {src:'bin/**', dest: 'bin'},
+        {src:'lib/**', dest: 'lib'},
+      ];
+      this.copyFiles(filesArray);
     },
-
     projectfiles: function () {
-      this.fs.copy(
-        this.templatePath('editorconfig'),
-        this.destinationPath('.editorconfig')
-      );
-      this.fs.copy(
-        this.templatePath('jshintrc'),
-        this.destinationPath('.jshintrc')
-      );
+      var filesArray = [
+        {src:'_package.json', dest: 'package.json'},
+        {src:'webpack-dev.config.js'},
+        {src:'webpack.config.js'},
+        {src:'.gitignore'}
+      ]
+      this.copyFiles(filesArray);
     }
   },
-
   install: function () {
-    this.installDependencies();
-  }
+    this.npmInstall();
+  },
+  /**
+   * @param {Array|Object} filesArray
+   */
+  copyFiles: function(filesArray){
+    var array = [];
+    if(_.isArray(filesArray)){
+      array = filesArray;
+    } else { //Handle array of arguments if first argument is not array
+      array = arguments;
+    }
+    for(var i=0; i < array.length; i++){
+      var src = '';
+      var destination = '';
+      if (!_.has(array[i],'src')) {
+        if (_.isString(array[i])) {
+          src = array[i];
+        } else {
+          console.error('Invalid source for file copying.');
+          throw new Error('Invalid source for file copy.');
+        }
+      }
+      if(_.isObject(array[i])){
+        src = array[i].src;
+        destination = array[i].dest || array[i].src; //Make destination source if not provided
+      }
+      if(src.charAt(0) === "_"){ //template if filename starts with _
+        //Copy with templating
+        this.template(src, destination, this.templateContext);
+      } else if(src.indexOf('*') !== -1 || src.indexOf('/**') !== -1) {
+        //TODO: make this work better (work with nested folders and use src correctly)
+        src.replace("**", ""); //Remove /**
+        src.replace("/", ""); //Remove /
+        this.directory(destination, destination);
+      } else {
+        //Normal copy
+        this.fs.copy(
+          this.templatePath(src),
+          this.destinationPath(destination)
+        );
+      }
+    }
+  },
 });

Diff for: generators/app/templates/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+npm-debug.log
+stats.json
+.DS_Store
+**/.DS_Store

Diff for: generators/app/templates/_bower.json

@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!-- style -->
+  <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico" />
+  <title><%= appName %></title>
+  <!-- analytics -->
+</head>
+<body style="margin:0px;">
+  <div id="root"/>
+  <!-- app -->
+  <!-- script -->
+</body>
+</html>

Diff for: generators/app/templates/_index.html

@@ -1,5 +1,46 @@
 {
-  "name": "package",
-  "version": "0.0.0",
-  "dependencies": {}
+  "name": "<%= appName %>",
+  "version": "<%= version %>",
+  "main": "index.js",
+  "scripts": {
+    "start": "node bin/dev-server"
+  },
+  "keywords": [
+    "webpack",
+    "redux",
+    "react",
+    "react-router",
+    "kyper"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "babel-core": "^5.8.22",
+    "babel-loader": "^5.3.2",
+    "express": "^4.13.3",
+    "extract-text-webpack-plugin": "^0.8.2",
+    "history": "^1.9.1",
+    "kyper-matter": "^0.1.2",
+    "lodash": "^3.10.1",
+    "proxy-middleware": "^0.13.1",
+    "react": "^0.14.0-rc1",
+    "react-dom": "^0.14.0-rc1",
+    "react-hot-loader": "^1.2.8",
+    "react-redux": "^2.1.2",
+    "react-router": "^1.0.0-rc1",
+    "redux": "^3.0.0",
+    "redux-router": "^1.0.0-beta3",
+    "redux-thunk": "^1.0.0"
+  },
+  "devDependencies": {
+    "css-loader": "^0.16.0",
+    "eslint": "^1.4.1",
+    "eslint-config-airbnb": "0.0.8",
+    "eslint-plugin-react": "^3.2.3",
+    "node-sass": "^3.3.2",
+    "redux-devtools": "^2.1.2",
+    "sass-loader": "^2.0.1",
+    "style-loader": "^0.12.3",
+    "webpack": "^1.12.2",
+    "webpack-dev-server": "^1.12.0"
+  }
 }

Diff for: generators/app/templates/_package.json

@@ -0,0 +1,102 @@
+export const LOGIN_ATTEMPT = 'LOGIN_ATTEMPT';
+export const LOGIN_RESPONSE = 'LOGIN_RESPONSE';
+export const SIGNUP_ATTEMPT = 'SIGNUP_ATTEMPT';
+export const SIGNUP_RESPONSE = 'SIGNUP_RESPONSE';
+export const LOGOUT_ATTEMPT = 'LOGOUT_ATTEMPT';
+export const LOGOUT_RESPONSE = 'LOGOUT_RESPONSE';
+export const AUTH_ERR = 'AUTH_ERR';
+
+import Matter from 'kyper-matter';
+let matter = new Matter('exampleApp');
+
+// Fetches a single user from Github API unless it is cached.
+// Relies on Redux Thunk middleware.
+export function loadAccount(login, requiredFields = []) {
+  return (dispatch, getState) => {
+    const user = getState().account;
+    if (user) {
+      return null;
+    }
+  };
+}
+export function attemptLogin(loginData) {
+  console.log('attempt login action', loginData);
+ return {
+   type: LOGIN_ATTEMPT,
+   payload: loginData
+ };
+}
+//Requires react-thunk
+export function login(loginData) {
+  console.log('login action called', loginData);
+  return (dispatch, getState) => {
+    console.log('distpatch function running.');
+    dispatch(attemptLogin(loginData));
+    console.log('distpatch function running.');
+    return matter.login(loginData)
+    .then(loginRes => {
+      console.log('signup response');
+      return dispatch(receiveLogin(loginData, loginRes));
+    });
+  }
+}
+export function receiveLogin(loginData, res) {
+  console.log('receive login called', loginData, res);
+ return {
+   type: LOGIN_RESPONSE,
+   loginData: loginData,
+   account: res,
+   receivedAt: Date.now()
+ };
+}
+
+export function attemptSignup(signupData) {
+ return {
+   type: SIGNUP_ATTEMPT,
+   payload: signupData
+ };
+}
+export function signup(signupData) {
+  return dispatch => {
+    distpatch(attemptSignup(signupData));
+    return matter.signup(action.payload)
+    .then((loginRes) => {
+      dispatch(receiveSignup(signupData, loginRes));
+    }, (err) => {
+      return {type: AUTH_ERR, payload: err};
+    });
+  }
+}
+export function receiveSignup(signupData, res) {
+ return {
+   type: SIGNUP_RESPONSE,
+   signupData,
+   account: res,
+   receivedAt: Date.now()
+ };
+}
+
+export function logout() {
+  return dispatch => {
+    dispatch(attemptLogout());
+    return matter.logout()
+    .then((logoutRes) => {
+      console.log('logout successful:', logoutRes);
+      dispatch(receiveLogout(logoutRes));
+    }, (err) => {
+      return {type: AUTH_ERR, payload: err};
+    });
+  }
+}
+export function attemptLogout() {
+  return {
+    type: LOGOUT_ATTEMPT
+  };
+}
+export function receiveLogout(res) {
+ return {
+   type: LOGOUT_RESPONSE,
+   account: null,
+   receivedAt: Date.now()
+ };
+}

Diff for: generators/app/templates/app/actions/auth.js

@@ -0,0 +1,8 @@
+export const ADD_CAR = 'ADD_CAR';
+
+export function addCar(car) {
+  return {
+    type: ADD_CAR,
+    payload: car
+  };
+}

Diff for: generators/app/templates/app/actions/index.js

@@ -0,0 +1,18 @@
+import React, { Component, PropTypes } from 'react';
+import { Link } from 'react-router';
+
+class AccountDropdown extends Component {
+  render() {
+    return (
+        <div className="buttons">
+          <Link to="/profile">{this.props.currentAccount.username}</Link>
+        </div>
+    )
+  }
+}
+AccountDropdown.propTypes = {
+  currentAccount: PropTypes.shape({
+    username: PropTypes.string.isRequired
+  }).isRequired
+};
+export default AccountDropdown;

Diff for: generators/app/templates/app/components/AccountDropdown/AccountDropdown.js

@@ -0,0 +1,29 @@
+import React, { Component, PropTypes } from 'react';
+import {bindActionCreators} from 'redux';
+import {connect} from 'react-redux';
+import { Link } from 'react-router';
+import AccountDropdown from '../AccountDropdown/AccountDropdown';
+import * as Actions from '../../actions';
+
+class AccountManager extends Component {
+  constructor(props) {
+    super(props);
+    // this.state.account = this.props.loadAccount.bind(this);
+  }
+
+  render() {
+    if(this.props.currentAccount){
+      return (<AccountDropdown currentAccount={ this.props.currentAccount } />)
+    } else {
+      return (<div className="buttons">
+        <Link to="/login">Login</Link>
+        <Link to="/signup">Signup</Link>
+      </div>)
+    }
+  }
+}
+AccountManager.propTypes = {
+  currentAccount: PropTypes.object
+}
+
+export default AccountManager;