Como estilizar as mensagens do terminal no Node
Como aplicar estilo as mensagens do terminal da maneira certa
Se você é um leitor assíduo aqui do blog da Code Prestige, já deve ter lido o nosso artigo sobre o Verdadeiro Poder do Console do Navegador. Lá exploramos algumas das funcionalidades "escondidas" do Console, como por exemplo, a aplicação de estilos nas mensagens.
Neste artigo quero te mostrar uma biblioteca análoga que faz esta mágica dentro das mensagens do terminal em aplicações back-end feitas com o Node. Estou falando da biblioteca chalk.
Versão em Vídeo
Além das instruções que serão dadas aqui no artigo, você também pode conferir a nossa versão em vídeo!
Estilizando com Estilo
É comum usarmos o Console como ferramenta nas nossas aplicações com Node, seja para validar algum dado, expor alguma mensagem/erro importante ou então ajudar no debug de dados. Entretanto, da maneira como isso é feito nativamente tem pouco apelo visual, afinal de contas, todas as mensagens tem a mesma cara.
Com o chalk — biblioteca de código aberto disponível no GitHub com mais de 13k estrelas no GitHub e atualmente na versão 3.0.0 — conseguimos aplicar vários tipos de estilos as mensagens do terminal.
Para testá-la precisamos inicializar um projeto com o npm. Para garantir que o resultado seja exatamente igual ao que mostrarei aqui, certifique-se de instalar como dependência a versão 3.0.0.
npm i chalk@3.0.0Vamos criar um arquivo app.jse criar nossa primeira mensagem estilizada usando o método green().
const chalk = require('chalk');
const msg = chalk.green('Hello world!');
console.log(msg);O resultado fica muito legal:
Bacana, né? Vamos explorar mais algumas funcionalidades do chalk.
Estilizando de forma encadeada
Como a página oficial da biblioteca diz, o chalk possui uma API flexível que nos permite encadear e aninhar os estilos. Isso significa que podemos, por exemplo, aplicar negrito e cor em uma mensagem em uma tacada só:
const msg2 = chalk.bold.red("Hello World!");
console.log(msg2);// ou chalk.red.bold , a ordem não importa!
A ordem das chamadas não importa, o resultado é o mesmo:
Além disso, também podemos aninhar estilos. Como por exemplo:
const msg3 = chalk.bold(chalk.red("Hello ") + chalk.green("World"));
console.log(msg3);As strings "Hello" e "World" possuem características distintas, mas ambas herdarão o negrito. Veja só:
Para finalizar, vamos dar uma olhada em como é fácil criar suas próprias regras de estilo usando a API do chalk.
Estilizando com o seu estilo
Podemos criar nossas próprias regras usando a API do chalk de forma muito prática. Primeiro vou expor um exemplo e então exploramos o que cada linha está fazendo.
const error = chalk.bold.red;
const warning = chalk.bold.keyword('orange');console.log(error("Algo errado não está certo!"));
console.log(warning("Não está errado mas também não está certo!"));
Aqui criamos dois estilos, error e warning . O primeiro, deixa a mensagem em negrito e vermelha. A segunda deixa a mensagem em negrito e com a cor laranja.
Na hora de exibir as mensagens, basta usarmos as palavras-chave criadas para os estilos! Veja só o resultado:
Divertido e prático, não?
Código-fonte
Para quem quiser fazer os testes sem ter que ficar copiando do artigo, segue o código-fonte:
Conclusão
O chalk não é nenhuma biblioteca super revolucionária e pode parecer inútil para muitos, no entanto, se você for um usuário apaixonado pelo Console e o utiliza com frequência, não há dúvidas de que vale a pena dar uma olhada.
Referências
Gostou? Recomende 👏 este artigo e acompanhe nossa publicação para não perder os próximos conteúdos!
Siga nossa publicação e não perca os próximos artigos! https://www.codeprestige.com.br • Facebook, Twitter, Youtube
Siga o autor deste artigo nas redes sociais e troque uma ideia! https://www.diegopinho.com.br • Twitter, LinkedIn
