Add init option

Author: vs-cristian

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "exclude": [
+          "transform-regenerator"
+        ]
+      }
+    ]
+  ]
+}

README.md

@@ -5,25 +5,22 @@ It helps you to speed up productivity in React projects and stop copying, pastin
 
 ## Installation
 
-To install the latest version run this command:
+To install the latest version run the following command:
 
 ```sh
-npm install generate-react-code --save-dev
+npm i react-codegen-cli --save-dev
 ```
 
-Then add the following script to your `packages.json` file:
-```json
-{
-  "scripts": {
-    "react-codegen": "react-codegen"
-  }
-}
+React CodeGen lets you setup everything by simply running the following command:
+
+```sh
+npx react-codegen-cli init
 ```
 
-## Get started
+Question by question, it will guide you through the whole process of setting up a configuration file,
+selecting stylesheet format, picking a destination of generated files, and a lot more.
 
-`react-codegen` will look for a [configuration file](#configuration-file) in root folder and use it if available.
-If no config file found it will fallback to a default configuration.
+## Get Started
 
 The following command can be used to generate code:
 ```sh
@@ -38,8 +35,9 @@ such as connecting the `useState`, `useEffect`, `propTypes` and so on.
 ![Demo](https://i.imgur.com/TFykAL4.png)
 ![Demo2](https://i.imgur.com/uEMSlCz.png)
 
-## Configuration file
- 
+## Configuration File
+
+You also can set-up configuration file manually. 
 React codegen uses  [cosmiconfig](https://github.com/davidtheclark/cosmiconfig)  for configuration file support. This means you can configure it via:
 
 -   A  `"react-codegen"`  key in your  `package.json`  file.
@@ -48,11 +46,14 @@ React codegen uses  [cosmiconfig](https://github.com/davidtheclark/cosmiconfig)
 
 The configuration file will be resolved in the root folder of the project. If no configuration file found the default config will be used.
 
+`react-codegen` will look for a [configuration file](#configuration-file) in root folder and use it if available.
+If no config file found it will fallback to a default configuration.
+
 ### Configuration Options
 
 |     Type     |                             Value                            |     Default    |                              Description                             |
 |:------------:|:------------------------------------------------------------:|:--------------:|----------------------------------------------------------------------|
-| styles       |                            string                            |      scss      | Extension for style file                                             |
+| styles       |                            string                            |      scss      | Stylesheet format                                                    |
 | typescript   |                            boolean                           |      false     | Generate typescript files                                            |
 | jsxExt       |                            boolean                           |      true      | Use `jsx` extension for components                                   |
 | fileNameCase | came,<br/> pascal,<br/>   snake,<br/> snakeUpper,<br/> kebab |     pascal     | File name case for generated files<br/> (default: `MyComponent.jsx`) |

package-lock.json

@@ -1,8 +1,8 @@
 {
   "name": "react-codegen-cli",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Software Development Kit for React",
-  "main": "lib/index.js",
+  "main": "lib/bin.js",
   "bin": {
     "react-codegen": "lib/index.js"
   },
@@ -17,33 +17,24 @@
       "pre-push": "npm run lint"
     }
   },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "exclude": [
-            "transform-regenerator"
-          ]
-        }
-      ]
-    ]
-  },
   "dependencies": {
     "@babel/generator": "^7.10.1",
     "@babel/parser": "^7.10.1",
     "@babel/template": "^7.10.1",
     "@babel/traverse": "^7.10.1",
     "@babel/types": "^7.10.1",
     "chalk": "^4.0.0",
+    "console-clear": "^1.1.1",
     "cosmiconfig": "^6.0.0",
+    "detect-indent": "^6.0.0",
     "find-up": "^4.1.0",
     "fs-extra": "^9.0.0",
     "inquirer": "^7.1.0",
     "lodash": "^4.17.15",
     "log-symbols": "^4.0.0",
     "mustache": "^4.0.1",
-    "prettier": "^2.0.5"
+    "prettier": "^2.0.5",
+    "yargs": "^15.3.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.10.1",
@@ -53,6 +44,7 @@
     "@types/babel-types": "^7.0.7",
     "@types/fs-extra": "^9.0.1",
     "@types/inquirer": "^6.5.0",
+    "@types/yargs": "^15.0.5",
     "eslint": "^6.8.0",
     "eslint-config-airbnb-base": "^14.1.0",
     "eslint-config-prettier": "^6.11.0",

package.json

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+import { argv } from 'yargs';
+import { Logger } from './core/Logger';
+import { runCLI } from './index';
+
+runCLI(argv._[0] === 'init')
+  .then(() => process.exit(0))
+  .catch(err => {
+    Logger.error(err);
+    process.exit(1);
+  });

src/bin.js

@@ -39,6 +39,7 @@ export class Logger {
   }
 
   static log(value, color = 'white', icon) {
+    if (typeof value === 'function') value = value(chalk);
     if (icon) return console.log(icon, chalk[color](value));
     return console.log(chalk[color](value));
   }