Comment utiliser des images depuis assets dans le HTML d'un composant de thème basé sur Glimmer ?

Dev
5

Avec les indices ici et une aide du bot ask.discourse.com, j’ai réussi à le faire fonctionner :

  • Voici le commit pertinent en plus de ce que le CLI discourse_theme a généré.
  • Voici la différence avec ma tentative infructueuse précédente mentionnée dans le message du haut.

Merci, @NateDhaliwal !

Points clés qui m’ont posé problème en cours de route :

  • Dans les modèles, ni les expressions JavaScript arbitraires (telles que les appels de fonction) ni les expressions de filtre (de la forme some-transormation-function someVariableOrLiteral) ne fonctionnent entre doubles accolades. Seules les variables uniques peuvent y être interpolées.
  • Pour l’un des deux actifs, j’avais oublié d’inclure le nom du répertoire assets/ dans la valeur du chemin de fichier correspondante dans about.json. Cela échouait silencieusement, ce qui faisait que le paramètre correspondant était undefined, ce qui, je suppose, a provoqué l’omission silencieuse du modèle entier ou quelque chose du genre.
  • À un moment donné pendant le développement, le composant de thème synchronisé par discourse_theme watch ... n’avait aucun effet, que ce soit en aperçu ou explicitement activé. Laisser discourse_theme watch ... créer une nouvelle copie du composant sur l’instance (et supprimer la copie précédente) a corrigé cela. Je ne sais pas exactement ce qui s’est passé là-bas.