index.js

#! /usr/bin/env node

const shell = require("shelljs");
const chalk = require("chalk");
const menu = require("./menu");
const fs = require("fs");

const templates = require("./templates/exports");

const folders = [
  "src/store",
  "src/store/auth",
  "src/components",
  "src/components/shared",
  "src/components/shared/DefaultLayout",
  "src/Router",
  "src/pages",
  "src/pages/Home",
  "src/pages/Login",
  "src/service",
  "src/utilities",
  "src/layouts",
];

const packages = [
  "axios",
  "prop-types",
  "react-redux",
  "react-router",
  "react-router-dom",
  "react-router-redux",
  "redux-saga",
  "bootstrap",
  "react-bootstrap"
];

const createApp = (appName) => {
  console.log("Generating...");
  return new Promise((resolve, reject) => {
    if (appName) {
      shell.exec(`npx create-react-app ${appName}`, () => {
        resolve(true);
      });
    } else {
      console.log(chalk.redBright("\nNo app name was provided"));
      resolve(false);
    }
  });
};

const changeDirectory = (appName) => {
  return new Promise((resolve) => {
    shell.cd(appName);
    resolve();
  });
};

const createFolders = async () => {
  return new Promise((resolve) => {
    shell.exec(`mkdir ${folders.join(" ")}`, () => resolve());
  });
};

const installPackages = async () => {
  return new Promise((resolve) => {
    console.log(chalk.cyanBright("Installing packages"));
    shell.exec(`yarn add ${packages.join(" ")}`, () => resolve());
  });
};

const updateTemplates = async () => {
  return new Promise((resolve) => {
    let promises = [];
    Object.keys(templates).forEach((file, index) => {
      promises[index] = new Promise((res) => {
        fs.writeFile(file, templates[file], function (err) {
          if (err) {
            return console.log(err);
          }
          res();
        });
      });
    });
    Promise.all(promises).then(() => resolve());
  });
};

const run = async () => {
  let error = false;
  if (process.argv[2] !== "generate" || process.argv[3] !== "app") {
    error = true;
  }
  const { appName, boilerPlate } = await menu(error);
  let success = await createApp(appName);
  if (!success) {
    console.log(
      chalk.red("Something went wrong while trying to create a new React app using create-react-app")
    );
    return false;
  }
  if (boilerPlate === "Redux Saga") {
    await changeDirectory(appName);
    await createFolders();
    await installPackages();
    await updateTemplates();
    console.log(chalk.cyan("\nWe suggest that you begin by typing:"));
    console.log(chalk.cyan(`\n\n\tcd ${appName}`));
    console.log(chalk.cyan(`\n\tyarn start`));
  }
};

run();