¿Cómo utilizo imágenes de assets en HTML de un componente de tema basado en Glimmer?

Desarrollador
5

Con las pistas aquí y algo de ayuda del bot de ask.discourse.com he conseguido que funcione:

  • Aquí está el commit relevante sobre lo que generó la CLI de discourse_theme.
  • Aquí está la diferencia con mi intento anterior fallido mencionado en la publicación superior.

¡Gracias, @NateDhaliwal!

Puntos clave con los que tuve problemas en el camino:

  • En las plantillas, ni las expresiones JavaScript arbitrarias (como llamadas a funciones) ni las expresiones de filtro (de la forma alguna-funcion-de-transformacion algunaVariableOValorLiteral) funcionan entre las dobles llaves. Solo se pueden interpolar variables individuales allí.
  • Para uno de los dos recursos, olvidé incluir el nombre del directorio assets/ en el valor de la ruta del archivo correspondiente en about.json. Esto falló silenciosamente, lo que resultó en que la configuración correspondiente fuera undefined, lo que supongo que provocó que toda la plantilla se omitiera silenciosamente o algo así.
  • En un momento durante el desarrollo, el componente de tema sincronizado por discourse_theme watch ... no tuvo efecto, ya sea en la vista previa o activado explícitamente. Hacer que discourse_theme watch ... creara una nueva copia del componente en la instancia (y eliminar la copia anterior) rectificó eso. No estoy seguro de qué sucedió exactamente allí.