Los hashtags están cambiando de imagen

[martin (Martin Brennan)]

Discourse ha admitido durante mucho tiempo la vinculación a categorías (Announcements) y etiquetas (release-notes) mediante hashtags (#). Con la introducción de Discourse Chat, queríamos poder vincular a canales de chat con hashtags, lo que requirió una revisión de cómo funciona el sistema para permitir que los canales se sugieran con autocompletado y también para cocinar en publicaciones y mensajes de chat. También decidimos tomarnos el tiempo para revisar el diseño del menú de autocompletado y los hashtags cocinados.

Un resumen de los cambios incluidos en esta revisión:

• La capacidad de buscar canales de chat si tienes el chat habilitado
• Los resultados de búsqueda de hashtags priorizan las coincidencias exactas según el slug, y dependiendo de si los usas en una publicación o en un mensaje de chat, priorizamos diferentes tipos de resultados (por ejemplo, las categorías están en la parte superior en una publicación, pero los canales están en la parte superior en el chat)
• Se muestra un icono distintivo para cada resultado
• Un nuevo estilo para los hashtags cocinados que incluyen el icono distintivo

Los nuevos resultados de autocompletado:

El nuevo estilo cocinado para el autocompletado de hashtags, que coincide estrechamente con el estilo @mention.

Puedes optar por usar esta nueva versión de autocompletado y cocinado de hashtags habilitando la configuración del sitio enable_experimental_hashtag_autocomplete en tu sitio de Discourse:

Esperamos que esto sea el predeterminado en el nuevo año, mientras tanto, esto todavía se considera una característica experimental, por lo que todavía hay algunas cosas que arreglar y refinar.

Esta función ahora también está habilitada en Discourse Meta

[martin (Martin Brennan)]

Un ejemplo de estos nuevos hashtags en Meta. ¿Por qué no echar un vistazo a Announcements? ¡O leer algunas release-notes!

[mcwumbly (Dave McClure)]

@martin

Con la introducción de Discourse Chat, queríamos poder enlazar a los canales de chat con hashtags.

Aquí tienes un ejemplo rápido de cómo se enlaza a un canal de chat desde una publicación: #general::channel

Y aquí tienes un ejemplo rápido de cómo se enlaza a un canal de chat desde otro canal de chat:

Discourse Meta

[martin (Martin Brennan)]

Una actualización – ahora hemos hecho que esto sea el valor predeterminado para todos los sitios, después de hacer algunos cambios en cómo se procesan los hashtags. Ahora también mostramos colores para los íconos, incluido el estilo original de subcategoría :\n\n#support Feature #general::channel Announcements > Blog \n\nhttps://github.com/discourse/discourse/pull/21788\n\nPronto también se eliminará el código antiguo que hace referencia al sistema de hashtags anterior.

[hellekin]

Esto se ve muy bien. Pero, ¿cómo funciona para las personas con discapacidad visual? Supongo que a #accessibility #general #general::channel #documentation:devs les podrían faltar etiquetas aria… Aquí está la vista previa HTML correspondiente.

<p dir="ltr">
<a class="hashtag-cooked" href="/tag/accessibility" data-type="tag" data-id="109" data-slug="accessibility" tabindex="-1">
  <svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-109 svg-string" xmlns="http://www.w3.org/2000/svg">
    <use href="#tag"></use>
  </svg>
  <span>accessibility</span>
</a> 
<a class="hashtag-cooked" href="/c/general/124" data-type="category" data-id="124" data-slug="general" tabindex="-1">
  <span class="hashtag-category-badge hashtag-color--category-124"></span>  
  <span>General</span></a> 
<a class="hashtag-cooked" href="/chat/c/general/508" data-type="channel" data-id="508" data-slug="general" tabindex="-1">
  <svg class="fa d-icon d-icon-comment svg-icon hashtag-missing svg-string" xmlns="http://www.w3.org/2000/svg">
    <use href="#comment"></use>
  </svg>
  <span>general</span></a> 
<a class="hashtag-cooked" href="/c/documentation/devs/56" data-type="category" data-id="56" data-slug="devs" tabindex="-1">
  <span class="hashtag-category-badge hashtag-color--category-56"></span>
  <span>developers</span>
</a>
</p>

[martin (Martin Brennan)]

Gracias por señalar esto, es un gran punto. Como mínimo, algunos aria-label en cada hashtag están en orden. Intentaré enviar un commit para esto esta semana.

[AquaL1te]

Los temas antiguos no usarán el nuevo formato para etiquetas y categorías hasta que se reconstruya el HTML. ¿Hay alguna forma segura de reconstruir todos los temas para que la interfaz de usuario sea coherente? ¿Quizás con rake?

¿Algo como esto? ¡No lo he probado!

./launcher enter app
rake posts:rebake

[JammyDodger]

Creo que este es más específico:

@martin

bundle exec rake hashtags:mark_old_format_for_rebake

Aunque no estoy seguro de la parte de bundle exec. No sé si es necesario para un sitio en vivo.

[Canapin (Coin-coin le Canapin)]

@JammyDodger

No sé si eso es necesario para un sitio en producción.

Sin bundle exec, parece funcionar en un sitio de producción

root@Canapin-app:/var/www/discourse# rake hashtags:mark_old_format_for_rebake
Finding posts matching old format, this could take some time...
[!] You are about to mark 0 posts containing hashtags in the old format to rebake. [CTRL+c] to cancel, [ENTER] to continue

Done, rebakes will happen when periodical updates job runs.