How to use @scion/microfrontend-platform - 10 common examples

public ngOnDestroy(): void {
    MicrofrontendPlatform.destroy().then(); // Platform is started in {@link TestingAppPlatformInitializerResolver}
  }
}

private publishInstalledApplications(): void {
    const applications: Application[] = Beans.get(ApplicationRegistry).getApplications();
    Beans.get(MessageClient).publish$(Topics.Applications, applications, {retain: true}).subscribe();
  }

private installCapabilityUnregisterRequestHandler(): void {
    Beans.get(MessageClient).observe$(Topics.UnregisterCapability)
      .pipe(takeUntil(this._destroy$))
      .subscribe((request: TopicMessage) => {
        const appSymbolicName = request.headers.get(MessageHeaders.AppSymbolicName);
        Beans.get(ManifestRegistry).unregisterCapability(appSymbolicName, request.body.capabilityId);
      });
  }

private startHostPlatform(port: number): Promise {
    Beans.get(PlatformState).whenState(PlatformStates.Starting).then(() => {
      Beans.register(NgZone, {useValue: this._zone});
      Beans.registerDecorator(MessageClient, {useClass: AngularZoneMessageClientDecorator});
      Beans.registerDecorator(PlatformMessageClient, {useClass: AngularZoneMessageClientDecorator});
    });

    return MicrofrontendPlatform.forHost([
      {manifestUrl: 'http://localhost:4200/testing-app/assets/app-4200-manifest.json', symbolicName: 'app-4200'},
      {manifestUrl: 'http://localhost:4201/testing-app/assets/app-4201-manifest.json', symbolicName: 'app-4201'},
      {manifestUrl: 'http://localhost:4202/testing-app/assets/app-4202-manifest.json', symbolicName: 'app-4202'},
      {manifestUrl: 'http://localhost:4203/testing-app/assets/app-4203-manifest.json', symbolicName: 'app-4203'},
    ], {symbolicName: `app-${port}`});
  }

.pipe(mergeMap((request: TopicMessage) => {
          const manifestRegistry = Beans.get(ManifestRegistry);
          const replyTo = request.headers.get(MessageHeaders.ReplyTo);
          const appSymbolicName = request.headers.get(MessageHeaders.AppSymbolicName);

          return merge(of(null), manifestRegistry.intentChange$)
            .pipe(
              map(() => manifestRegistry.getIntentsByApplication(appSymbolicName)),
              switchMap(intents => Beans.get(MessageClient).publish$(replyTo, intents)),
              takeUntilUnsubscribe(replyTo),
            );
        }),
        takeUntil(this._destroy$),

public onCapabilityUnregister(capability: Provider): void {
    const unregisterCommand: ProviderUnregisterCommand = {type: capability.type, qualifier: capability.qualifier};
    Beans.get(MessageClient).publish$(Topics.UnregisterProvider, unregisterCommand).subscribe();
  }
}

public onCapabilityRegister(): void {
    const registerCommand: ProviderRegisterCommand = {
      provider: {
        type: this.form.get(TYPE).value,
        qualifier: SciParamsEnterComponent.toParams(this.form.get(QUALIFIER) as FormArray),
        private: this.form.get(PRIVATE).value,
      },
    };
    Beans.get(MessageClient).publish$(Topics.RegisterProvider, registerCommand).subscribe();
  }

private installCapabilityRegisterRequestHandler(): void {
    Beans.get(MessageClient).observe$(Topics.RegisterCapability)
      .pipe(takeUntil(this._destroy$))
      .subscribe((request: TopicMessage) => {
        const appSymbolicName = request.headers.get(MessageHeaders.AppSymbolicName);
        Beans.get(ManifestRegistry).registerCapability(appSymbolicName, [request.body.capability]);
      });
  }

private startClientPlatform(port: number): Promise {
    Beans.get(PlatformState).whenState(PlatformStates.Starting).then(() => {
      Beans.register(NgZone, {useValue: this._zone});
      Beans.registerDecorator(MessageClient, {useClass: AngularZoneMessageClientDecorator});
    });

    return MicrofrontendPlatform.forClient({symbolicName: `app-${port}`});
  }
}

private installCapabilitiesQueryRequestHandler(): void {
    Beans.get(MessageClient).observe$(Topics.Capabilities)
      .pipe(
        mergeMap((request: TopicMessage) => {
          const manifestRegistry = Beans.get(ManifestRegistry);
          const replyTo = request.headers.get(MessageHeaders.ReplyTo);
          const appSymbolicName = request.headers.get(MessageHeaders.AppSymbolicName);

          return merge(of(null), manifestRegistry.capabilityChange$)
            .pipe(
              map(() => manifestRegistry.getCapabilitiesByApplication(appSymbolicName)),
              switchMap(capabilities => Beans.get(MessageClient).publish$(replyTo, capabilities)),
              takeUntilUnsubscribe(replyTo),
            );
        }),
        takeUntil(this._destroy$),
      )
      .subscribe();