@finos/legend-application-studio 28.18.124 → 28.18.126

package/lib/stores/ingestion/IngestionManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IngestionManager.js","sourceRoot":"","sources":["../../../src/stores/ingestion/IngestionManager.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-studio",
-  "version": "28.18.124",
+  "version": "28.18.126",
   "description": "Legend Studio application core",
   "keywords": [
     "legend",
@@ -45,13 +45,13 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.42",
-    "@finos/legend-art": "7.1.96",
-    "@finos/legend-code-editor": "2.0.69",
-    "@finos/legend-data-cube": "0.2.1",
-    "@finos/legend-graph": "32.1.27",
-    "@finos/legend-lego": "2.0.74",
-    "@finos/legend-query-builder": "4.16.35",
+    "@finos/legend-application": "16.0.44",
+    "@finos/legend-art": "7.1.98",
+    "@finos/legend-code-editor": "2.0.71",
+    "@finos/legend-data-cube": "0.2.3",
+    "@finos/legend-graph": "32.1.29",
+    "@finos/legend-lego": "2.0.76",
+    "@finos/legend-query-builder": "4.16.37",
     "@finos/legend-server-depot": "6.0.90",
     "@finos/legend-server-sdlc": "5.3.56",
     "@finos/legend-server-showcase": "0.2.52",
@@ -67,9 +67,11 @@
     "mobx-utils": "6.1.0",
     "monaco-editor": "0.52.2",
     "node-diff3": "3.1.2",
+    "oidc-client-ts": "^3.2.0",
     "react": "19.0.0",
     "react-dnd": "16.0.1",
     "react-dom": "19.0.0",
+    "react-oidc-context": "^3.3.0",
     "serializr": "3.0.3",
     "yaml": "2.7.0"
   },

package/src/__lib__/LegendStudioNavigation.ts

@@ -19,6 +19,10 @@ import { WorkspaceType } from '@finos/legend-server-sdlc';
 import { guaranteeNonNullable } from '@finos/legend-shared';
 import { generatePath } from '@finos/legend-application/browser';
 
+export enum LEGEND_STUDIO_QUERY_PARAMS {
+  EDITOR_CONFIG = 'editorConfig',
+}
+
 export enum LEGEND_STUDIO_ROUTE_PATTERN_TOKEN {
   SHOWCASE_PATH = 'showcasePath',
   PROJECT_ID = 'projectId',
@@ -82,6 +86,10 @@ export type ShowcaseViewerPathParams = {
   [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.SHOWCASE_PATH]?: string;
 };
 
+export type StudioQueryParams = {
+  [LEGEND_STUDIO_QUERY_PARAMS.EDITOR_CONFIG]?: string;
+};
+
 export type WorkspaceEditorPathParams = {
   [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.PROJECT_ID]: string;
   [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.PATCH_RELEASE_VERSION_ID]?: string;
@@ -349,3 +357,9 @@ export const generateShowcasePath = (showcasePath: string): string =>
   generatePath(LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE, {
     showcasePath: encodeURIComponent(showcasePath),
   });
+
+export const EXTERNAL_APPLICATION_NAVIGATION__generateUrlWithEditorConfig = (
+  base: string,
+  editorConfig: string,
+): string =>
+  `${base}?${LEGEND_STUDIO_QUERY_PARAMS.EDITOR_CONFIG}=${encodeURIComponent(editorConfig)}`;

package/src/application/LegendIngestionConfiguration.ts

@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+  assertNonEmptyString,
+  SerializationFactory,
+  usingModelSchema,
+} from '@finos/legend-shared';
+import type { AuthProviderProps } from 'react-oidc-context';
+import { createModelSchema, primitive, raw } from 'serializr';
+
+export class IngestDeploymentOIDC {
+  redirectPath!: string;
+  silentRedirectPath!: string;
+  authProviderProps!: AuthProviderProps;
+
+  static readonly serialization = new SerializationFactory(
+    createModelSchema(IngestDeploymentOIDC, {
+      redirectPath: primitive(),
+      silentRedirectPath: primitive(),
+      authProviderProps: raw(),
+    }),
+  );
+}
+
+export class IngestDeploymentServerConfig {
+  environmentClassification!: string;
+  ingestServerUrl!: string;
+
+  static readonly serialization = new SerializationFactory(
+    createModelSchema(IngestDeploymentServerConfig, {
+      environmentClassification: primitive(),
+      ingestServerUrl: primitive(),
+    }),
+  );
+}
+
+export class IngestionDeploymentConfiguration {
+  oidcConfig!: IngestDeploymentOIDC;
+  defaultServer!: IngestDeploymentServerConfig;
+
+  static readonly serialization = new SerializationFactory(
+    createModelSchema(IngestionDeploymentConfiguration, {
+      oidcConfig: usingModelSchema(IngestDeploymentOIDC.serialization.schema),
+      defaultServer: usingModelSchema(
+        IngestDeploymentServerConfig.serialization.schema,
+      ),
+    }),
+  );
+}
+
+export class LegendIngestionConfiguration {
+  discoveryUrl!: string;
+  deployment!: IngestionDeploymentConfiguration;
+
+  static readonly serialization = new SerializationFactory(
+    createModelSchema(LegendIngestionConfiguration, {
+      discoveryUrl: primitive(),
+      deployment: usingModelSchema(
+        IngestionDeploymentConfiguration.serialization.schema,
+      ),
+    }),
+  );
+}
+
+export const validateIngestionDeploymentConfiguration = (
+  config: LegendIngestionConfiguration,
+): void => {
+  assertNonEmptyString(
+    config.deployment.defaultServer.environmentClassification,
+    'Ingestion deployment server environment classification is missing',
+  );
+  assertNonEmptyString(
+    config.deployment.defaultServer.ingestServerUrl,
+    'Ingestion deployment server URL is missing',
+  );
+  assertNonEmptyString(
+    config.discoveryUrl,
+    'Ingestion discovery URL is missing',
+  );
+};

package/src/application/LegendStudioApplicationConfig.ts

@@ -35,6 +35,10 @@ import {
   type LegendApplicationConfigurationData,
 } from '@finos/legend-application';
 import { QueryBuilderConfig } from '@finos/legend-query-builder';
+import {
+  LegendIngestionConfiguration,
+  validateIngestionDeploymentConfiguration,
+} from './LegendIngestionConfiguration.js';
 
 export class ServiceRegistrationEnvironmentConfig {
   env!: string;
@@ -106,6 +110,8 @@ class LegendStudioApplicationCoreOptions {
    */
   queryBuilderConfig: QueryBuilderConfig | undefined;
 
+  ingestDeploymentConfig: LegendIngestionConfiguration | undefined;
+
   private static readonly serialization = new SerializationFactory(
     createModelSchema(LegendStudioApplicationCoreOptions, {
       enableGraphBuilderStrictMode: optional(primitive()),
@@ -120,6 +126,9 @@ class LegendStudioApplicationCoreOptions {
       queryBuilderConfig: optional(
         usingModelSchema(QueryBuilderConfig.serialization.schema),
       ),
+      ingestDeploymentConfig: optional(
+        usingModelSchema(LegendIngestionConfiguration.serialization.schema),
+      ),
     }),
   );
 
@@ -229,6 +238,12 @@ export class LegendStudioApplicationConfig extends LegendApplicationConfig {
     this.options = LegendStudioApplicationCoreOptions.create(
       input.configData.extensions?.core ?? {},
     );
+
+    if (this.options.ingestDeploymentConfig) {
+      validateIngestionDeploymentConfiguration(
+        this.options.ingestDeploymentConfig,
+      );
+    }
   }
 
   override getDefaultApplicationStorageKey(): string {

package/src/components/ElementIconUtils.tsx

@@ -45,6 +45,7 @@ import {
   LaunchIcon,
   LinkIcon,
   PURE_DataProductIcon,
+  PURE_IngestIcon,
 } from '@finos/legend-art';
 import { PACKAGEABLE_ELEMENT_TYPE } from '../stores/editor/utils/ModelClassifierUtils.js';
 
@@ -105,6 +106,8 @@ export const getElementTypeIcon = (
       return <PURE_GenerationSpecificationIcon />;
     case PACKAGEABLE_ELEMENT_TYPE.SNOWFLAKE_APP:
       return <PURE_SnowflakeAppIcon />;
+    case PACKAGEABLE_ELEMENT_TYPE.INGEST_DEFINITION:
+      return <PURE_IngestIcon />;
     default: {
       if (type) {
         const extraElementIconGetters = editorStore.pluginManager

package/src/components/LegendStudioWebApplication.tsx

@@ -42,6 +42,8 @@ import { LEGEND_STUDIO_DOCUMENTATION_KEY } from '../__lib__/LegendStudioDocument
 import { LazyTextEditor } from './lazy-text-editor/LazyTextEditor.js';
 import { PureCompatibilityTestManager } from './pct/PureCompatibilityTest.js';
 import { ShowcaseViewer } from './showcase/ShowcaseViewer.js';
+import { AuthProvider, type AuthProviderProps } from 'react-oidc-context';
+import type { User } from 'oidc-client-ts';
 
 const NotFoundPage = observer(() => {
   const applicationStore = useApplicationStore();
@@ -287,6 +289,33 @@ export const LegendStudioWebApplication = observer(
   (props: { baseUrl: string }) => {
     const { baseUrl } = props;
 
+    const applicationStore = useLegendStudioApplicationStore();
+    const oidcConfig =
+      applicationStore.config.options.ingestDeploymentConfig?.deployment
+        .oidcConfig;
+    if (oidcConfig) {
+      const onSigninCallback = (_user: User | undefined) => {
+        window.location.href = (_user?.state as string | undefined) ?? '/';
+      };
+
+      const mergedOIDCConfig: AuthProviderProps = {
+        ...oidcConfig.authProviderProps,
+        redirect_uri: `${window.location.origin}${oidcConfig.redirectPath}`,
+        silent_redirect_uri: `${window.location.origin}${oidcConfig.silentRedirectPath}`,
+        onSigninCallback,
+      };
+
+      return (
+        <AuthProvider {...mergedOIDCConfig}>
+          <BrowserEnvironmentProvider baseUrl={baseUrl}>
+            <LegendStudioFrameworkProvider>
+              <LegendStudioWebApplicationRouter />
+            </LegendStudioFrameworkProvider>
+          </BrowserEnvironmentProvider>
+        </AuthProvider>
+      );
+    }
+
     return (
       <BrowserEnvironmentProvider baseUrl={baseUrl}>
         <LegendStudioFrameworkProvider>

package/src/components/editor/Editor.tsx

@@ -35,7 +35,10 @@ import { GrammarTextEditor } from './editor-group/GrammarTextEditor.js';
 import { StatusBar } from './StatusBar.js';
 import { ActivityBar } from './ActivityBar.js';
 import { ShowcaseSideBar } from './ShowcaseSideBar.js';
-import type { WorkspaceEditorPathParams } from '../../__lib__/LegendStudioNavigation.js';
+import type {
+  StudioQueryParams,
+  WorkspaceEditorPathParams,
+} from '../../__lib__/LegendStudioNavigation.js';
 import { ProjectSearchCommand } from '../editor/command-center/ProjectSearchCommand.js';
 import { guaranteeNonNullable, isNonNullable } from '@finos/legend-shared';
 import { flowResult } from 'mobx';
@@ -70,6 +73,8 @@ export const Editor = withEditorStore(
       `Workspace/group workspace ID is not provided`,
     );
     const editorStore = useEditorStore();
+    const studioParams =
+      editorStore.applicationStore.navigationService.navigator.getCurrentLocationParameters<StudioQueryParams>();
     const applicationStore = useApplicationStore();
     const editable =
       editorStore.graphManagerState.graphBuildState.hasCompleted &&
@@ -146,8 +151,8 @@ export const Editor = withEditorStore(
 
     // initialize
     useEffect(() => {
-      editorStore.internalizeEntityPath(params);
-    }, [editorStore, params]);
+      editorStore.internalizeEntityPath(params, studioParams);
+    }, [editorStore, params, studioParams]);
 
     useEffect(() => {
       flowResult(

package/src/components/editor/editor-group/EditorGroup.tsx

@@ -90,6 +90,8 @@ import { HostedServiceFunctionActivatorEditorState } from '../../../stores/edito
 import { HostedServiceFunctionActivatorEditor } from './function-activator/HostedServiceFunctionActivatorEditor.js';
 import { DataProductEditorState } from '../../../stores/editor/editor-state/element-editor-state/dataProduct/DataProductEditorState.js';
 import { DataProductEditor } from './dataProduct/DataPoductEditor.js';
+import { IngestDefinitionEditorState } from '../../../stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.js';
+import { IngestDefinitionEditor } from './ingest-editor/IngestDefinitionEditor.js';
 
 export const ViewerEditorGroupSplashScreen: React.FC = () => {
   const commandListWidth = 300;
@@ -238,7 +240,6 @@ export const EditorGroup = observer(() => {
         .map((e) => e.name.toLowerCase())
         .includes(file.key.toLowerCase()),
   );
-
   const renderActiveElementTab = (): React.ReactNode => {
     if (currentTabState instanceof ElementEditorState) {
       const generationViewState = currentTabState.generationModeState;
@@ -274,6 +275,8 @@ export const EditorGroup = observer(() => {
             return <FunctionEditor key={currentTabState.uuid} />;
           } else if (currentTabState instanceof MappingEditorState) {
             return <MappingEditor key={currentTabState.uuid} />;
+          } else if (currentTabState instanceof IngestDefinitionEditorState) {
+            return <IngestDefinitionEditor key={currentTabState.uuid} />;
           } else if (currentTabState instanceof ServiceEditorState) {
             return <ServiceEditor key={currentTabState.uuid} />;
           } else if (currentTabState instanceof DataProductEditorState) {

package/src/components/editor/editor-group/function-activator/SnowflakeAppFunctionActivatorEditor.tsx

@@ -302,6 +302,17 @@ export const SnowflakeAppFunctionActivatorEditor = observer(() => {
               }
             />
           </PanelForm>
+          <PanelForm>
+            <PanelFormTextField
+              value={activator.deploymentSchema}
+              isReadOnly={isReadOnly}
+              name="Deployment Schema"
+              placeholder="Specify the deployment schema (optional)"
+              update={(value: string | undefined): void =>
+                editorState.updateDeploymentSchema(value)
+              }
+            />
+          </PanelForm>
           <PanelForm>
             <div className="panel__content__form__section">
               <div className="panel__content__form__section__header__label">

package/src/components/editor/editor-group/ingest-editor/IngestDefinitionEditor.tsx

@@ -0,0 +1,214 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { observer } from 'mobx-react-lite';
+import { useEditorStore } from '../../EditorStoreProvider.js';
+import {
+  Dialog,
+  Modal,
+  ModalBody,
+  ModalFooter,
+  ModalFooterButton,
+  ModalHeader,
+  ModalTitle,
+  PanelContent,
+  PanelHeader,
+  PanelHeaderActions,
+  RocketIcon,
+} from '@finos/legend-art';
+import {
+  generateUrlToDeployOnOpen,
+  IngestDefinitionEditorState,
+} from '../../../../stores/editor/editor-state/element-editor-state/ingest/IngestDefinitionEditorState.js';
+import { CodeEditor } from '@finos/legend-lego/code-editor';
+import { useEffect } from 'react';
+import { CODE_EDITOR_LANGUAGE } from '@finos/legend-code-editor';
+import { flowResult } from 'mobx';
+import { useAuth } from 'react-oidc-context';
+
+const IngestDepoymentModal = observer(
+  (props: { state: IngestDefinitionEditorState }) => {
+    const { state } = props;
+    const applicationStore = state.editorStore.applicationStore;
+    return (
+      <Dialog
+        open={state.deploymentState.isInProgress}
+        classes={{ container: 'search-modal__container' }}
+      >
+        <Modal
+          darkMode={
+            !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled
+          }
+          className="database-builder"
+        >
+          <ModalHeader>
+            <ModalTitle title="Deploy Ingestion" />
+          </ModalHeader>
+          <ModalBody>
+            <div>{state.deploymentState.message}</div>
+          </ModalBody>
+        </Modal>
+      </Dialog>
+    );
+  },
+);
+
+const IngestValidationError = observer(
+  (props: { state: IngestDefinitionEditorState }) => {
+    const { state } = props;
+    const applicationStore = state.editorStore.applicationStore;
+    const validationError = state.validationError;
+    if (!validationError) {
+      return null;
+    }
+    const closeModal = (): void => state.setValError(undefined);
+    return (
+      <Dialog
+        open={Boolean(state.validationError)}
+        classes={{
+          root: 'editor-modal__root-container',
+          container: 'editor-modal__container',
+          paper: 'editor-modal__content',
+        }}
+        onClose={closeModal}
+      >
+        <Modal
+          darkMode={
+            !applicationStore.layoutService.TEMPORARY__isLightColorThemeEnabled
+          }
+          className="editor-modal"
+        >
+          <ModalHeader>
+            <ModalTitle title="Validation Error" />
+          </ModalHeader>
+          <ModalBody>
+            <PanelContent>
+              <CodeEditor
+                inputValue={JSON.stringify(
+                  state.validationError ?? {},
+                  null,
+                  2,
+                )}
+                isReadOnly={true}
+                language={CODE_EDITOR_LANGUAGE.JSON}
+              />
+            </PanelContent>
+          </ModalBody>
+          <ModalFooter>
+            <ModalFooterButton
+              onClick={closeModal}
+              text="Close"
+              type="secondary"
+            />
+          </ModalFooter>
+        </Modal>
+      </Dialog>
+    );
+  },
+);
+
+export const IngestDefinitionEditor = observer(() => {
+  const editorStore = useEditorStore();
+  const ingestDefinitionEditorState =
+    editorStore.tabManagerState.getCurrentEditorState(
+      IngestDefinitionEditorState,
+    );
+  const ingestDef = ingestDefinitionEditorState.ingest;
+  const auth = useAuth();
+
+  const deployIngest = (): void => {
+    // Trigger OAuth flow if not authenticated
+    if (!auth.isAuthenticated) {
+      // remove this redirect if we move to do oauth at the beginning of opening studio
+      auth
+        .signinRedirect({
+          state: generateUrlToDeployOnOpen(ingestDefinitionEditorState),
+        })
+        .catch(editorStore.applicationStore.alertUnhandledError);
+      return;
+    }
+    // Use the token for deployment
+    const token = auth.user?.access_token;
+    if (token) {
+      flowResult(ingestDefinitionEditorState.deploy(token)).catch(
+        editorStore.applicationStore.alertUnhandledError,
+      );
+    } else {
+      editorStore.applicationStore.notificationService.notifyError(
+        'Authentication failed. No token available.',
+      );
+    }
+  };
+
+  const isValid = ingestDefinitionEditorState.validForDeployment;
+  useEffect(() => {
+    ingestDefinitionEditorState.generateElementGrammar();
+  }, [ingestDefinitionEditorState]);
+
+  useEffect(() => {
+    if (ingestDefinitionEditorState.deployOnOpen) {
+      flowResult(ingestDefinitionEditorState.init_with_deploy(auth)).catch(
+        editorStore.applicationStore.alertUnhandledError,
+      );
+    }
+  }, [
+    auth,
+    editorStore.applicationStore.alertUnhandledError,
+    ingestDefinitionEditorState,
+  ]);
+
+  return (
+    <div className="data-product-editor">
+      <PanelHeader
+        title="Ingest"
+        titleContent={ingestDef.name}
+        darkMode={true}
+        isReadOnly={true}
+      ></PanelHeader>
+      <PanelContent>
+        <PanelHeader title="deployment" darkMode={true}>
+          <PanelHeaderActions>
+            <div className="btn__dropdown-combo btn__dropdown-combo--primary">
+              <button
+                className="btn__dropdown-combo__label"
+                onClick={deployIngest}
+                title={ingestDefinitionEditorState.validationMessage}
+                tabIndex={-1}
+                disabled={!isValid}
+              >
+                <RocketIcon className="btn__dropdown-combo__label__icon" />
+                <div className="btn__dropdown-combo__label__title">Deploy</div>
+              </button>
+            </div>
+          </PanelHeaderActions>
+        </PanelHeader>
+        <PanelContent>
+          <CodeEditor
+            inputValue={ingestDefinitionEditorState.textContent}
+            isReadOnly={true}
+            language={CODE_EDITOR_LANGUAGE.PURE}
+          />
+        </PanelContent>
+        {ingestDefinitionEditorState.deploymentState.isInProgress && (
+          <IngestDepoymentModal state={ingestDefinitionEditorState} />
+        )}
+        {ingestDefinitionEditorState.validationError && (
+          <IngestValidationError state={ingestDefinitionEditorState} />
+        )}
+      </PanelContent>
+    </div>
+  );
+});

package/src/components/lazy-text-editor/LazyTextEditor.tsx

@@ -365,7 +365,7 @@ export const LazyTextEditor = withEditorStore(
 
     // initialize
     useEffect(() => {
-      editorStore.internalizeEntityPath(params);
+      editorStore.internalizeEntityPath(params, undefined);
     }, [editorStore, params]);
 
     useEffect(() => {

package/src/stores/editor/EditorGraphState.ts

@@ -91,6 +91,7 @@ import {
   GraphEntities,
   HostedService,
   DataProduct,
+  IngestDefinition,
 } from '@finos/legend-graph';
 import { CONFIGURATION_EDITOR_TAB } from './editor-state/project-configuration-editor-state/ProjectConfigurationEditorState.js';
 import { PACKAGEABLE_ELEMENT_TYPE } from './utils/ModelClassifierUtils.js';
@@ -857,6 +858,8 @@ export class EditorGraphState {
       return PACKAGEABLE_ELEMENT_TYPE.HOSTED_SERVICE;
     } else if (element instanceof DataProduct) {
       return PACKAGEABLE_ELEMENT_TYPE._DATA_PRODUCT;
+    } else if (element instanceof IngestDefinition) {
+      return PACKAGEABLE_ELEMENT_TYPE.INGEST_DEFINITION;
     }
     const extraElementTypeLabelGetters = this.editorStore.pluginManager
       .getApplicationPlugins()