Stories

Author: ramirobg94

README.md

@@ -7,8 +7,8 @@
 First, install [Yeoman](http://yeoman.io) and generator-react-component using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).
 
 ```bash
-npm install -g yo
-npm install -g generator-react-component
+npm i -g yo
+npm i -g @guidesmiths/generator-react-component
 ```
 
 Then generate your new project:

bin/publish.js

@@ -0,0 +1,8 @@
+const semver = require('semver');
+const { join } = require('path');
+const { writeFileSync } = require('fs');
+const pkg = require('../package.json');
+
+const increment = process.argv[2];
+pkg.version = semver.inc(pkg.version, increment);
+writeFileSync(join(__dirname, '..', 'package.json'), JSON.stringify(pkg, null, 2));

generators/app/index.js

@@ -5,8 +5,6 @@ const yosay = require('yosay');
 const fs = require('fs');
 const path = require('path');
 
-const templatesFolder = path.join(__dirname, 'templates');
-
 module.exports = yeoman.Base.extend({
   prompting: function() {
     return this.prompt([{
@@ -16,22 +14,26 @@ module.exports = yeoman.Base.extend({
       default: 'ReactComponent'
     }]).then(function(answers) {
       this.props = answers;
+      this.props.nameUp = this._capitalizeFirstLetter(this._toCamelCase(this.props.name));
     }.bind(this));
   },
   writing: function() {
-    this._copyFiles('hello.txt', 'hello.js');
+    this._copyFiles('name.component.js', this._prefix(this.props.name+'.component.js'));
+    this._copyFiles('name.container.js', this._prefix(this.props.name+'.container.js'));
+    this._copyFiles('name.stories.js', this._prefix(this.props.name+'.stories.js'));
+    this._copyFiles('mock-data.json', this._prefix('mock-data.json'));
+    this._copyFiles('name.css', this._prefix(this.props.name+'.css'));
   },
   end: function() {
     var outputMsg = `\n\nYour react component ${this.props.name} has been created.`;
     this.log(yosay(outputMsg));
   },
+  _prefix: function(file) {
+    return this.props.name + '/' + file;
+  },
   _copyFiles: function(from, to) {
     this.props.nameUp = this._capitalizeFirstLetter(this._toCamelCase(this.props.name));
-    this.fs.copyTpl(this.templatePath('name.component.js'), this.destinationPath(this.props.name+'.component.js'), this.props);
-    this.fs.copyTpl(this.templatePath('name.container.js'), this.destinationPath(this.props.name+'.container.js'), this.props);
-    this.fs.copyTpl(this.templatePath('name.stories.js'), this.destinationPath(this.props.name+'.stories.js'), this.props);
-    this.fs.copyTpl(this.templatePath('name.css'), this.destinationPath(this.props.name+'.css'), this.props);
-    this.fs.copyTpl(this.templatePath('mock-data.json'), this.destinationPath('mock-data.json'), this.props);
+    this.fs.copyTpl(this.templatePath(from), this.destinationPath(to), this.props);
   },
   _toCamelCase: function(str) {
     return str

hello.js

@@ -1,6 +1,6 @@
 {
-  "name": "generator-react-component",
-  "version": "0.0.0",
+  "name": "@guidesmiths/generator-react-component",
+  "version": "0.1.0",
   "description": "A generator for a react component",
   "homepage": "https://github.com/guidesmiths/react-component",
   "author": {
@@ -26,7 +26,8 @@
   },
   "devDependencies": {
     "eslint": "^3.1.1",
-    "eslint-config-imperative-es6": "^1.0.0"
+    "eslint-config-imperative-es6": "^1.0.0",
+    "semver": "^5.5.0"
   },
   "eslintConfig": {
     "extends": "imperative-es6",
@@ -35,6 +36,10 @@
     }
   },
   "repository": "GuideSmiths Ltd/generator-react-component",
-  "scripts": {},
+  "scripts": {
+    "publish-patch": "node ./bin/publish patch && npm publish",
+    "publish-minor": "node ./bin/publish minor && npm publish",
+    "publish-major": "node ./bin/publish major && npm publish"
+  },
   "license": "ISC"
-}
+}