Como uso imagens de assets no HTML de um componente de tema baseado em Glimmer?

Dev
5

Com as dicas aqui e alguma ajuda do bot do ask.discourse.com consegui fazer funcionar:

  • Aqui está o commit relevante sobre o que a CLI do discourse_theme gerou.
  • Aqui está a diferença da minha tentativa anterior sem sucesso mencionada na postagem superior.

Obrigado, @NateDhaliwal!

Coisas importantes com as quais lutei no caminho:

  • Nos templates, nem expressões JavaScript arbitrárias (como chamadas de função) nem expressões de filtro (do tipo alguma-funcao-de-transformacao algumaVariavelOuLiteral) funcionam nas chaves duplas. Apenas variáveis únicas podem ser interpoladas lá.
  • Para um dos dois assets, eu havia esquecido de incluir o nome do diretório assets/ no valor do caminho do arquivo correspondente em about.json. Isso falhou silenciosamente, resultando na configuração correspondente ser undefined, o que suponho que fez com que todo o template fosse omitido silenciosamente ou algo assim.
  • Em um momento durante o desenvolvimento, o componente de tema sincronizado por discourse_theme watch ... não teve efeito, seja na pré-visualização ou ativado explicitamente. Fazer o discourse_theme watch ... criar uma nova cópia do componente na instância (e excluir a cópia anterior) resolveu isso. Não tenho certeza exatamente o que aconteceu ali.