15b71d0803
<!-- Please make sure you have read the submission guidelines before posting an PR --> <!-- https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr --> <!-- Please make sure that your commit message follows our format --> <!-- Example: `fix(nx): must begin with lowercase` --> <!-- If this is a particularly complex change or feature addition, you can request a dedicated Nx release for this pull request branch. Mention someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they will confirm if the PR warrants its own release for testing purposes, and generate it for you if appropriate. --> ## Current Behavior The only method available to manage remotes is `setRemoteDefinitions` method, that overwrite the previous state, as expected. The problem is that in some cases, when it needed to add more remotes dynamically, this API replace it current state, removing the previous remotes. ## Expected Behavior Expose a new API called `setRemoteDefinition(remoteName: string, remoteUrl: string)` that adds or replace a new remote definition in the remotes map, without overwrite the remotes map. ## Related Issue(s) <!-- Please link the issue being fixed so it gets closed when this is merged. --> Fixes #27050 --------- Co-authored-by: Guilherme Prezzi <guilherme.prezzi@totvs.com.br>
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
export type ResolveRemoteUrlFunction = (
|
|
remoteName: string
|
|
) => string | Promise<string>;
|
|
|
|
declare const __webpack_init_sharing__: (scope: 'default') => Promise<void>;
|
|
declare const __webpack_share_scopes__: { default: unknown };
|
|
|
|
let resolveRemoteUrl: ResolveRemoteUrlFunction;
|
|
export function setRemoteUrlResolver(
|
|
_resolveRemoteUrl: ResolveRemoteUrlFunction
|
|
) {
|
|
resolveRemoteUrl = _resolveRemoteUrl;
|
|
}
|
|
|
|
let remoteUrlDefinitions: Record<string, string> = {};
|
|
export function setRemoteDefinitions(definitions: Record<string, string>) {
|
|
remoteUrlDefinitions = definitions;
|
|
}
|
|
|
|
export function setRemoteDefinition(remoteName: string, remoteUrl: string) {
|
|
remoteUrlDefinitions[remoteName] = remoteUrl;
|
|
}
|
|
|
|
let remoteModuleMap = new Map<string, unknown>();
|
|
let remoteContainerMap = new Map<string, unknown>();
|
|
export async function loadRemoteModule(remoteName: string, moduleName: string) {
|
|
const remoteModuleKey = `${remoteName}:${moduleName}`;
|
|
if (remoteModuleMap.has(remoteModuleKey)) {
|
|
return remoteModuleMap.get(remoteModuleKey);
|
|
}
|
|
|
|
const container = remoteContainerMap.has(remoteName)
|
|
? remoteContainerMap.get(remoteName)
|
|
: await loadRemoteContainer(remoteName);
|
|
|
|
const factory = await container.get(moduleName);
|
|
const Module = factory();
|
|
|
|
remoteModuleMap.set(remoteModuleKey, Module);
|
|
|
|
return Module;
|
|
}
|
|
|
|
function loadModule(url: string) {
|
|
return import(/* webpackIgnore:true */ url);
|
|
}
|
|
|
|
let initialSharingScopeCreated = false;
|
|
async function loadRemoteContainer(remoteName: string) {
|
|
if (!resolveRemoteUrl && !remoteUrlDefinitions) {
|
|
throw new Error(
|
|
'Call setRemoteDefinitions or setRemoteUrlResolver to allow Dynamic Federation to find the remote apps correctly.'
|
|
);
|
|
}
|
|
|
|
if (!initialSharingScopeCreated) {
|
|
initialSharingScopeCreated = true;
|
|
await __webpack_init_sharing__('default');
|
|
}
|
|
|
|
const remoteUrl = remoteUrlDefinitions
|
|
? remoteUrlDefinitions[remoteName]
|
|
: await resolveRemoteUrl(remoteName);
|
|
|
|
let containerUrl = remoteUrl;
|
|
if (!remoteUrl.endsWith('.mjs') && !remoteUrl.endsWith('.js')) {
|
|
containerUrl = `${remoteUrl}${
|
|
remoteUrl.endsWith('/') ? '' : '/'
|
|
}remoteEntry.mjs`;
|
|
}
|
|
|
|
const container = await loadModule(containerUrl);
|
|
await container.init(__webpack_share_scopes__.default);
|
|
|
|
remoteContainerMap.set(remoteName, container);
|
|
return container;
|
|
}
|