Contain global JS libraries

containedLoad.js

// Load the given libraries without polluting the global namespace.
const libDefs = [
  ['https://cdn.jsdelivr.net/npm/[email protected]/dist/handlebars.min.js', 'Handlebars'],
  ['https://cdn.jsdelivr.net/npm/[email protected]', 'L'],
  ['https://cdn.jsdelivr.net/npm/[email protected]/dist/lodash.js', '_'],
  ['https://cdn.jsdelivr.net/npm/[email protected]', 'jQuery'],
  ['https://rawgit.com/joaquingatica/713768/raw/126357dd46a0e6aef4a8441a77d1e8e3ae81c0ba/typeface.js', '_typeface_js']
]

const i = document.createElement('iframe')
document.children[0].append(i)
i.contentWindow.eval(`
window.load = ([url, varName]) => fetch(url).then(response => response.text()).then( script =>{
  eval(script)
  window[varName] = eval(varName)
  return eval(varName)
})
`)
const load = i.contentWindow.load


Promise.all(libDefs.map( load )).then( libs => {
  console.log(libs)
})