إضافة عنصر واجهة مستخدم خارجي إلى المنشئ

مطور
6

شكراً لإرشادي في الاتجاه الصحيح، يبدو أنني أواجه مشكلة أخرى، فهي لا تُحمّل/تُصيّر عند فتح صفحة الموضوع التي ستستخدم النص البرمجي. فقط بعد تحديث الصفحة يتم تحميلها بشكل صحيح، ولكن ليس في كل مرة. هل هذا بسبب أن Discourse هو تطبيق ذو صفحة واحدة (Single Page Application)، أنا فقط أحاول معرفة ما إذا كانت معرفتي بـ Discourse ناقصة أم أن هناك شيئًا أحتاج إلى برمجته بنفسي.

هذا هو النص البرمجي الحالي الذي أستخدمه. أي توجيه سيكون موضع تقدير كبير.

 let loadScript = require('discourse/lib/load-script').default;
  api.decorateCooked($elem => { $elem.children('div[data-PAWidget]').ready(function() {
         $elem.children('div[data-PAWidget]').append(" <div id='PurpleAirWidget_11726_module_AQI_conversion_C0_average_0_layer_standard'>Loading PurpleAir Widget...</div>");
       loadScript("https://www.purpleair.com/pa.widget.js?key=21R72LUN79CXRZ50&module=AQI&conversion=C0&average=0&layer=standard&container=PurpleAirWidget_11726_module_AQI_conversion_C0_average_0_layer_standard").then(()=>{       
    })  
  })     
  });