كيف أستخدم الصور من الأصول (assets) في HTML لمكون سمة قائم على Glimmer؟

بمساعدة التلميحات هنا وبعض المساعدة من روبوت ask.discourse.com تمكنت من جعل الأمر يعمل:

  • إليك الالتزام ذي الصلة فوق ما أنشأه discourse_theme CLI.
  • إليك الفرق عن محاولتي السابقة غير الناجحة المذكورة في المنشور العلوي.

شكرًا لك يا @NateDhaliwal!

الأشياء الرئيسية التي واجهتني صعوبة فيها في الطريق إلى هنا:

  • في القوالب، لا تعمل تعابير جافاسكريبت العشوائية (مثل استدعاءات الدوال) ولا تعابير الفلاتر (بالصيغة some-transormation-function someVariableOrLiteral) داخل الأقواس المعقوفة المزدوجة. يمكن فقط إدراج المتغيرات الفردية هناك.
  • بالنسبة لأحد الأصلين، نسيت تضمين اسم الدليل assets/ في قيمة مسار الملف المقابلة في about.json. فشل هذا بصمت، مما أدى إلى أن يكون الإعداد المقابل undefined، والذي أفترض أنه تسبب في حذف القالب بأكمله بصمت أو شيء من هذا القبيل.
  • في مرحلة ما أثناء التطوير، لم يكن لمكون السمة الذي تتم مزامنته بواسطة discourse_theme watch ... أي تأثير، سواء في المعاينة أو عند التنشيط صراحةً. إن السماح لـ discourse_theme watch ... بإنشاء نسخة جديدة من المكون على المثيل (وحذف النسخة السابقة) أدى إلى تصحيح ذلك. لست متأكدًا مما حدث بالضبط هناك.