Novas melhorias: Remoção do "flicker" na data, posição dos números, Node.js 16 LTS, source_url, ícone Dark Mode e Nova Paginação 🎉

Eu e o Guga (meu irmão) sempre nos cobramos que, de qualquer coisa que a gente fizer, a gente vai chegar na melhor qualidade possível. Tanto que a gente constuma falar que a única forma de chegar nesse nível é "ficar lambendo" o projeto. Ficar lambendo ele, fazendo pequenos ajustes, olhando por um ângulo, modificando, olhando por outro, modificando, até ficar o melhor que conseguimos.

E eu comecei essa publicação dessa forma, porque sem combinar nada com ninguém, parece que todo mundo que está participando do repositório do TabNews está fazendo exatamente isso ❤️

A quantidade de lambidas que a turma trouxe nas últimas semanas é assustadora e eu espero não estar perdendo o controle dos registros para trazer aqui para vocês. Então segue o que entrou em Produção nos últimos dias:

Remoção do "flicker" nas datas na Lista de Conteúdos

Essa melhoria foi feita por omariosouto e agora ao abrir alguma página com uma lista de conteúdos, a data de publicação não "pisca" mais. Ele fez um GIF mostrando o antes e depois (veja na direita como a lista está estática):

Antes e depois do ajuste

Número na Lista de Conteúdos

Essa melhoria também foi feita por omariosouto e contou com uma lapidação de aprendendofelipe e que faz a lista não ficar torta ou com overlap independente da largura do número. Esse é um detalhe simples, mas que foi difícil de consertar (acho que desde o início do projeto, essa é a terceira lambida nesse assunto). Veja na direita o tamanho dos números e o comportamento da lista:

Antes e depois do ajuste

Agora estamos utilizando Node.js na versão 16 LTS

Essa melhoria foi feita por tembra e levou o Node.js usado no projeto de 14 LTS para 16 LTS. Agora todos os ambientes estão utilizando essa versão, inclusive o ambiente onde os testes de integração são rodados. Isso traz mais performance, segurança e novas features disponíveis somente nas últimas versões do runtime.

Validação correta do `source_url`

Essa melhoria foi feita por aprendendofelipe após o vitoropereira não conseguir criar uma publicação declarando como fonte uma URL contendo https://www.portaldev.digital, a validação reclamava que não era uma URL válida:

Printscreen mostrando o erro

E em pouquíssimo tempo o Felipe identificou onde estava o erro, ajustou e escreveu testes automatizados para garantir que o projeto não sofra mais regressões nesse ponto.

Ícone responsívo ao Dark Mode

Essa melhoria foi feita por rodrigoKulb e agora o ícone do TabNews é transparente e responde ao tema utilizado pela pessoa (Dark ou Light mode). Note como o ícone ali de cima muda (e se não mudasse, ficaria invisível em Dark Mode):

Ícone mudando

Nova forma de mostrar a paginação

Depois do retorno da comunidade sobre como a paginação estava sendo mostrada nas listas de conteúdo, refiz ela seguindo as sugestões e me inspirando no layout do Github.

Então antes somente aparecia um link para "voltar a página" e, dentro de uma página, você não tinha outro link para "avançar a página":

Modelo antigo de paginação

O conceito ficou super confuso, e foi reimplementado dessa forma e que responde com a existência ou não de uma seguinte ou anterior:

Modelo novo de paginação

É isso e tem mais coisas sensacionais chegando lá no repositório 🤝 tenham todos uma ótima semana!

⚠️ O repositório Open Source do TabNews ainda está em Modo Privado. Caso queira receber um convite para participar, leia esta publicação.