Function loadScript

packages/grapesjs-react/src/utils/dom.ts:18–32

(src: string | ScriptToLoad)

type ScriptToLoad = { id: string; src: string };

export const loadScript = (src: string | ScriptToLoad) => {
  const scriptToLoad = isString(src) ? { id: src, src } : src;
  return new Promise<string>((res, rej) => {
    const script = document.createElement('script');

    if (document.querySelector(`script[src="${scriptToLoad.src}"]`)) {
      return res(scriptToLoad.id);
    }

    script.src = scriptToLoad.src;
    script.onload = () => res(scriptToLoad.id);
    script.onerror = () => rej(scriptToLoad.id);
    document.head.appendChild(script);
  });
};

export const loadScripts = (scripts: { id: string; src: string }[]) => {
  const promises = scripts.map(script => loadScript(script));