Add Logger class

Author: vs-cristian

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-codegen-cli",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Software Development Kit for React",
   "main": "lib/index.js",
   "bin": {

src/Logger.js

@@ -1,9 +1,8 @@
 import fs from 'fs-extra';
-import chalk from 'chalk';
 import path from 'path';
-import logSymbols from 'log-symbols';
 
 import { CONFIG, EXT } from '../constants';
+import { Logger } from './Logger';
 
 export class FileService {
   constructor(fileName) {
@@ -25,38 +24,29 @@ export class FileService {
     const filePath = this.getFilePath(EXT.component);
     if (!fs.pathExistsSync(filePath)) {
       fs.writeFileSync(filePath, template);
-      console.log(
-        logSymbols.success,
-        chalk.green(`Successfully generated component file ${chalk.white(filePath)}`)
-      );
+      Logger.success(chalk => `Successfully generated component file ${chalk.white(filePath)}`);
     } else {
-      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+      Logger.warn(chalk => `File already exists ${chalk.white(filePath)}`);
     }
   }
 
   genStyle(template) {
     const filePath = this.getFilePath(EXT.style, 'style');
     if (!fs.pathExistsSync(filePath)) {
       fs.writeFileSync(filePath, template);
-      console.log(
-        logSymbols.success,
-        chalk.green(`Successfully generated style file ${chalk.white(filePath)}`)
-      );
+      Logger.success(chalk => `Successfully generated style file ${chalk.white(filePath)}`);
     } else {
-      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+      Logger.warn(chalk => `File already exists ${chalk.white(filePath)}`);
     }
   }
 
   genTest(template) {
     const filePath = this.getFilePath(EXT.component, 'test');
     if (!fs.pathExistsSync(filePath)) {
       fs.writeFileSync(filePath, template);
-      console.log(
-        logSymbols.success,
-        chalk.green(`Successfully generated test file ${chalk.white(filePath)}`)
-      );
+      Logger.success(chalk => `Successfully generated test file ${chalk.white(filePath)}`);
     } else {
-      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+      Logger.warn(chalk => `File already exists ${chalk.white(filePath)}`);
     }
   }
 }

src/core/FileService.js

@@ -0,0 +1,45 @@
+import chalk from 'chalk';
+import logSymbols from 'log-symbols';
+
+export class Logger {
+  static info(value) {
+    const log = v => this.log(v, 'blue', logSymbols.info);
+
+    if (typeof value === 'function') {
+      return log(value(chalk));
+    }
+    return log(value);
+  }
+
+  static success(value) {
+    const log = v => this.log(v, 'green', logSymbols.success);
+
+    if (typeof value === 'function') {
+      return log(value(chalk));
+    }
+    return log(value);
+  }
+
+  static warn(value) {
+    const log = v => this.log(v, 'yellow', logSymbols.warning);
+
+    if (typeof value === 'function') {
+      return log(value(chalk));
+    }
+    return log(value);
+  }
+
+  static error(value) {
+    const log = v => this.log(v, 'red', logSymbols.error);
+
+    if (typeof value === 'function') {
+      return log(value(chalk));
+    }
+    return log(value);
+  }
+
+  static log(value, color = 'white', icon) {
+    if (icon) return console.log(icon, chalk[color](value));
+    return console.log(chalk[color](value));
+  }
+}

src/core/Logger.js

@@ -9,7 +9,7 @@ import { getQuestions, getVariables, parseAnswers } from './utils';
 inquirer
   .prompt(getQuestions())
   .then(async answers => {
-    console.log();
+    process.stdout.write('\n');
     const data = parseAnswers(answers);
     const variables = getVariables(data);
 
@@ -22,6 +22,6 @@ inquirer
     if (answers.test) {
       await fileService.genTest(await templateService.getTestTemplate());
     }
-    console.log();
+    process.stdout.write('\n');
   })
   .catch(console.error);

src/index.js

@@ -14,6 +14,5 @@ export const {{ componentName.pascalCase }}: React.FC<IProps> = props => {
     React.useEffect(() => {}, []);
 
   {{/useEffect}}
-    return <div></div>;
-  };
-};
+  return <div></div>
+};

src/templates/component-tsx.template

@@ -1,16 +1,12 @@
 import path from 'path';
 import findUp from 'find-up';
-import chalk from 'chalk';
-import logSymbols from 'log-symbols';
+import { Logger } from '../core/Logger';
 
 export function getAppRoot() {
   const file = findUp.sync('package.json');
   if (file) return path.dirname(file);
-  console.log(
-    logSymbols.warning,
-    chalk.yellow(
-      'Could not find application root. Files will be generated relative to the current directory'
-    )
+  Logger.warn(
+    'Could not find application root. Files will be generated relative to the current directory'
   );
   return process.cwd();
 }

src/utils/getAppRoot.js

@@ -8,7 +8,7 @@ export function getConfig() {
   let config = defaultConfig;
 
   const explorer = cosmiconfigSync('react-codegen');
-  const { config: userConfig } = explorer.search(APP_ROOT);
+  const { config: userConfig } = explorer.search(APP_ROOT) || {};
 
   if (userConfig) {
     config = Object.assign(config, userConfig);