evalGlobal.js

export { evalGlobal };

let evalGlobalId = 0;
const evalGlobalResolves = new Map();

/**
 * 
 * @param {String} code 
 * @param {String<'script' | 'module'>} as 
 */
const evalGlobal = (code, as = `script`) => {
    evalGlobalId += 1;
    const thisId = evalGlobalId;

    const script = document.createElement(`script`);
    let innerHTML = `
    ${code}
    window.evalGlobalReady(${thisId})`;

    if (as === `script`) {
        innerHTML = `"use strict";${innerHTML}`;
    } else if (as === `module`) {
        script.type = `module`;
    }
    script.innerHTML = innerHTML;

    if (!window.evalGlobalReady) {
        window.evalGlobalReady = (id) => {
            const resolve = evalGlobalResolves.get(id);
            if (resolve) {
                evalGlobalResolves.delete(id);
                resolve();
            }
        };
    }

    return new Promise((resolve) => {
        evalGlobalResolves.set(thisId, resolve);
        document.body.appendChild(script);
    });
};