Adding an outside widget to composer

Development
6

Thanks for pointing me in the right direction, I do seem to run into another issue, it is not loading/rendering when opening the topic page that would use the script. Only after I refresh the page does it load properly, but not every time. Is this because Discourse is a Single Page Application, I’m am just trying to figure out if my knowledge of Discourse is lacking or if something that I need to program my self.

Here is the current code I am using. Any direction would be greatly appreciated

 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(()=>{       
    })  
  })     
  });