Minor fixes

Author: vs-cristian

package.json

@@ -2,9 +2,9 @@
   "name": "react-codegen-cli",
   "version": "0.1.6",
   "description": "Software Development Kit for React",
-  "main": "lib/bin.js",
+  "main": "lib/index.js",
   "bin": {
-    "react-codegen": "lib/index.js"
+    "react-codegen": "lib/bin.js"
   },
   "scripts": {
     "prepublish": "babel src --out-dir lib --copy-files",

src/constants/index.js

@@ -1,12 +1,14 @@
 import path from 'path';
 
 import { getAppRoot, getConfig } from '../utils';
+import { getStylesExtension } from '../utils/getStylesExtension';
 
+export const STYLE_FORMATS = ['CSS', 'SCSS', 'SASS', 'Less', 'Stylus'];
 export const APP_ROOT = getAppRoot();
 export const ROOT = path.dirname(require.main.filename);
 export const CONFIG = getConfig();
 export const EXT = {
   component: CONFIG.typescript ? 'tsx' : `j${CONFIG.jsxExt ? 'sx' : 's'}`,
   script: `${CONFIG.typescript ? 't' : 'j'}s`,
-  style: CONFIG.styles,
+  style: getStylesExtension(CONFIG.styles),
 };

src/init/index.js

@@ -20,28 +20,28 @@ export async function init() {
   const answers = await inquirer.prompt(question);
 
   const config = {
-    styles: answers.styles,
+    styles: answers.styles.toLowerCase(),
     typescript: answers.typescript,
     jsxExt: answers.jsxExt,
     fileNameCase: answers.fileNameCase,
     path: answers.path,
   };
 
   const content = JSON.stringify(config, null, 2);
-  const filePath = path.resolve(APP_ROOT, 'react-codegen.json');
+  const filePath = path.resolve(APP_ROOT, '.react-codegenrc.json');
 
   fs.writeFileSync(filePath, content, 'utf-8');
 
   if (answers.script) {
     await updatePackage(answers.scriptName);
-  }
 
-  Logger.log(
-    chalk => `
+    Logger.log(
+      chalk => `
     Now you can run the following command
-    To run GraphQL Code Generator.
+    to run React CodeGen.
     
     ${chalk.cyan(`npm run ${answers.scriptName}`)}
     `
-  );
+    );
+  }
 }

src/init/questions.js

@@ -1,3 +1,4 @@
+import { STYLE_FORMATS } from '../constants';
 import { getNameCases } from '../utils';
 
 const nameCases = getNameCases('my component');
@@ -14,7 +15,7 @@ export const question = [
     type: 'list',
     name: 'styles',
     message: 'Which stylesheet format would you like to use?',
-    choices: ['CSS', 'SCSS', 'SASS', 'Less', 'Stylus'],
+    choices: STYLE_FORMATS,
   },
   {
     type: 'confirm',

src/utils/getConfig.js

@@ -2,7 +2,8 @@ import path from 'path';
 import { cosmiconfigSync } from 'cosmiconfig';
 
 import defaultConfig from '../config/default.json';
-import { APP_ROOT } from '../constants';
+import { APP_ROOT, STYLE_FORMATS } from '../constants';
+import { Logger } from '../core/Logger';
 
 export function getConfig() {
   let config = defaultConfig;
@@ -11,6 +12,18 @@ export function getConfig() {
   const { config: userConfig } = explorer.search(APP_ROOT) || {};
 
   if (userConfig) {
+    if (userConfig.styles) {
+      userConfig.styles = userConfig.styles.toLowerCase();
+      const formats = STYLE_FORMATS.map(v => v.toLowerCase());
+      const isSupported = formats.includes(userConfig.styles);
+
+      if (!isSupported) {
+        Logger.warn(`Unknown stylesheet format - ${userConfig.styles}`);
+        Logger.warn(`Using default - css`);
+        userConfig.styles = 'css';
+      }
+    }
+
     config = Object.assign(config, userConfig);
   }
 

src/utils/getStylesExtension.js

@@ -0,0 +1,8 @@
+export function getStylesExtension(type) {
+  switch (type) {
+    case 'stylus':
+      return 'styl';
+    default:
+      return type.toLowerCase();
+  }
+}