Atualizações e novos plugins no meu Github

• Publicado em: janeiro 7, 2023

Andava um pouco distante do meu Github que até o meu plugin mais “famoso”de lá, rs, estava muito desatualizado com alguns bugs e issues para responder. Meio que estava abandonado geral. Sem adicionar ou atualizar nada por lá.

Desde que eu decidi retornar de “cum força” a estudar Javascript esse ano de 2023, e no final de 2022, eu achei melhor antes de começar aos estudos, revisse alguns dos meus códigos antigos e assim dar uma nova perspectivas para eles como uma nova abordagem, já que eu havia escritos eles a mais de 7-8 anos.

Pure Insta JS (pureinsta.js)

O primeiro escolhido foi o meu plugin do Instagram que pega via API as fotos de uma determinada conta. Como eu já havia necessitado nesses últimos meses para um projeto que meu cliente tinha solicitado que no seu rodapé viesse suas publicações de sua conta, ai quando eu fui pegar o meu plugin, Pure Insta JS, estava todo desatualizado em relação a atualização da API do Instagram, praticamente sem funcionar por completo. Foi ai que tive que refatorar ele e então eu decidi refazer do zero com uma nova abordagem como colocar tudo dentro de uma const, retirar os inúmeros ifs, trocar o XmlHttpRequest pelo fetch e o foco era diminuir o máximo de linhas possíveis que pudesse conseguir.

Segue o link do plugin para ser feito o download e utilizado:
https://github.com/romulobrasil/PureInsta.js

Pure Mask JS (puremask.js)

Pure Mask JS é o meu plugin mais curtido e o mais famoso de todos eles. Ele estava com alguns issues de novembro de 2016 que não estavam respondidas e nem feitas as atualizações.

Então, foi o meu próximo, li todas as issues e fui atualizar o código com as solicitações, no caso, fiz o mesmo com ele o que eu fiz com o plugin Pure Insta JS, tentei excluir o máximo de linhas que eu pudesse excluir. Ajustar os bugs que não estava funcionando nos smartphones, por exemplo. O resultado foi que chegamos em um código satisfatório, por hora, pois ele ainda tem espaço para novas ideias e implementações que pretendo fazer durante o ano, assim eu espero.

Uma novidade para esse plugin é que finalmente fiz uma página de demonstração dele em ação com alguns exemplos. Antes era só um arquivo index.html que vinha junto com o plugin para teste e visualização de como declarar e chama-lo no HTML. Agora tem um página bonitinha como manda o figurino.

Github: https://github.com/romulobrasil/PureMask.js
Demo: https://apps.romulobrasil.com/puremask/

Pure Cookie Consent JS (purecookieconsent.js)

Pure Cookie Consent JS é um meu mais novo plugin da série Pure JS que faço, pensado em facilitar a mensagem de consentimento de Coockie, assim preparando seu site para Lei Geral de Proteção de Dados Pessoais, conhecida pela sigla LGPD.

Ele é um plugin simples e rápido, nada demais e super fácil de utilizar, no caso, basta você adicionar a sua mensagem personalizada que ele vai criar um cookie de consentimento para o visitante do seu site. Caso não queira utilizar uma mensagem atualizada, o plugin já vem com uma mensagem padrão. Acessa o Github dele que lá tem todas as informações.

Github: https://github.com/romulobrasil/PureCookieConsent.js

IMDBList & AlbumCovers

Os dois e últimos códigos feito para o meu Github nessa nova leva foram o IMDBList e AlbumCovers, que eram duas necessidades futeis da minha vida que é todos os finais de anos eu faço as minhas listas para esse blog de melhores filmes, séries e álbuns que eu tenha conferido naquele ano, ai no filmes eu fazia a lista do LetterboxD e quando eu não tinha o letter, era pior, porque eu ia caçando os filmes e séries que eu havia assistido pela internet. E no caso das séries é o app TvTime, que facilitam muito minha vida na buscas das séries.

Com as lista em mãos, eu ia no IMDB pegar o ID e fazer o download dos pôsteres das séries e filmes que compunham as minhas listas tanto de melhores quantos os piores. Ai agora, basta eu já vir com a lista na ordem de preferencias e colocar no campo de busca da aplicação que vem com um passo de mágica bonitinho tudo que eu preciso para fazer minhas listas rápido em menos de 1min já tenho tudo, antes era muito mais de 1h para fazer tudo e olhe lá.

O AlbumCovers é uma aplicação semelhante ao IMDBList, só que com as capas de álbuns utilizando o Last.fm Music Discovery API. Ele já traz as capas e coloca no mosaico do jeito que eu utilizo aqui nas minhas listas e ainda adicionei um botão de download das capas em um único arquivo JPG. Quero implementar um retorno com uma lista já com o gênero como eu sempre utilizei nas minhas lista, ultimamente não tenho feito isso por preguiça, mas fazendo automático pra mim, fica mais fácil.

Todos as aplicações foram feitas em Vanilla JS e o IMDBList foi feito em Vue.js também.

IMDBList Github: https://github.com/romulobrasil/imdblist
IMDBList Demo: https://apps.romulobrasil.com/imdblist-vue/
Exemplo de busca (um abaixo do outro): Nome do Filme em Inglês

AlbumCovers Github: https://github.com/romulobrasil/albumcovers
AlbumCovers Demo: https://apps.romulobrasil.com/albumcovers/
Exemplo de busca (com hífen um abaixo do outro): Nome do Álbum – Nome da Banda

E é isso, esse ano promete mais estudos e mais códigos e atualizações vindo por ai.