Added changes for version 2.0

generators/app/index.js

@@ -0,0 +1,124 @@
+'use strict';
+let generator = require('yeoman-generator');
+let utils = require('../../utils/all');
+let prompts = require('./prompts');
+let path = require('path');
+let fs = require('fs');
+
+// Set the base root directory for our files
+let baseRootPath = path.join(__dirname, '../../node_modules/react-webpack-template');
+
+module.exports = generator.Base.extend({
+
+  constructor: function() {
+    generator.Base.apply(this, arguments);
+
+    // Make options available
+    this.option('skip-welcome-message', {
+      desc: 'Skip the welcome message',
+      type: Boolean,
+      defaults: false
+    });
+    this.option('skip-install');
+
+    // Use our plain template as source
+    this.sourceRoot(baseRootPath);
+
+    this.config.save();
+  },
+
+  initializing: function() {
+    if(!this.options['skip-welcome-message']) {
+      this.log(require('yeoman-welcome'));
+      this.log('Out of the box I include Webpack and some default React components.\n');
+    }
+  },
+
+  prompting: function() {
+    let done = this.async();
+    this.prompt(prompts, function(props) {
+
+      // Make sure to get the correct app name if it is not the default
+      if(props.appName !== utils.yeoman.getAppName()) {
+        props.appName = utils.yeoman.getAppName(props.appName);
+      }
+
+      // Set needed global vars for yo
+      this.appName = props.appName;
+      this.style = props.style;
+
+      // Set needed keys into config
+      this.config.set('appName', this.appName);
+      this.config.set('appPath', this.appPath);
+      this.config.set('style', this.style);
+
+      done();
+    }.bind(this));
+  },
+
+  configuring: function() {
+
+    // Generate our package.json. Make sure to also include the required dependencies for styles
+    let defaultSettings = this.fs.readJSON(path.join(baseRootPath, 'package.json'));
+    let packageSettings = {
+      name: this.appName,
+      private: true,
+      version: '0.0.1',
+      description: 'YOUR DESCRIPTION - Generated by generator-react-webpack',
+      main: '',
+      scripts: defaultSettings.scripts,
+      repository: '',
+      keywords: [],
+      author: 'Your name here',
+      devDependencies: defaultSettings.devDependencies,
+      dependencies: defaultSettings.dependencies
+    };
+
+    // Add needed loaders if we have special styles
+    let styleConfig = utils.config.getChoiceByKey('style', this.style);
+    if(styleConfig && styleConfig.packages) {
+
+      for(let dependency of styleConfig.packages) {
+        packageSettings.dependencies[dependency.name] = dependency.version;
+      }
+    }
+
+    this.fs.writeJSON(this.destinationPath('package.json'), packageSettings);
+  },
+
+  writing: function() {
+
+    let excludeList = [
+      'LICENCE',
+      'README.md',
+      'node_modules',
+      'package.json'
+    ];
+
+    // Get all files in our repo and copy the ones we should
+    fs.readdir(this.sourceRoot(), (err, items) => {
+
+      for(let item of items) {
+
+        // Skip the item if it is in our exclude list
+        if(excludeList.indexOf(item) !== -1) {
+          continue;
+        }
+
+        // Copy all items to our root
+        let fullPath = path.join(baseRootPath, item);
+        if(fs.lstatSync(fullPath).isDirectory()) {
+          this.bulkDirectory(item, item);
+        } else {
+          this.copy(item, item);
+        }
+      }
+    });
+  },
+
+  install: function() {
+    if(!this.options['skip-install']) {
+      this.installDependencies({ bower: false });
+    }
+  }
+});

generators/app/prompts.js

@@ -0,0 +1,18 @@
+'use strict';
+let utils = require('../../utils/all');
+
+module.exports = [
+  {
+    type: 'input',
+    name: 'appName',
+    message: 'Please choose your application name',
+    default: utils.yeoman.getAppName()
+  },
+  {
+    type: 'list',
+    name: 'style',
+    message: 'Which styles language you want to use?',
+    choices: utils.config.getChoices('style'),
+    default: utils.config.getDefaultChoice('style')
+  }
+];

generators/component/index.js

@@ -0,0 +1,36 @@
+'use strict';
+let generator = require('yeoman-generator');
+let utils = require('../../utils/all');
+
+module.exports = generator.NamedBase.extend({
+
+  constructor: function() {
+    generator.NamedBase.apply(this, arguments);
+  },
+
+  writing: function() {
+
+    let settings = utils.yeoman.getAllSettingsFromComponentName(this.name, this.config.get('style'));
+
+    // Create the style template
+    this.fs.copyTpl(
+      this.templatePath(`styles/Component${settings.style.suffix}`),
+      this.destinationPath(settings.style.path + settings.style.fileName),
+      settings
+    );
+
+    // Create the component
+    this.fs.copyTpl(
+      this.templatePath('components/Base.js'),
+      this.destinationPath(settings.component.path + settings.component.fileName),
+      settings
+    );
+
+    // Create the unit test
+    this.fs.copyTpl(
+      this.templatePath('tests/Base.js'),
+      this.destinationPath(settings.test.path + settings.test.fileName),
+      settings
+    );
+  }
+});

generators/component/templates/components/Base.js

@@ -0,0 +1,21 @@
+'use strict';
+
+import React from 'react/addons';
+
+require('<%= style.webpackPath %>');
+
+class <%= component.className %> extends React.Component {
+  render() {
+    return (
+      <div className="<%= style.className %>">
+        Please edit <%= component.path %>/<%= component.fileName %> to update this component!
+      </div>
+    );
+  }
+}
+
+// Uncomment properties you need
+// <%= component.className %>.propTypes = {};
+// <%= component.className %>.defaultProps = {};
+
+export default <%= component.className %>;

generators/component/templates/styles/Component.css

@@ -0,0 +1,3 @@
+.<%= style.className %> {
+  border: 1px dashed #f00;
+}

generators/component/templates/styles/Component.less

@@ -0,0 +1,3 @@
+.<%= style.className %> {
+  border: 1px dashed #f00;
+}

generators/component/templates/styles/Component.sass

@@ -0,0 +1,2 @@
+.<%= style.className %>
+  border: 1px dashed #f00

generators/component/templates/styles/Component.scss

@@ -0,0 +1,3 @@
+.<%= style.className %> {
+  border: 1px dashed #f00;
+}

generators/component/templates/styles/Component.styl

@@ -0,0 +1,2 @@
+.<%= style.className %>
+  border 1px dashed #f00

generators/component/templates/tests/Base.js

@@ -0,0 +1,23 @@
+/*eslint-env node, mocha */
+/*global expect */
+/*eslint no-console: 0*/
+'use strict';
+
+// Uncomment the following lines to use the react test utilities
+// import React from 'react/addons';
+// const TestUtils = React.addons.TestUtils;
+import createComponent from 'helpers/shallowRenderHelper';
+
+import <%= component.className %> from '<%= component.webpackPath %>';
+
+describe('<%= component.className %>', () => {
+    let component;
+
+    beforeEach(() => {
+      component = createComponent(<%= component.className %>);
+    });
+
+    it('should have its component name as default className', () => {
+      expect(component._store.props.className).to.equal('<%= style.className %>');
+    });
+});