Svelte-Tailwind VS chalk

#! /usr/bin/env node const inquirer = require('inquirer'); const shell = require('shelljs'); const path = process.cwd(); const { questions, questionsTs } = require('./utils/questions.js'); inquirer.prompt(questions).then((answers) => { if (answers.framework === 'React') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/GKaszewski/react-tailwind-typescript-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/YashKumarVerma/react-tailwind-template ${answers.projectName}` ); console.log('🛠️ Successfully build the required files'); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } }); } else if (answers.framework === 'NextJS') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/avneesh0612/next-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/Neeraj1005/Nextjs-tailwind-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } }); } else if (answers.framework === 'Svelte') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/jhanca-vm/Svelte-Tailwind ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/web2033/vite-vue3-tailwind-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } });

4. Chalk

Chalk: Provides an easy way to stylize terminal strings with various colors and text formatting in Node.js, aiding in creating visually appealing command-line outputs

Chalk is a popular choice for adding colors to CLI output while maintaining readability.

Librerías: Chalk winston, log4js

Today the most popular library and de facto standard is the chаlk. The chalk has rich functionality, is fast but not ideal. It lacks some useful features.

This is a new tutorial on how to create a command line interface application, and our application today is a Mortgage Calculator. I used in this program packages such as 1- inquirer for interactive questions and answers: https://www.npmjs.com/package/inquirer 2- Sqlite3 DBMS 3- Chalk for colorful output in the terminal: https://www.npmjs.com/package/chalk

One of the libraries I used most that went full-ESM is Chalk. They released v5 over a year-and-a-half ago (November 2021) with ESM-only support and haven't updated v4 - their last iteration that supported CommonJS - since. If you go into their GitHub Issues section, you'll see a number of issues raised about CommonJS support, most of which are just responded to with a link to a post they made about switching over. Fair enough. I guess if I had to constantly answer the same question over and over, I might do the same.

To colorize my logs, I used a chalk package and created a logger utility:

We will add some dependencies to help us deal with CLI behaviours (inquirer) and text coloring (chalk).