non-static import() becomes a regular require

[mischnic]

This no longer works:

	const url = 'https://cdn.skypack.dev/jszip@^3.10.0';
	const {default: JSZip} = await import(url);

because import is turned into a require

I just found out that this is even documented: https://en.parceljs.org/javascript.html

but it fails as is:

Generated code:

Originally posted by @fregante in #7064 (comment)

[mischnic]

I just found out that this is even documented: en.parceljs.org/javascript.html

(That are the docs for Parcel 1.x.)

[nanoskript]

As an egregious workaround, the dynamic import can be wrapped inside an eval:

await eval(`import("https://cdn.jsdelivr.net/pyodide/v0.23.2/full/pyodide.js")`);

[broofa]

Riffing on @nanoskript's workaround, the following provides a dynamicImport() that has the same signature as native import()... so maybe somewhat less "egregious"? 🤷

  const dynamicImport = new Function('a', 'b', 'return import(a, b);');

  // ... then use just like import():

  await dynamicImport("https://cdn.jsdelivr.net/pyodide/v0.23.2/full/pyodide.js")

(Note: new Function() has all the same code smells as eval(), so this is just putting a bit of lipstick on that code-pig.)