Load remote files from script and window (Dynamic Remote Containers)

[itschip]

Is your feature request related to a problem? Please describe.

Yes, in Webpack you can do this

      await loadScript(url, scope, module);

      //@ts-ignore
      await __webpack_init_sharing__('default');
      const container = window[scope];

      //@ts-ignore
      await container.init(__webpack_share_scopes__.default);
      const factory = await window[scope].get(module);
      const Module = factory();

      const appConfig = Module.default();

which allows you grab any exposed files from any remotes.

Describe the solution you'd like

A similar solution for this plugin/vite. Since we're not exposing a default exported React component, the lazy solution won't work for us. We are actually exposing a default exported object.

Describe alternatives you've considered

I have not yet.

Additional context

..

[itschip]

Had a new look at the README, and ofc found this

 remotes: {
    // 'remote module name': 'remote module entry file address'
    'remote-simple': 'http://localhost:5011/remoteEntry.js',
}

Could work, but since we need this in runtime, it's still a dead end I guess.

[itschip]

You can see a more detailed implementation of this here: https://github.com/project-error/npwd/blob/master/apps/phone/src/common/hooks/useExternalApps.tsx

[yangjocy]

Any update on this? We have same requirement here.

[itschip]

@yangjocy I've started to look into writing/propose a solution. I'll update this thread if I get anywhere with it.

[ivankorobchuk123]

Any update on this? We have same requirement here.

[guillerp8]

Any new here?

[mostafa-raafat]

@itschip any update?

[itschip]

@mostafa-raafat stil trying. A lot of this is still very dark magic to me.

[ducan-ne]

Waiting for this 🙌

[ducan-ne]

Oh it seems easier than I think I think I'll pick this as a workaround, but not sure if it gets any weird issue...