Is it possible to have mulitple instances of the same remote?

[tzachbon]

We want to implement a feature on our platform that allows teams to "pin" specific remote versions while enabling other teams to continue using the latest version of the same remote. This means that a single "scope" could have multiple instances. Is this feasible?

Code example:

const fooV2 = await importRemote({ 
	url: 'my-cdn/foo/2/remoteEntry.js', // Gets the code from v2
	scope: 'foo',
	module: './App'
})

const fooV1 = await importRemote({ 
	url: 'my-cdn/foo/1/remoteEntry.js', // Gets the code from v1
	scope: 'foo',
	module: './App'
})

I really appreciate any help you can provide.

[ScriptedAlchemy]

we support this with zephyr cloud already, it support tags, semver, pinning etc. https://zephyr-cloud.io/

To do this on your own, you cannot have two "scope" on the page at once.

if its window.app1, you cant add another window.app1 without overwriting it.

If you put it into esm mode, then it can use import() which does not rely on globals like script does - thus allowing you to avoid the collision in scope.

Typically to support multiple version of the remote on the page - you would need to make the "name" unique, like app1_v123, app2_v123 - but then you need to know what its scope is to consume it.

You may be able to use json remote entry with the new runtime, which the json remote will have the scope name inside it already and thus could overcome the issue in vanilla remotes.

https://module-federation.io/guide/basic/runtime.html
https://module-federation.io/guide/basic/type-prompt.html see the manifest json usage not the .js usage