Show HN: Cansado de abrir dos pestañas por cada enlace de HN, creé un userscript

• HNewhere es un userscript ligero que permite ver las discusiones de Hacker News sin salir de la página del artículo
• Detecta automáticamente la historia de Hacker News que coincide con el artículo actual y carga los comentarios en una barra lateral
• Rastrea los enlaces abiertos desde Hacker News y permite ajustar el tamaño de la barra lateral, contraer comentarios y guardar el ancho
• Los enlaces de respuesta llevan directamente a Hacker News, y para usarlo se necesita un administrador de userscripts
• Funciona en navegadores con acceso a la API de Hacker News y a la API de búsqueda de HN Algolia, y se distribuye con licencia MIT

---

Cómo funciona HNewhere

• Abre la discusión de Hacker News junto al artículo para explorar los comentarios sin navegar a otra página ni usar una pestaña separada
• Encuentra automáticamente la historia de Hacker News vinculada al artículo actual y muestra los comentarios en una barra lateral
• Rastrea los enlaces que el usuario abrió desde Hacker News

Funciones de la interfaz

• Permite ajustar el tamaño de la barra lateral y guarda el ancho configurado
• Permite contraer o expandir comentarios
• Al hacer clic en un enlace de respuesta, lleva directamente a la página correspondiente de Hacker News

Instalación y requisitos

• Se instala usando el enlace Instalar HNewhere o pegando HNewhere.user.js en un administrador de userscripts
• Requiere un administrador de userscripts como Userscripts para Safari, Tampermonkey o Violentmonkey
• Requiere un navegador que admita userscripts y pueda acceder a las siguientes API
  • API de Hacker News
  • API de búsqueda de HN Algolia
• Se puede usar al visitar artículos que tengan una discusión en Hacker News y aplica la licencia MIT

[GN⁺]

Comentarios en Hacker News

• Si usas Firefox, también vale la pena la extensión del navegador que hice antes, hackernews-button
  A diferencia de este userscript, que envía todas las páginas que visitas a la API de búsqueda de Algolia, esta extensión usa un filtro Bloom para verificar si fue enviada, así que no hay solicitudes externas hasta que presionas el botón. No muestra los comentarios en una barra lateral, pero es útil para encontrar y leer discusiones pasadas o descubrir buenos sitios que aún no se han enviado a HN

• La función 2 es muy útil porque permite encontrar de inmediato la discusión en HN de documentación técnica, y a veces esa discusión incluso refuta el argumento principal del texto
  La función 1 parece resolver a nivel de aplicación el problema de no tener una buena gestión de ventanas, así que me resulta menos útil. En lugar de ventanas superpuestas, se crearon pestañas, y luego se añadió vista dividida dentro de las pestañas para ver dos pantallas a la vez, pero con un buen gestor de ventanas ambas cosas serían innecesarias. Actualmente uso Forge, aunque es una lástima que su mantenimiento esté quedando abandonado

  • Me cuesta estar de acuerdo con usar ventanas en vez de pestañas. Siempre tengo cientos de pestañas abiertas y decenas cargadas; para gestionar el mismo contexto en ventanas separadas haría falta un gestor de ventanas tan bueno como para ofrecer tanto pestañas en árbol como las de Sidebery y ventanas divididas
    Siempre es más fácil que cada desarrollador implemente pestañas adaptadas a las necesidades de su app

• Funciona bastante fluido. Si el nombre del archivo del script termina en .user.js, en Tampermonkey se vuelve fácil instalarlo automáticamente con solo hacer clic
  Cuando abrí esta página en móvil, la barra lateral era tan ancha que tuve que desplazarme a la derecha para ver el botón (-) para minimizarla. También podría estar bien que empezara minimizada para poder leer primero el texto, y además es fácil modificar el script directamente

  • No sé si sea mejor que una extensión de Chrome. Como el usuario primero tiene que instalar Tampermonkey, la barrera de entrada es un poco más alta
    Si Chrome ofreciera funciones de userscript por sí mismo, quizá se podría distribuir más fácilmente evitando código con alto riesgo de seguridad

• La nueva vista dividida de Firefox también sirve para este tipo de uso, pero hay que hacer clic en el enlace, elegir open in split view (M) y luego volver a pulsar el enlace
  En algunos navegadores antiguos se podían crear enlaces que abrían dos pestañas, como href="tab1.html|tab2.html", pero no sé si eso aún es posible o si solo se aplicaba a la configuración de la página de inicio

  • Vivaldi ofrece una vista dividida llamada tiles desde hace años. Si haces clic derecho en un enlace y eliges abrirlo en una follower tab, todos los enlaces en los que hagas clic en un mosaico se abrirán en el otro, y lo uso mucho en HN
  • Cerré por accidente la pantalla de aviso de actualización de Firefox y no pude volver a abrirla. No parece ser las notas de la versión de Firefox 153.0.1; me pregunto si existe una página duplicada aparte
  • Normalmente abro el enlace de comentarios de HN, voy al artículo, lo leo y luego regreso para leer los comentarios
    Voy a probar si la vista dividida resulta más cómoda, pero creo que preferiría división horizontal en vez de vertical
  • La vista dividida de Firefox es útil para esto. Sería aún mejor si alguna extensión estilo Vim pudiera abrir enlaces y dividir la pantalla a la vez, y además permitir interacción dentro de la pantalla dividida
  • No estoy seguro de que el clic izquierdo sea lo correcto

• Me gustan los userscripts y me alegra ver que se siguen desarrollando nuevos. Últimamente parece que hay menos subidas a Greasy Fork

• Quizá sería mejor hacerlo como una extensión aparte. Si alguien lo ve sin leer la explicación, es difícil entender cómo se usa esta herramienta y qué son un userscript y Tampermonkey·Violentmonkey

  • Prefiero instalar una sola extensión que cargue varios userscripts, en lugar de instalar una extensión distinta para cada pequeña mejora de un sitio web
    También es más fácil revisar rápidamente qué hace un userscript que una extensión donde hay que buscar el comportamiento real dentro del código de envoltura

• Lo que más me gustó fue que me hizo leer directamente un ejemplo de userscript. Me pregunto si el patrón de exclusión pretendía ser *.bank.com o *bank.com, o si buscaba bloquear algo más amplio como *bank*.*

• Ahora mismo consulta todas las páginas que visitas, así que la URL del navegador·cadena de consulta·fragmento se filtran a hn.algolia.com
  Sería mejor que en lugar de consultar automáticamente solo funcionara al hacer clic en HNews y al ejecutarlo manualmente, o al menos que depurara el valor de consulta limitándolo al origen y la ruta

  • Estoy revisando este problema, y el avance puede verse en el issue de GitHub

• Hice una extensión que abre juntos el artículo y los comentarios de HN en dos pestañas, y actualmente tiene nada menos que 6 usuarios
  Se puede instalar desde la Chrome Web Store