Load an external js file from cdn needed for mime extension and lab extension

JupyterLab
1

Hi,

I am looking for ways to load an external JavaScript file from cdn needed for my mime extension and lab extension.

As per this How to load UI assets from external resources (Preferable a CDN?), it seems we will have to add a custom script in the extension code something like below.

async function loadScript(url) {
    const response = await fetch(url);
    const script = await response.text();
    const scriptElement = document.createElement('script');
    scriptElement.innerHTML = script;
    document.body.appendChild(scriptElement);
}

const labExtension = {
    id: widget_id,
    requires: [IJupyterWidgetRegistry, INotebookTracker],
    activate(app, widgets) {
      
        // loadScript("cdnURL")

      
       .....
    },
    autoStart: true,
};

export default labExtension;

I would like to load the Javascript file before rendering my extension. Is there a better way to do this like injecting this JS file url in the JupyterLab index.html file or add an endpoint in jupyterlab-server to request for this file on Jupyterlab load?