Examples: Use import maps polyfill

[mrdoob]

Related issue: #23148

[mrdoob]

@sunag should I revert #22936?

[sunag]

Hmm... In case of revert we should be add this polyfill to NodeMaterial/WebGL examples too...
It's ok for me.

[mrdoob]

@sunag Could you take care of that?

[sunag]

Should we have something like three-nodes?

{
	"imports": {
		"three": "../build/three.module.js",
		"three-nodes": "../jsm/renderers/nodes/Nodes.js"
	}
}

[mrdoob]

Hmm, right now three is also a npm package...
If we did this, people would expect three-nodes to be a npm package too. Is that something we want to do?

[sunag]

If we did this, people would expect three-nodes to be a npm package too. Is that something we want to do?

@mrdoob I think in something like this:
#23368 (comment)

[mrdoob]

Yesterday I registered the package just in case 😀
https://www.npmjs.com/package/three-nodes

[mrdoob]

@marcofugaro Is there a way of publishing multiple packages from the same package.json/repo? We may need to move three-nodes to its own repo in https://github.com/threejs/ otherwise..

[marcofugaro]

@marcofugaro Is there a way of publishing multiple packages from the same package.json/repo?

Not with plain npm, but there are some tools/scripts.

@mrdoob what do you think about this aliasing instead? This way we don't have to publish a new package.

import { ArrayInputNode } from 'three/nodes'

[unphased]

Hi, the import maps polyfill/shim is preventing Safari from being able to run app code if dev tools are open, so there would be no way to use dev tools to work on safari-specific issues with three.js apps. Are we aware of the issue? I'll also follow up at https://github.com/guybedford/es-module-shims.

[marcofugaro]

@unphased no issues for me in safari devtools, are you sure this isn't caused by some other part of your application?

[unphased]

If you reload while the dev tools window is open, does the 3d scene load at all for you?

[marcofugaro]

Yup, all normal.

[unphased]

Yup, all normal.

Thanks for confirming. So, you still get the error TypeError: Module specifier, 'application' does not start with "/", "./", or "../"., but with dev tools open and reloading on the examples page the scene loads for you. This is not what I experience on my M1 Max, but I will check on my Intel Macs (and with dev tools connected to mobile safari)

[unphased]

Ok so I wasn't accounting for the slower execution speed when devtools are open. the Threejs examples do work as you say, sorry about that.