[Enhance] Command input flow

Author: iCodePoet

bin/main.ts

@@ -5,7 +5,9 @@ import program from "commander"
 import pkg from "../package.json"
 import selectShell from "select-shell"
 import chalk from "chalk"
-import inquirer = require("inquirer")
+import inquirer from "inquirer"
+import fs from "fs"
+import path from "path"
 
 const welcome = `
 ███████╗██╗░░░░░░█████╗░░██╗░░░░░░░██╗░░░░░░██████╗░███████╗░█████╗░░█████╗░████████╗░░░░░░░█████╗░██╗░░░░░██╗
@@ -54,6 +56,10 @@ async function nameTheComponent() {
   ])
 }
 
+function createComponent(nameOfComponent: string) {
+  console.log(fs.existsSync("templates/FunctionalComponent.tsx"))
+}
+
 function selectTheNameOfTheComponent() {
   list.on("select", async (ontions) => {
     shell.echo(chalk.yellow("Select the name of the component."))

dist/bin/main.js

@@ -19,7 +19,8 @@ const commander_1 = __importDefault(require("commander"));
 const package_json_1 = __importDefault(require("../package.json"));
 const select_shell_1 = __importDefault(require("select-shell"));
 const chalk_1 = __importDefault(require("chalk"));
-const inquirer = require("inquirer");
+const inquirer_1 = __importDefault(require("inquirer"));
+const fs_1 = __importDefault(require("fs"));
 const welcome = `
 ███████╗██╗░░░░░░█████╗░░██╗░░░░░░░██╗░░░░░░██████╗░███████╗░█████╗░░█████╗░████████╗░░░░░░░█████╗░██╗░░░░░██╗
 ██╔════╝██║░░░░░██╔══██╗░██║░░██╗░░██║░░░░░░██╔══██╗██╔════╝██╔══██╗██╔══██╗╚══██╔══╝░░░░░░██╔══██╗██║░░░░░██║
@@ -58,14 +59,17 @@ function isValidateComponentNaming(name) {
 }
 function nameTheComponent() {
     return __awaiter(this, void 0, void 0, function* () {
-        return inquirer.prompt([
+        return inquirer_1.default.prompt([
             {
                 name: "value",
                 message: "Name of your component (alphaNumeric): "
             }
         ]);
     });
 }
+function createComponent(nameOfComponent) {
+    console.log(fs_1.default.existsSync("templates/FunctionalComponent.tsx"));
+}
 function selectTheNameOfTheComponent() {
     list.on("select", (ontions) => __awaiter(this, void 0, void 0, function* () {
         shelljs_1.default.echo(chalk_1.default.yellow("Select the name of the component."));

templates/FunctionalComponent.tsx

@@ -0,0 +1,12 @@
+interface FunctionalComponentsProps {
+
+}
+
+const FunctionalComponents: React.FC<FunctionalComponentsProps> = () => {
+  return (
+    <div></div>
+  )
+}
+
+export default FunctionalComponents
+