Lista de Pré-visualizações de Tópicos (legado)

[merefield (Robert)]

Este agora é um Componente de Tema; o plugin está obsoleto

O novo tópico é Pré-visualizações da Lista de Tópicos - Componente de Tema - Discourse Meta

Repositório: obtenha o código aqui

Veja mais aqui: Pavilion

Exemplos: confira a lista mais abaixo.

Solicitar um recurso

Reportar um bug

Doar: estamos revisando nosso sistema de doações. Por favor, volte mais tarde :).

Mantenedores: @merefield

Visão Geral

Pré-visualizações da Lista de Tópicos permite que você:

• Adicione imagens, trechos, botões e estatísticas de tópicos aos itens da lista de tópicos; e

• Altere o layout e o estilo dos itens da lista de tópicos

• Adicione tópicos “Destaques” acima das listas de tópicos e dos próprios tópicos.

• Adicione o Mural do Usuário à página de atividade do usuário (também conhecida como recurso “Portfólio”).

Essas configurações podem ser aplicadas a todas ou a listas de tópicos selecionadas, seja em nível de site ou específico por categoria.

Este conjunto de recursos flexíveis permite criar uma variedade de estilos diferentes para listas de tópicos, incluindo

Estilo Básico

Configurações relevantes

• miniatura da lista de tópicos
• trecho da lista de tópicos
• ação da lista de tópicos

Estilo Pinterest (Masonry) aka ‘tiles’

Configurações relevantes

• blocos da lista de tópicos
• miniatura da lista de tópicos
• trecho da lista de tópicos
• ação da lista de tópicos
• largura da miniatura da lista de tópicos
• altura da miniatura da lista de tópicos

Imagens em Destaque

Configurações relevantes

• tag de imagens em destaque da lista de tópicos
• contagem de imagens em destaque da lista de tópicos
• largura em destaque da lista de tópicos
• altura em destaque da lista de tópicos
• título em destaque da lista de tópicos
• trecho em destaque da lista de tópicos
• ordem em destaque da lista de tópicos

As configurações principais e de Descoberta estão em Configurações → Plugins. As equivalentes por categoria estão nas Configurações de cada Categoria.

Exemplos na Natureza

• Nature Photographers Network, que também usa “Tópicos em Destaque”.

• Real-Time VFX, que usa miniaturas e trechos.

• SE23.life, que usa miniaturas com algum CSS personalizado.

Mais informações:

Muito mais informações disponíveis em: Pavilion

Contribuidores

Muitas pessoas contribuíram para o desenvolvimento deste plugin, tanto por meio de feedback quanto de trabalho direto de desenvolvimento. Em particular:

• @angus é o autor original

• @pmusaraj, que contribuiu com várias partes do código

• E um grande número de usuários que deram ótimos feedbacks, em particular @Johani, @Pad_Pors, @bartv, @_vincent, @keith1, @ChrisBeach e @ckshen.

[merefield (Robert)]

OK, todos os usuários do Topic List Previews, por favor, leiam a nota abaixo.

Como atualizar com segurança ao usar nossos plugins:

Cronograma de atualizações do Pavilion

O Topic List Previews faz parte da família Pavilion de plugins de código aberto.

A partir de agora, o Pavilion focará em garantir a compatibilidade de um conjunto básico de seus plugins com a branch tests-passed do Discourse Core apenas durante os primeiros 5 dias de cada mês.

Qualquer bug que surja devido a incompatibilidade será resolvido o mais rápido possível durante esse “período de suporte”, preferencialmente até o 7º dia. Bugs de baixa severidade ou de recursos Beta podem não ser resolvidos até essa data, mas problemas óbvios que estão “quebrando” um fórum devem ser solucionados.

Esta nova política entrará em vigor em 1º de maio de 2020

Por que estamos introduzindo esta política

Não temos controle sobre as mudanças no núcleo do Discourse. E assim deve ser. No entanto, à medida que nossos plugins cresceram e se tornaram mais sofisticados, tem se tornado cada vez mais oneroso garantir que eles funcionem com cada atualização do Discourse. Torna-se insustentável assegurar a compatibilidade imediata.

Para dar aos nossos desenvolvedores um respiro, para que possam atender a outras prioridades além do suporte aos plugins, não garantiremos mais a compatibilidade com o Discourse todos os dias do mês.

Essa política também deve ajudá-los a alcançar maior estabilidade e oferecer mais certeza sobre quando é mais seguro realizar atualizações.

Como realizar sua atualização

Tente atualizar sua instância de Produção do Discourse (tanto o núcleo do Discourse quanto nossos plugins) nos primeiros 5 dias de cada mês. Avise-nos no tópico relevante do Plugin no Meta sobre qualquer problema que encontrar. Você receberá suporte mais focado da equipe do Pavilion para qualquer problema relacionado aos seus plugins durante este período.

Atualizar seu servidor de Produção fora dos primeiros 5 dias do mês é por sua conta e risco. Se você fizer isso e algo relacionado a um de nossos plugins quebrar, recomendamos que você reporte o problema e, se apropriado, desinstale nosso plugin até que ele seja resolvido. Infelizmente, pode ser que não consigamos corrigi-lo até o próximo período de suporte, no início do mês seguinte.

Para ainda mais segurança

Considere testar sua atualização em seu próprio servidor de staging, criado a partir de um backup do seu site de produção. Isso é especialmente importante se seu site for grande, popular e/ou parte de um negócio.

Você pode desligar esse servidor pelo restante do mês para não ser cobrado por tempo de atividade. Use essa oportunidade para testar todas as funcionalidades básicas e identificar quaisquer problemas com os plugins. Relate todos os problemas críticos e de alta severidade o mais rápido possível no tópico do plugin relevante.

Usar um site de staging pode permitir que você tenha mais critério sobre quando atualizar, mas esteja ciente da relativa falta de suporte na segunda metade do mês.

Obrigado pela compreensão!

(em breve adicionaremos esta nota de política a todos os nossos plugins principais e já a adicionei ao OP deste Tópico).

[tomwrench]

É possível obter as miniaturas de pré-visualização da lista de tópicos nos tópicos ‘mais recentes’ na visualização híbrida?

[merefield (Robert)]

Sim, pode ser possível, modificando este modelo e adicionando as configurações e o suporte a rotas relevantes: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs

Devido à falta de espaço, isso não foi priorizado. A prioridade recente tem sido resolver os bugs conhecidos.

Isso, e o fato de que também preciso ganhar a vida Não é um trabalho insignificante apenas manter este plugin operacional após as mudanças que quebram funcionalidades no núcleo. E quanto mais recursos você adicionar…

[merefield (Robert)]

OK comunidade, seguindo o post do @ozkn, as pessoas preferem ícones ou palavras para os Tiles meta?

Ou seja, isso como está atualmente:

ou atualizar para algo mais próximo disso?:

• Manter com letras
• Usar ícones

[merefield (Robert)]

Parece uma tendência óbvia, então …

Não posso prometer uma resposta tão rápida para cada novo pedido, mas isso foi feito:

Aproveite

Merge pull request #147 from merefield/replace_meta_word_with_icons

Também fiz algumas outras correções menores no formato para dispositivos móveis.

[ozkn (Mathx)]

Obrigado pela rápida resposta @merefield

[merefield (Robert)]

FYI a todos. Supondo que não sejam descobertos bugs críticos ou de alta severidade, este é o último dia do mês para atualizações suportadas.

Após hoje, se você pretende atualizar, verifique a compatibilidade deste plugin em um ambiente de staging.

Repetiremos o período de “atualização suportada” no próximo mês, no mesmo cronograma de 5 dias.

Obrigado pela compreensão.

[merefield (Robert)]

O Discourse lançou algumas mudanças significativas para oferecer suporte nativo a miniaturas. Isso broke algumas dependências existentes.

No entanto, essa é uma boa oportunidade para simplificar o plugin.

Vou trabalhar para remediar onde for possível e integrar os novos recursos da plataforma Discourse.

Enquanto isso, o TLP não é mais totalmente compatível com a versão mais recente do Discourse que passou nos testes.

Por favor, não atualize seu site até novo aviso, a menos que esteja disposto a lidar com algumas incompatibilidades menores.

As principais que identifiquei até agora são:

• a configuração de hotlink não funcionará mais, então certifique-se de desativá-la. Vou remover esse recurso, pois a geração de miniaturas agora é nativa.
• o seletor de miniaturas pode mostrar a prévia errada, mas parece que, no final, ainda funciona.

Pode levar algum tempo… Espero ter algo para mostrar antes do início do próximo mês, e espero que seja ainda antes.

[Bcat]

É por isso que, após a atualização, campos como image_url não são encontrados em https://meta.discourse.org/latest.json

Mas ao usar o Data Explorer, eu os encontrei. Então, por que não permanecem?

Existe alguma maneira de lidar com isso manualmente enquanto aguardamos uma atualização?

[merefield (Robert)]

Desativar o Hot-linking ajuda?

As atualizações podem levar algum tempo. Agora, é política do Pavilion não dar suporte à Produção fora dos dias 1 a 5 do mês.

[merefield (Robert)]

FYI pessoal, estou trabalhando em uma versão experimental do componente de tema do plugin.

Faltam alguns recursos e ainda há vários problemas. Use por diversão, mas não há suporte (ainda!)

GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists

[icaria36]

Ontem precisei reconstruir o Discourse por outros motivos e uma atualização veio junto. Parece estar funcionando até agora (não estamos usando hotlinking).

Gosto das melhorias na interface que mostram visualizações e respostas nos cartões, muito obrigado. Também gosto do fato de que os “corações” aparecem nos lugares certos e da maneira correta. Não sei exatamente o que mudou, mas antes eles pareciam muito proeminentes e visíveis em todos os lugares.

Uma sugestão: atualmente a contagem de corações refere-se apenas ao primeiro post. Seria possível mostrar o número total de corações em todo o tópico? Isso aumentaria os números e faria mais justiça ao tópico (às vezes o primeiro post pode ter apenas 1 ou 2 curtidas, mas a discussão é muito “curtida”). Isso seria consistente com os dados de visualizações e respostas, que se referem a todo o tópico.

Ah, e que tal não esticar as imagens além do seu tamanho original? Atualmente, imagens grandes são reduzidas para a configuração de largura máxima (bom), mas imagens menores são forçadas a ter essa mesma largura máxima também, o que provavelmente não é desejável devido à pixelização. Ter a imagem centralizada com seu próprio tamanho máximo seria melhor, na minha opinião.

[internet_cookie (Nick)]

Isso é ótimo! Isso significa que as miniaturas agora serão servidas a partir de URLs do S3 CDN em vez de diretamente do S3?

Muito obrigado por todo o seu trabalho nos Pré-visualizações da Lista de Tópicos!

[merefield (Robert)]

Obrigado!

Isso é algo que precisamos esclarecer com a equipe do Discourse.

A versão do Componente de Tema está sendo desenvolvida para explorar o potencial de suporte às extensões emergentes da API principal que David tem discutido aqui.

Cabe ao Discourse definir de onde essas extensões vêm e como são tratadas, pois um Componente de Tema não contém uma API.

Essa nova extensão da API expõe as miniaturas. Historicamente, elas eram geradas por este Plugin. Ficarei muito feliz em aposentar essa lógica, se for possível, embora possa ainda haver trabalho que o Discourse precisará fazer para alcançar o nível completo de funcionalidade que eu precisaria para fazer isso.

[merefield (Robert)]

Obrigado pelo seu ótimo feedback!

@icaria36

Uma sugestão: atualmente, a contagem de corações refere-se apenas ao primeiro post. Seria possível mostrar o número total de corações em todo o tópico? Isso aumentaria os números e também faria mais justiça ao tópico (às vezes o primeiro post pode ter apenas 1-2 curtidas, mas a discussão é muito “curtida”). Isso seria consistente com os dados de visualizações e respostas, que se referem ao tópico inteiro.

Não posso prometer que será fácil ou performático, mas é uma ótima ideia!

@icaria36

Ah, e que tal não esticar imagens além do seu tamanho original? Atualmente, imagens grandes são reduzidas para o valor máximo de largura (bom), mas imagens menores são forçadas a ter essa mesma largura máxima, o que provavelmente não é desejável devido à pixelização. Ter a imagem centralizada com seu próprio tamanho máximo seria melhor, na minha opinião.

Para os Tiles, isso não funcionaria, pois ficaria muito estranho não ter uma imagem ocupando a maior parte da largura do tile. Ficaria menos borrado, talvez, mas também pareceria um pouco bagunçado, já que você introduziria novas bordas verticais arbitrárias na página.

Outra solução, se você tiver muitas imagens menores, pode ser aumentar o número de colunas. Você pode fazer isso apenas com CSS.

Alternativamente, se você não estiver se referindo à visualização em Tiles, poderia facilmente usar CSS para fazer as miniaturas da visualização não em Tiles aparecerem menores.

[davidkingham]

Não sei se você já está buscando feedback, mas é assim que fica no meu site de testes Eu tenho TLP e Miniaturas de Tópico desativados.

[thwright]

@merefield

Para os blocos que não funcionariam, pois ficaria muito estranho não ter uma imagem ocupando a maior parte da largura do bloco. Talvez ficasse menos borrado, mas também pareceria um pouco desorganizado, já que você introduziria novas bordas verticais arbitrárias na página.

E se imagens menores fossem centralizadas vertical e horizontalmente dentro de uma caixa para corresponder ao tamanho de outras postagens?

[merefield (Robert)]

Sinta-se à vontade para experimentar com seu CSS. Se você estiver usando a versão do plugin, também deverá poder sobrescrever o modelo do item da lista de tópicos em um componente de tema.

Se conseguir algo que fique bom, por favor, compartilhe.

[Bcat]

Imagens em Destaque: É image_url ou thumbnails?
Então, a versão do componente do tema do plugin resolve o problema atual?