Initial commit

Author: vs-cristian

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.idea

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "arrowParens": "avoid",
+  "printWidth": 100
+}

config/default.json

@@ -0,0 +1,7 @@
+{
+  "styles": "scss",
+  "typescript": false,
+  "jsxExt": true,
+  "fileNameCase": "pascal",
+  "path": "src/components"
+}

constants/index.js

@@ -0,0 +1,34 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+const defaultConfig = require('../config/default');
+
+const ROOT = path.dirname(require.main.filename);
+const CONFIG_FILE_NAME = 'react-codegen.json';
+
+const CONFIG = Object.assign(
+  defaultConfig,
+  (function () {
+    if (fs.pathExistsSync(CONFIG_FILE_NAME)) {
+      try {
+        const file = fs.readFileSync(CONFIG_FILE_NAME);
+        return JSON.parse(file);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    return {};
+  })()
+);
+
+const EXT = {
+  component: CONFIG.typescript ? 'tsx' : 'j' + (CONFIG.jsxExt ? 'sx' : 's'),
+  script: (CONFIG.typescript ? 't' : 'j') + 's',
+  style: CONFIG.styles,
+};
+
+module.exports = {
+  CONFIG,
+  ROOT,
+  EXT,
+};

core/FileService.js

@@ -0,0 +1,65 @@
+const fs = require('fs-extra');
+const chalk = require('chalk');
+const path = require('path');
+const logSymbols = require('log-symbols');
+
+const { EXT, CONFIG } = require('../constants');
+
+class FileService {
+  constructor(fileName) {
+    this.fileName = fileName;
+    this.dirPath = path.join(CONFIG.path, this.fileName);
+  }
+
+  getFilePath(ext, type) {
+    type = type ? `.${type}` : '';
+    return `${this.dirPath}/${this.fileName}${type}.${ext}`;
+  }
+
+  createDir() {
+    return fs.mkdirp(this.dirPath);
+  }
+
+  async genJs(template) {
+    const filePath = this.getFilePath(EXT.component);
+    if (!(await fs.pathExists(filePath))) {
+      await fs.writeFile(filePath, template);
+      console.log(
+        logSymbols.success,
+        chalk.green(`Successfully generated component file ${chalk.white(filePath)}`)
+      );
+    } else {
+      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+    }
+  }
+
+  async genStyle(template) {
+    const filePath = this.getFilePath(EXT.style, 'style');
+    if (!(await fs.pathExists(filePath))) {
+      await fs.writeFile(filePath, template);
+      console.log(
+        logSymbols.success,
+        chalk.green(`Successfully generated style file ${chalk.white(filePath)}`)
+      );
+    } else {
+      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+    }
+  }
+
+  async genTest(template) {
+    const filePath = this.getFilePath(EXT.component, 'test');
+    if (!(await fs.pathExists(filePath))) {
+      await fs.writeFile(filePath, template);
+      console.log(
+        logSymbols.success,
+        chalk.green(`Successfully generated test file ${chalk.white(filePath)}`)
+      );
+    } else {
+      console.log(logSymbols.warning, chalk.yellow(`File already exists ${chalk.white(filePath)}`));
+    }
+  }
+}
+
+module.exports = {
+  FileService,
+};

core/TemplateService.js

@@ -0,0 +1,37 @@
+const fs = require('fs-extra');
+const path = require('path');
+const Mustache = require('mustache');
+
+const { EXT, ROOT } = require('../constants');
+
+class TemplateService {
+  constructor(variables) {
+    this.variables = variables;
+    this.parse = this.parse.bind(this);
+  }
+
+  parse(template) {
+    return Mustache.render(template, this.variables);
+  }
+
+  getScriptTemplate() {
+    const ext = EXT.component === 'js' ? 'jsx' : EXT.component;
+    const filePath = path.resolve(ROOT, `templates/component-${ext}.template`);
+    return fs.readFile(filePath, 'utf8').then(this.parse);
+  }
+
+  getStyleTemplate() {
+    const filePath = path.resolve(ROOT, `templates/style-css.template`);
+    return fs.readFile(filePath, 'utf8').then(this.parse);
+  }
+
+  getTestTemplate() {
+    const ext = EXT.component === 'js' ? 'jsx' : EXT.component;
+    const filePath = path.resolve(ROOT, `templates/test-${ext}.template`);
+    return fs.readFile(filePath, 'utf8').then(this.parse);
+  }
+}
+
+module.exports = {
+  TemplateService,
+};

index.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+
+const inquirer = require('inquirer');
+
+const { FileService } = require('./core/FileService');
+const { TemplateService } = require('./core/TemplateService');
+const { parseAnswers, getQuestions, getVariables } = require('./utils');
+
+inquirer
+  .prompt(getQuestions())
+  .then(async answers => {
+    console.log();
+    const data = parseAnswers(answers);
+    const variables = getVariables(data);
+
+    const fileService = new FileService(variables.fileName());
+    const templateService = new TemplateService(variables);
+
+    await fileService.createDir();
+    await fileService.genJs(await templateService.getScriptTemplate());
+    await fileService.genStyle(await templateService.getStyleTemplate());
+    if (answers.test) {
+      await fileService.genTest(await templateService.getTestTemplate());
+    }
+    console.log();
+  })
+  .catch(console.error);