Executando verificação de segurança...
17
agjunior
2 min de leitura ·

Pitch: Extensão do TabNews para navegador

Este é meu primeiro cliente consumindo a API do TabNews.

A extensão foi feita baseada na API do Chrome mas pode funcionar em outros navegadores com a mesma base.

Com certeza o código tem muito a ser melhorado (até porque essa é a minha primeira experiência desenvolvendo extensões para navegador) mas acredito que a funcionalidade básica está aceitável.

O que a extensão tem/faz:

  • Verifica a cada X minutos por novos posts publicados no TabNews
  • Se tiver novos posts um contador fica disponível ao lado do ícone
  • Uma notificação é disparada no desktop
  • Um painel com a últimas publicações fica sempre acessível ao clicar no ícone

Limitações

  • Por enquanto a única ordenação disponível é pelas mais recentes
  • A lista de publicações é limitada apenas a primeira página (30 mais recentes)
  • Somente novas publicações são notificadas (não inclui comentários)
  • Não tem uma tela de configuração ainda, mas é possível alterar o intervalo e configurar as notificações
  • Por não estar na loja, será necessário baixar o código e usar o modo de desenvolvedor

Como usar

O código está nesse repositório:
https://github.com/agjunior/tabnews-browser

No Chrome, basta acessar a página de extensões e habilitar o Modo do desenvolvedor no canto direito. Dos botões que aparecer, usar a opção Carregar sem compactação e selecionar a pasta da extensão (se baixar como zip precisa descompactar antes).

Configuração

Como ainda não existe uma página de configuração, há 3 constantes no arquivo background.js que é possível alterar:

UPDATE_INTERVAL_IN_MINUTES é o tempo em minutos que e extensão vai verificar por novos posts (o padrão é 5)
NOTIFICATIONS_ENABLED habilita ou não as notificações no desktop (o badge do ícone sempre mostra novos posts)
NOTIFICATIONS_GROUP_ENABLED mostra a quantidade em vez do conteúdo da última notificação se acumular mais de uma publicação não lida

Screenshots

Ainda tenho uma dúvida: no caso de publicar na loja há alguma restrição quando ao uso do nome e logo do TabNews?

No mais, estou aberto à críticas e sugestões sobre o projeto. E caso queiram opinar se vale ou não a pena ter uma extensão para navegador, fiquem à vontade também.

[edit]
Também funciona no Edge. O processo é praticamente o mesmo.
No Firefox não roda por ele ainda não dar suporte ao Manifest V3 (está em desenvolvimento).

Carregando publicação patrocinada...
4
rafael

Visitei o repositório e vi que ele só possui o código. Se você colocar o que escreveu nessa publicação no README, já irá melhorar bastante, porque assim quem for parar no seu GitHub sem ver essa publicação no TabNews conseguirá entender também 🤝

2
3
filipedeschamps

Sensacional meu caro, parabéns pelo projeto! Não vou conseguir testar em localhost, mas pela descrição que você deu, a idéia de mostrar o número das novas notícias é sensacional!!!

Em paralelo, a seção "Screenshots" não funcionou. Sugiro hospedar as imagens em https://imgur.com/

Ainda tenho uma dúvida: no caso de publicar na loja há alguma restrição quando ao uso do nome e logo do TabNews?

Não há restrição, pode usar como desejar mas pedimos apenas que identifique em algum lugar da descrição que é um client não oficial 🤝

[edit]

Agora as imagens estão funcionando 👍

E eu alterei o título da sua publicação para adicionar o prefixo Pitch 🤝

3
agjunior
Autor
Autor

Valeu Filipe!

Vou deixar claro nas descrições sobre isso sim. Mas no momento estou analisando se há a viabilidade de manter algo assim já que muitos recursos eventualmente serão incorporadas no próprio TabNews, eu imagino.

Ah e eu mudei pro Imgur como você sugeriu. 👍

2
lfguerino

Excelente @agjunior!

Gostei muito e já estou usando a extensão! Assim como dito pelo @rodrigoborges foi também um primeiro contato pra mim no que diz respeito a criação de extensões. E sem dúvida já estou pensando em usar esta ideia em num projeto interno aqui.

Muito obrigado!

2
rodrigoborges

Parabéns pelo projeto e achei sensacional. Já dei uma estrela lá no git!

Para mim foi interessante ver até o código, pois nunca criei uma extensão para navegador e me deu algumas ideias!

1
tihhgoncalves

Parabéns pelo lançamento da extensão, está com uma cara incrível! 🚀 A ideia de poder ficar por dentro das atualizações em tempo real é super conveniente.

Aproveitando o embalo, você tem planos para lançar uma versão compatível com o Firefox em breve? Gostaria de testá-lo.

1
marconneves

Cara, genial! Parabens @agjunior!

Eu criei a um bom tempo uma extensão para o Chrome tbm, e nela me lembro de ter implementado um atalho para busca rapida, no caso é possivel implementar algo como, sempre que o usuário digitar tab e dar um tab, ele já meio que buscar no site, ou até mesmo no google usando site:tabnews.com.br, assim o usuário tambem teria uma busca rápida para o site usando a sua exetenção.