Desafio Aceito | Criando uma extensão para pesquisar no TabNews
No meu último post: Oculte ou Destaque Artigos premium | criando uma extensão do chrome para o medium.com fui desafiado a fazer uma extensão para pesquisas de posts no TabNews.
O jeito mais simples proposto, foi utilizar o Google para isso. Eu sei que não é uma solução “ótima”. Mas para quem tem a preguiça de ir direto no google pesquisar os “termos” pode ser de grande ajuda.
Para usar, testar ou ajudar no desenvolvimento da extensão, basta clonar o repositório https://github.com/lucasedson/TabSearch -> Fazer download -> Descompactar -> Gerenciar Extensões no Chrome -> Habilitar o Modo Desenvolvedor -> Carregar a Pasta descompactada. Se tudo deu certo, Já terá uma barra de pesquisa e um botão no Header da Página.
Obs:
-
O Javascript, é uma linguagem no qual eu ainda não tenho total dominio, não sei se utilizei a melhor maneira para implentar a extensão.
-
O código ainda precisa ser refatorado e bugs corrigidos.
-
Se houver engajamento da comunidade, penso em otimizar e criar mais recursos para a extensão. Um desses recursos é criar a função de favoritar posts.
Turma, eu abri o PR #1472 adicionando a pesquisa do Google enquanto não temos um sistema próprio.
Acho que assim conseguimos levantar mais dados para basear decisões sobre o tipo de sistema de busca que teremos que implementar futuramente.
Quem puder revisar o PR, eu agradeço!
Quem só quiser testar, segue o link do Preview:
Bem útil realmente Lucas. Eu mesmo já fiz uma Extensão para TabNews : https://www.tabnews.com.br/olavomello/criei-o-tabnews-reader-extensao-para-o-google-chrome
:)
Muito bom, Lucas. Será útil para as pessoas que estão procurando uma barra de pesquisa kkk Acho que é legal continuar usando a pesquisa do Google, pois é importante para o Tabnews.
Uma outra sugestão é adicionar um README, sei que iniciou o desenvolvimento agora, mas em breve seria legal.
Você pode usar este artigo como referência: [Tutorial] Criando um Readme bacana para seus repositórios
Muito legal Lucas! Já estou utilizando e funciona lindamente!
Agora o que me incomodou um pouquinho foi o fato da margem ser inferior aos outros itens "Relevantes" e "Recentes".
Talvez aumentando a margem da esquerda de 10px para 16px em .searchBox resolva o problema :D
Ficou muito bom! Parabéns!!!
Cara, que trabalho bacana, colei seu código no console do navegador e já fui testar ahahah. Querendo muito que essa feature seja implementada. Parabéns.