Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lazily create sandbox iframe

Browse Source
This commit is contained in:
James Lyne 2022-02-27 21:36:46 +00:00
parent 0a48b44e4f
commit f120aa8c51
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/util.ts
View File

@ -344,9 +344,9 @@ export const getMiddle = (bounds: LiveAtlasBounds): LiveAtlasLocation => {
/** /**
* Creates an "allow-scripts" sandboxed <iframe> * Creates an "allow-scripts" sandboxed <iframe>
* @see {@link runSandboxed} * @see {@link runSandboxed}
* @returns {Window} The iframe's contentWindow * @returns {Window} A promise that resolves to the iframe's contentWindow
*/ */
const createIframeSandbox = () => { const createIframeSandbox = async (): Promise<Window> => {
const frame = document.createElement('iframe'); const frame = document.createElement('iframe');
frame.hidden = true; frame.hidden = true;
frame.sandbox.add('allow-scripts'); frame.sandbox.add('allow-scripts');
@ -394,11 +394,16 @@ const createIframeSandbox = () => {
} }
}); });
return new Promise(resolve => {
document.body.appendChild(frame); document.body.appendChild(frame);
return frame.contentWindow;
frame.onload = () => {
resolve(frame.contentWindow as Window);
};
});
} }
const sandboxWindow: Window | null = createIframeSandbox(); let sandboxWindow: Window | null = null;
const sandboxSuccessCallbacks: Map<number, (result?: any) => void> = new Map(); const sandboxSuccessCallbacks: Map<number, (result?: any) => void> = new Map();
const sandboxErrorCallbacks: Map<number, (reason?: any) => void> = new Map(); const sandboxErrorCallbacks: Map<number, (reason?: any) => void> = new Map();
@ -411,6 +416,10 @@ const sandboxErrorCallbacks: Map<number, (reason?: any) => void> = new Map();
* or will reject with any Errors that occurred during execution. * or will reject with any Errors that occurred during execution.
*/ */
export const runSandboxed = async (code: string) => { export const runSandboxed = async (code: string) => {
if(!sandboxWindow) {
sandboxWindow = await createIframeSandbox();
}
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const key = Math.random(); const key = Math.random();