react-project-generator/generators/utils/helper.js

A template generator for React

const { spawn } = require('child_process');
const ora = require('ora');
const chalk = require('chalk');
module.exports = {
    createApp: (appName, callback, isTypeScript) => {
        const isWindows = process.platform ==="win32";
        let spinner = ora({
            text: '', spinner: {
                "interval": 80,
                "frames": [
                    "-",
                    "\\",
                    "|",
                    "/"
                ]
            }
        }).start();

        const initialShellCmd = isWindows?"npx.cmd":"npx";

        let child = spawn(initialShellCmd, ['create-react-app', `${appName}`]);

        if(isTypeScript){
            child = spawn(initialShellCmd, ['create-react-app', `${appName}`, '--template','typescript'] );
        }
        
        child.stdout.on('data', data => {
            console.log(chalk.cyanBright.bold(`${data}`));
        })

        child.stderr.on('data', data => {
            console.log(chalk.redBright(`stderr: ${data}`));
        })

        child.on('error', error => {
            console.log(chalk.redBright(`error: ${error}`));
        })

        child.on('exit', (code, signal) => {
            if (code) {
                console.log(chalk.redBright(`process exit with code: ${code}`));
                spinner.fail(chalk.red.bold('Error Creating React App'));
                callback(false);
                return;
            }

            if (signal) {
                console.log(chalk.redBright(`process killed with signal: ${signal}`));
                spinner.fail(chalk.red.bold('Error Creating React App'));
                callback(false);
                return;
            }

            spinner.succeed(chalk.greenBright('React App Created'));
            callback(true);
        })
    }
};