Pré-visualizações de tópicos Onebox na lista de tópicos

Estou tentando replicar vagamente a forma como o Facebook lida com hiperlinks para as publicações que você faz.
Basicamente, eles exibem uma prévia do tipo Onebox (ou similar) do primeiro hiperlink, ao lado dos primeiros trechos da sua publicação.

Testei rapidamente o plugin Topic List Previews, mas parece que não faz o que estou procurando.

Alguém sabe de uma maneira de criar o comportamento descrito?

Você está tentando estilizar a Lista de Tópicos ou o Tópico?

Você usou a configuração de Blocos no TLP? Isso mostrará uma miniatura e um trecho (se disponível) no estilo ‘Facebook’ — veja o exemplo em https://rideabl.es

No Discourse, o único nível em que as miniaturas são apresentadas de forma semelhante às redes sociais é na Lista de Tópicos (e isso requer um plugin ou TC para fazer isso, como TLP, Fakebook ou Miniaturas da Lista de Tópicos).

No nível do Tópico, você pode precisar manter o layout de caixas únicas, embora seja possível estilizar essas caixas. Eu nunca segui por esse caminho.

Obrigado. Eu não tinha testado o modo de mosaico e, sim, parece funcionar. Obviamente, são 3 colunas, não uma como no Facebook, mas presumo que isso possa ser alterado? (Embora eu possa deixá-lo assim — pode ficar melhor!)

Numa nota relacionada, experimentei o resumo da lista de tópicos, mas isso parece gerar uma renderização estranha. Por exemplo, ele exibe o resumo totalmente formatado (incluindo hiperlinks) e também começa a mudar aleatoriamente o estilo (por exemplo, fonte maior) e/ou adicionar um espaço inicial. Você sabe como posso corrigir isso?

Por fim, o rideabl.es tem o ícone/hiperlink “abrir externamente” no topo dos tópicos. Seu plugin oferece isso ou é de outro desenvolvedor?

O TLP TC (não é um plugin) é totalmente responsivo, então se você reduzir o espaço adicionando barras laterais, o número de colunas diminuirá automaticamente (basta reduzir o tamanho do navegador para testar isso). Veja: Pavilion

Veja o plugin Layouts para adicionar barras laterais personalizáveis. Leia mais sobre isso: Pavilion

Alternativamente, experimente o Fakebook TC, que tem sempre uma única coluna e possui algumas barras laterais integradas.

O resumo da lista de tópicos apresenta alguns problemas em todas as implementações porque o serializador está enviando muitos dados desnecessários (por exemplo, incluindo as âncoras das oneboxes!). Isso pode ser estilizado até certo ponto — acabei de fazer isso no rideables.

Isso é nativo, apenas incluído na saída do TLP.

Você sabe como posso acessar isso? Ele não aparece renderizado na minha instalação básica (vanilla) do Discourse.

Por fim, você sabe por que a formatação está um pouco estranha, mesmo em páginas onde o plugin não está ativado? Notei que as listas/categorias sem o TLP ativado parecem ter um espaçamento extra no final do título do tópico nas visualizações de lista.

Ele é gerado quando você coloca um link no título (veja o texto de preenchimento).

O ‘plugin’, se instalado, substituirá os modelos independentemente. Se algo estiver estranho, tente reestilizá-lo (mas verifique se o impacto é aceitável em cada estilo) e, talvez, eu possa atualizar o CSS no plugin — fique à vontade para abrir um PR. Você também pode abrir um relatório de bug aqui: Pavilion.

OK, inseri uma URL no tópico e agora vejo o ícone de link externo, além de como o Discourse copiou automaticamente o título do recurso vinculado.

Infelizmente, isso parece ter interrompido a prévia onebox do TLP. O que estou fazendo de errado?

Estou investigando o tema Fakebook. Obrigado pela dica! :ok_hand:

Não, isso não impede. Você precisa ter paciência. A renderização de uma miniatura (na verdade, um conjunto de miniaturas) é um processo do lado do servidor e leva tempo. Não é instantâneo. Isso é verdade em todas as implementações. Alterar o front-end não terá nenhum efeito sobre isso. :).