Show HN: Cansei de abrir 2 abas para cada link do HN, então criei um userscript

• HNewhere é um userscript leve que permite ver a discussão do Hacker News junto com a página do artigo, sem sair dela
• Detecta automaticamente a story do Hacker News correspondente ao artigo atual e carrega os comentários em uma barra lateral
• Rastreia links abertos a partir do Hacker News e oferece redimensionamento da barra lateral, recolhimento de comentários e salvamento da largura
• Links de resposta levam diretamente ao Hacker News, e é necessário um gerenciador de userscripts para usar
• Funciona em navegadores com acesso à API do Hacker News e à API de busca HN Algolia, e é distribuído sob a MIT License

---

Como o HNewhere funciona

• Abre a discussão do Hacker News ao lado do artigo para que você possa navegar pelos comentários sem mudar de página nem abrir outra aba
• Encontra automaticamente a story do Hacker News ligada ao artigo atual e mostra os comentários na barra lateral
• Rastreia links que o usuário abriu a partir do Hacker News

Recursos da interface

• A barra lateral pode ser redimensionada e a largura configurada é salva
• Os comentários podem ser recolhidos ou expandidos
• Ao clicar em um link de resposta, você vai diretamente para a página correspondente no Hacker News

Instalação e requisitos

• Instale pelo link Instalar HNewhere ou cole HNewhere.user.js em um gerenciador de userscripts
• É necessário um gerenciador de userscripts, como Userscripts no Safari, Tampermonkey ou Violentmonkey
• É necessário um navegador com suporte a userscripts e acesso às seguintes APIs
  • API do Hacker News
  • API de busca HN Algolia
• Pode ser usado ao visitar artigos que tenham discussão no Hacker News e adota a MIT License

[GN⁺]

Opiniões no Hacker News

• Se você usa Firefox, a extensão de navegador hackernews-button, que fiz há algum tempo, também pode ser útil
  Diferentemente de um userscript que envia todas as páginas visitadas para a API de busca da Algolia, esta extensão verifica se a página foi enviada usando um filtro de Bloom, então nenhuma requisição externa é feita antes de você apertar o botão. Ela não mostra os comentários na barra lateral, mas é útil para encontrar e ler discussões antigas ou descobrir bons sites que ainda não foram enviados ao HN

• O recurso 2 é muito útil porque permite encontrar diretamente discussões do HN sobre documentação técnica, e às vezes essas discussões até refutam o argumento central do texto
  O recurso 1 parece menos útil, como se resolvesse no nível da aplicação um problema de gerenciamento de janelas que não está funcionando direito. Em vez de janelas sobrepostas, criaram abas e, para ver duas telas juntas, adicionaram uma visualização dividida dentro da aba, mas com um bom gerenciador de janelas ambos seriam desnecessários. Atualmente uso o Forge, mas é uma pena que ele esteja deixando de ser mantido

  • É difícil concordar com a abordagem de usar janelas em vez de abas. Sempre mantenho centenas de abas abertas e dezenas carregadas; para gerenciar o mesmo contexto em janelas separadas, seria preciso um gerenciador de janelas excelente o bastante para oferecer tanto abas em árvore como as do Sidebery quanto janelas divididas
    É sempre mais fácil cada desenvolvedor de aplicação implementar abas adequadas às necessidades do próprio app

• Funciona de forma bem fluida. Se o nome do arquivo do script terminar com .user.js, fica fácil instalá-lo automaticamente no Tampermonkey com apenas um clique
  Ao abrir esta página no celular, a barra lateral ficou larga demais, então tive que rolar para a direita para ver o botão (-) de recolher. Seria bom ela começar recolhida para que o texto possa ser lido primeiro, e também é fácil editar o script diretamente

  • Não sei se isso é melhor do que uma extensão do Chrome. Como o usuário precisa instalar o Tampermonkey antes, a barreira de entrada fica um pouco maior
    Se o Chrome oferecesse suporte nativo a userscripts, talvez fosse possível distribuí-los com mais facilidade evitando códigos com grandes riscos de segurança

• A nova visualização dividida do Firefox também é útil para esse tipo de uso, mas é preciso clicar no link, escolher open in split view (M) e depois clicar no link novamente
  Em alguns navegadores antigos era possível criar um link que abria duas abas, como href="tab1.html|tab2.html", mas não sei se isso ainda é possível ou se só se aplicava à configuração da página inicial

  • O Vivaldi oferece há anos uma visualização dividida chamada tiles. Ao clicar com o botão direito em um link e definir que ele seja aberto em uma follower tab, todos os links clicados em um tile passam a abrir no outro, e uso isso com frequência no HN
  • Fechei sem querer a tela de aviso de atualização do Firefox e não consegui abri-la de novo. Não parece ser as notas de lançamento do Firefox 153.0.1; fico curioso se existe uma página duplicada separada
  • Normalmente abro o link dos comentários do HN, vou para o artigo e leio, depois volto e leio os comentários
    Vou testar se a visualização dividida é mais conveniente, mas acho que vou preferir divisão horizontal em vez de vertical
  • A visualização dividida do Firefox é útil para esse tipo de uso. Seria ainda melhor se extensões no estilo Vim oferecessem suporte conjunto a abrir links e dividir a tela, e ainda permitissem interação dentro da tela dividida
  • Fico em dúvida se o clique esquerdo é mesmo o correto

• Gosto de userscripts e fico feliz em ver novos scripts continuarem sendo desenvolvidos. Parece que hoje em dia há menos uploads no Greasy Fork

• Acho que talvez fosse melhor fazer isso como uma extensão separada. Sem ler a descrição, é difícil entender como usar esta ferramenta e o que são userscripts e Tampermonkey·Violentmonkey

  • Prefiro instalar uma única extensão que carregue vários userscripts, em vez de instalar uma extensão para cada pequena melhoria em sites
    Também é mais fácil revisar rapidamente o que um userscript faz do que em uma extensão, onde é preciso procurar o comportamento real no meio do código de empacotamento

• O que mais gostei foi ter acabado lendo diretamente um exemplo de userscript. Fico curioso se o padrão de exclusão pretendido era *.bank.com ou *bank.com, ou se a ideia era bloquear de forma mais ampla, como *bank*.*

• Atualmente, como ele consulta todas as páginas visitadas, a URL do navegador, a query string e o fragmento vazam para hn.algolia.com
  Seria melhor fazer isso funcionar apenas ao clicar no HNews ou ao executar manualmente, em vez de consultar automaticamente; ou, no mínimo, sanitizar a consulta limitando o valor à origem e ao caminho

  • Este problema está sendo analisado, e o andamento pode ser acompanhado na issue do GitHub

• Criei uma extensão que abre o artigo e os comentários do HN juntos em duas abas, e atualmente ela tem incríveis 6 usuários
  Dá para instalar pela Chrome Web Store