@finos/legend-application-studio 28.19.116 → 28.19.117

package/src/components/editor/editor-group/service-editor/ServiceRegistrationEditor.tsx

@@ -15,6 +15,7 @@
  */
 
 import { observer } from 'mobx-react-lite';
+import { useEffect } from 'react';
 import { ServiceEditorState } from '../../../../stores/editor/editor-state/element-editor-state/service/ServiceEditorState.js';
 import {
   clsx,
@@ -22,6 +23,8 @@ import {
   CustomSelectorInput,
   CheckSquareIcon,
   SquareIcon,
+  ExternalLinkSquareIcon,
+  CircleNotchIcon,
 } from '@finos/legend-art';
 import { prettyCONSTName } from '@finos/legend-shared';
 import { LEGEND_STUDIO_TEST_ID } from '../../../../__lib__/LegendStudioTesting.js';
@@ -30,7 +33,10 @@ import { flowResult } from 'mobx';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import { useApplicationStore } from '@finos/legend-application';
 import { MASTER_SNAPSHOT_ALIAS } from '@finos/legend-server-depot';
-import { LATEST_PROJECT_REVISION } from '../../../../stores/editor/editor-state/element-editor-state/service/ServiceRegistrationState.js';
+import {
+  LATEST_PROJECT_REVISION,
+  generateServiceManagementUrl,
+} from '../../../../stores/editor/editor-state/element-editor-state/service/ServiceRegistrationState.js';
 
 export const ServiceRegistrationEditor = observer(() => {
   const editorStore = useEditorStore();
@@ -136,6 +142,12 @@ export const ServiceRegistrationEditor = observer(() => {
     !selectedServiceType ||
     registrationState.registrationState.isInProgress;
 
+  useEffect(() => {
+    flowResult(registrationState.checkServiceRegistration()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  }, [registrationState, applicationStore]);
+
   return (
     <div
       data-testid={LEGEND_STUDIO_TEST_ID.SERVICE_REGISTRATION_EDITOR}
@@ -169,6 +181,60 @@ export const ServiceRegistrationEditor = observer(() => {
               {`${registrationState.registrationState.message}...`}
             </div>
           )}
+          <div className="panel__content__form__section">
+            <div className="panel__content__form__section__header__label">
+              Deployment Status
+            </div>
+            <div className="panel__content__form__section__header__prompt">
+              Environments where this service is currently deployed
+            </div>
+            <div className="service-registration-editor__deployment-status">
+              {registrationState.deploymentCheckState.isInProgress && (
+                <div className="service-registration-editor__deployment-status__loading">
+                  <CircleNotchIcon className="service-registration-editor__deployment-status__loading-icon" />
+                  <span>Fetching deployment status...</span>
+                </div>
+              )}
+              {registrationState.deploymentCheckState.hasCompleted &&
+                registrationState.registeredEnvs.length === 0 && (
+                  <div className="service-registration-editor__deployment-status__empty">
+                    Service is not deployed to any environment
+                  </div>
+                )}
+              {registrationState.deploymentCheckState.hasCompleted &&
+                registrationState.registeredEnvs.length > 0 && (
+                  <div className="service-registration-editor__deployment-status__envs">
+                    <span className="service-registration-editor__deployment-status__label">
+                      Service is deployed to
+                    </span>
+                    {registrationState.registeredEnvs.map((env) => {
+                      const envConfig =
+                        registrationState.registrationOptions.find(
+                          (e) => e.env === env,
+                        );
+                      return envConfig ? (
+                        <a
+                          key={env}
+                          className="service-editor__deployment-link"
+                          href={generateServiceManagementUrl(
+                            envConfig.managementUrl,
+                            serviceState.service.pattern,
+                          )}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          title={`Open in ${env}`}
+                        >
+                          <span className="service-editor__deployment-link__env">
+                            {env.toUpperCase()}
+                          </span>
+                          <ExternalLinkSquareIcon />
+                        </a>
+                      ) : null;
+                    })}
+                  </div>
+                )}
+            </div>
+          </div>
           <div className="panel__content__form__section">
             <div className="panel__content__form__section__header__label">
               Activate Service

package/src/stores/editor/editor-state/element-editor-state/service/ServiceRegistrationState.ts

@@ -255,7 +255,9 @@ export class ServiceConfigState {
 
 export class ServiceRegistrationState extends ServiceConfigState {
   readonly service: Service;
+  readonly deploymentCheckState = ActionState.create();
   activatePostRegistration = true;
+  registeredEnvs: string[] = [];
 
   constructor(
     editorStore: EditorStore,
@@ -267,8 +269,11 @@ export class ServiceRegistrationState extends ServiceConfigState {
 
     makeObservable(this, {
       activatePostRegistration: observable,
+      registeredEnvs: observable,
       setActivatePostRegistration: action,
+      setRegisteredEnvs: action,
       registerService: flow,
+      checkServiceRegistration: flow,
     });
 
     this.service = service;
@@ -277,6 +282,40 @@ export class ServiceRegistrationState extends ServiceConfigState {
     this.activatePostRegistration = val;
   }
 
+  setRegisteredEnvs(envs: string[]): void {
+    this.registeredEnvs = envs;
+  }
+
+  *checkServiceRegistration(): GeneratorFn<void> {
+    this.deploymentCheckState.inProgress();
+    const envs: string[] = [];
+    const servicePattern = this.service.pattern.startsWith('/')
+      ? this.service.pattern.substring(1)
+      : this.service.pattern;
+    for (const envConfig of this.registrationOptions) {
+      try {
+        const isRegistered =
+          (yield this.editorStore.graphManagerState.graphManager.checkServiceRegisteredByPattern(
+            envConfig.executionUrl,
+            servicePattern,
+          )) as boolean;
+        if (isRegistered) {
+          envs.push(envConfig.env);
+        }
+      } catch (error) {
+        assertErrorThrown(error);
+        this.editorStore.applicationStore.logService.warn(
+          LogEvent.create(
+            LEGEND_STUDIO_APP_EVENT.SERVICE_REGISTRATION_CHECK_FAILURE,
+          ),
+          `Can't check registration status for env '${envConfig.env}': ${error.message}`,
+        );
+      }
+    }
+    this.setRegisteredEnvs(envs);
+    this.deploymentCheckState.complete();
+  }
+
   *registerService(): GeneratorFn<void> {
     try {
       this.registrationState.inProgress();