Optionally include redux-thunk, resolve stylesuxx#73

generators/app/index.js

@@ -8,6 +8,18 @@ class AppGenerator extends Generator {
     this.option('skip-install');
   }
 
+  prompting() {
+    return this.prompt([{
+      type: 'confirm',
+      name: 'thunk',
+      message: 'Would you like to include redux-thunk?',
+      default: false,
+      store: true,
+    }]).then(answers => {
+      this.thunk = answers.thunk;
+    });
+  }
+
   install() {
     if(!this.options['skip-install']) {
       this.installDependencies({ bower: false });
@@ -29,11 +41,18 @@ class AppGenerator extends Generator {
 
       // Run the create root method
       this.composeWith('react-webpack-redux:root', {
-        args: ['Root']
+        args: ['Root'],
+        thunk: this.thunk,
       });
 
-      // Install redux and react bindings as requirement
-      this.npmInstall(['redux', 'react-redux'], { 'save': true });
+      // Install redux and react bindings as requirement and redux-thunk optionally
+      let packages = ['redux', 'react-redux'];
+
+      if (this.thunk) {
+        packages.push('redux-thunk');
+      }
+
+      this.npmInstall(packages, { 'save': true });
     });
   }
 };

generators/root/index.js

@@ -1,6 +1,5 @@
 'use strict';
 const Generator = require('yeoman-generator');
-const fs = require('fs');
 
 class RootGenerator extends Generator {
   writing() {
@@ -12,7 +11,7 @@ class RootGenerator extends Generator {
 
     // Copy the store
     this.fs.copy(
-      this.templatePath('store.js'),
+      this.options.thunk ? this.templatePath('store-thunk.js') : this.templatePath('store.js'),
       this.destinationPath('src/stores/index.js')
     );
 
@@ -52,6 +51,7 @@ class RootGenerator extends Generator {
       this.destinationPath('.eslintrc')
     );
   }
+
 };
 
 module.exports = RootGenerator;

generators/root/templates/store-thunk.js

@@ -0,0 +1,25 @@
+
+import { createStore, compose, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+import reducers from '../reducers';
+
+function reduxStore(initialState) {
+  const store = createStore(reducers, initialState, compose(
+    applyMiddleware(thunk),
+    window.devToolsExtension ? window.devToolsExtension() : f => f
+  ));
+
+  if (module.hot) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept('../reducers', function () {
+      // We need to require for hot reloading to work properly.
+      const nextReducer = require('../reducers');  // eslint-disable-line global-require
+
+      store.replaceReducer(nextReducer);
+    });
+  }
+
+  return store;
+}
+
+export default reduxStore;