@finos/legend-application-studio 28.19.19 → 28.19.21

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

@@ -27,6 +27,10 @@ import {
   PURE_ConnectionIcon,
   CustomSelectorInput,
   createFilter,
+  ControlledDropdownMenu,
+  MenuContent,
+  MenuContentItem,
+  CaretDownIcon,
 } from '@finos/legend-art';
 import {
   type PackageableConnection,
@@ -45,6 +49,7 @@ import {
   buildRelationalDatabaseConnectionOption,
 } from '../connection-editor/RelationalDatabaseConnectionEditor.js';
 import { ActivatorOwnershipForm } from './ActivatorFormComponents.js';
+import { ActivatorArtifactViewer } from './ActivatorArtifactViewer.js';
 
 export const MemSQLFunctionActivatorEditor = observer(() => {
   const editorStore = useEditorStore();
@@ -115,6 +120,11 @@ export const MemSQLFunctionActivatorEditor = observer(() => {
       applicationStore.alertUnhandledError,
     );
   };
+  const renderArtifact = (): void => {
+    flowResult(editorState.renderArtifact()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  };
   const deploy = (): void => {
     flowResult(editorState.deployToSandbox()).catch(
       applicationStore.alertUnhandledError,
@@ -128,6 +138,7 @@ export const MemSQLFunctionActivatorEditor = observer(() => {
         <PanelLoadingIndicator
           isLoading={Boolean(
             editorState.validateState.isInProgress ||
+              editorState.renderArtifactState.isInProgress ||
               editorState.deployState.isInProgress,
           )}
         />
@@ -137,24 +148,54 @@ export const MemSQLFunctionActivatorEditor = observer(() => {
               Mem SQL Function
             </div>
             <div className="mem-sql-function-activator-editor__header__actions">
-              <button
-                className="mem-sql-function-activator-editor__header__actions__action mem-sql-function-activator-editor__header__actions__action--primary"
-                onClick={validate}
-                disabled={editorState.validateState.isInProgress}
-                tabIndex={-1}
-                title="Click Validate to verify your activator before deployment"
-              >
-                Validate
-              </button>
-              <button
-                className="mem-sql-function-activator-editor__header__actions__action mem-sql-function-activator-editor__header__actions__action--primary"
-                onClick={deploy}
-                disabled={editorState.deployState.isInProgress}
-                title="Deploy to sandbox"
-                tabIndex={-1}
-              >
-                Deploy to Sandbox
-              </button>
+              <div className="mem-sql-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="mem-sql-function-activator-editor__header__actions__action mem-sql-function-activator-editor__header__actions__action--primary"
+                  onClick={validate}
+                  disabled={editorState.validateState.isInProgress}
+                  tabIndex={-1}
+                  title="Click Validate to verify your activator before deployment"
+                >
+                  Validate
+                </button>
+                <ControlledDropdownMenu
+                  className="mem-sql-function-activator-editor__header__actions btn__dropdown-combo btn__dropdown-combo__dropdown-btn"
+                  title="activator-artifact-dropdown"
+                  content={
+                    <MenuContent>
+                      <MenuContentItem
+                        className="btn__dropdown-combo__option"
+                        onClick={renderArtifact}
+                      >
+                        Render Artifact
+                      </MenuContentItem>
+                    </MenuContent>
+                  }
+                  menuProps={{
+                    anchorOrigin: {
+                      vertical: 'bottom',
+                      horizontal: 'right',
+                    },
+                    transformOrigin: {
+                      vertical: 'top',
+                      horizontal: 'right',
+                    },
+                  }}
+                >
+                  <CaretDownIcon />
+                </ControlledDropdownMenu>
+              </div>
+              <div className="mem-sql-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="mem-sql-function-activator-editor__header__actions__action mem-sql-function-activator-editor__header__actions__action--primary"
+                  onClick={deploy}
+                  disabled={editorState.deployState.isInProgress}
+                  title="Deploy to sandbox"
+                  tabIndex={-1}
+                >
+                  Deploy to Sandbox
+                </button>
+              </div>
             </div>
           </div>
           <PanelForm>
@@ -262,6 +303,14 @@ export const MemSQLFunctionActivatorEditor = observer(() => {
               isReadOnly={isReadOnly}
             />
           </PanelForm>
+          <ActivatorArtifactViewer
+            artifact={editorState.artifact}
+            setArtifact={(value) => editorState.setArtifact(value)}
+            darkMode={
+              !applicationStore.layoutService
+                .TEMPORARY__isLightColorThemeEnabled
+            }
+          />
         </PanelContent>
       </Panel>
     </div>

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

@@ -28,6 +28,10 @@ import {
   CustomSelectorInput,
   createFilter,
   DataAccessIcon,
+  ControlledDropdownMenu,
+  MenuContent,
+  MenuContentItem,
+  CaretDownIcon,
 } from '@finos/legend-art';
 import {
   type PackageableConnection,
@@ -47,6 +51,7 @@ import {
   buildRelationalDatabaseConnectionOption,
 } from '../connection-editor/RelationalDatabaseConnectionEditor.js';
 import { ActivatorOwnershipForm } from './ActivatorFormComponents.js';
+import { ActivatorArtifactViewer } from './ActivatorArtifactViewer.js';
 
 export const SnowflakeAppFunctionActivatorEditor = observer(() => {
   const editorStore = useEditorStore();
@@ -133,6 +138,11 @@ export const SnowflakeAppFunctionActivatorEditor = observer(() => {
       applicationStore.alertUnhandledError,
     );
   };
+  const renderArtifact = (): void => {
+    flowResult(editorState.renderArtifact()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  };
   const deploy = (): void => {
     flowResult(editorState.deployToSandbox()).catch(
       applicationStore.alertUnhandledError,
@@ -146,6 +156,7 @@ export const SnowflakeAppFunctionActivatorEditor = observer(() => {
         <PanelLoadingIndicator
           isLoading={Boolean(
             editorState.validateState.isInProgress ||
+              editorState.renderArtifactState.isInProgress ||
               editorState.deployState.isInProgress,
           )}
         />
@@ -155,24 +166,55 @@ export const SnowflakeAppFunctionActivatorEditor = observer(() => {
               Snowflake Activator Metadata
             </div>
             <div className="snowflake-app-function-activator-editor__header__actions">
-              <button
-                className="snowflake-app-function-activator-editor__header__actions__action snowflake-app-function-activator-editor__header__actions__action--primary"
-                onClick={validate}
-                disabled={editorState.validateState.isInProgress}
-                tabIndex={-1}
-                title="Click Validate to verify your activator before deployment"
-              >
-                Validate
-              </button>
-              <button
-                className="snowflake-app-function-activator-editor__header__actions__action snowflake-app-function-activator-editor__header__actions__action--primary"
-                onClick={deploy}
-                disabled={editorState.deployState.isInProgress}
-                title="Deploy to sandbox"
-                tabIndex={-1}
-              >
-                Deploy to Sandbox
-              </button>
+              <div className="snowflake-app-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="snowflake-app-function-activator-editor__header__actions__action snowflake-app-function-activator-editor__header__actions__action--primary"
+                  onClick={validate}
+                  disabled={editorState.validateState.isInProgress}
+                  tabIndex={-1}
+                  title="Click Validate to verify your activator before deployment"
+                >
+                  Validate
+                </button>
+                <ControlledDropdownMenu
+                  className="snowflake-app-function-activator-editor__header__actions btn__dropdown-combo btn__dropdown-combo__dropdown-btn"
+                  title="activator-artifact-dropdown"
+                  content={
+                    <MenuContent>
+                      <MenuContentItem
+                        className="btn__dropdown-combo__option"
+                        onClick={renderArtifact}
+                        title="Render artifact"
+                      >
+                        Render Artifact
+                      </MenuContentItem>
+                    </MenuContent>
+                  }
+                  menuProps={{
+                    anchorOrigin: {
+                      vertical: 'bottom',
+                      horizontal: 'right',
+                    },
+                    transformOrigin: {
+                      vertical: 'top',
+                      horizontal: 'right',
+                    },
+                  }}
+                >
+                  <CaretDownIcon />
+                </ControlledDropdownMenu>
+              </div>
+              <div className="snowflake-app-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="snowflake-app-function-activator-editor__header__actions__action snowflake-app-function-activator-editor__header__actions__action--primary"
+                  onClick={deploy}
+                  disabled={editorState.deployState.isInProgress}
+                  title="Deploy to sandbox"
+                  tabIndex={-1}
+                >
+                  Deploy to Sandbox
+                </button>
+              </div>
             </div>
           </div>
           <PanelForm>
@@ -334,6 +376,14 @@ export const SnowflakeAppFunctionActivatorEditor = observer(() => {
               isReadOnly={isReadOnly}
             />
           </PanelForm>
+          <ActivatorArtifactViewer
+            artifact={editorState.artifact}
+            setArtifact={(value) => editorState.setArtifact(value)}
+            darkMode={
+              !applicationStore.layoutService
+                .TEMPORARY__isLightColorThemeEnabled
+            }
+          />
         </PanelContent>
       </Panel>
     </div>

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

@@ -27,6 +27,10 @@ import {
   PURE_ConnectionIcon,
   CustomSelectorInput,
   createFilter,
+  ControlledDropdownMenu,
+  MenuContent,
+  MenuContentItem,
+  CaretDownIcon,
 } from '@finos/legend-art';
 import {
   type PackageableConnection,
@@ -45,6 +49,7 @@ import {
   buildRelationalDatabaseConnectionOption,
 } from '../connection-editor/RelationalDatabaseConnectionEditor.js';
 import { ActivatorOwnershipForm } from './ActivatorFormComponents.js';
+import { ActivatorArtifactViewer } from './ActivatorArtifactViewer.js';
 
 export const SnowflakeM2MUdfFunctionActivatorEditor = observer(() => {
   const editorStore = useEditorStore();
@@ -115,6 +120,11 @@ export const SnowflakeM2MUdfFunctionActivatorEditor = observer(() => {
       applicationStore.alertUnhandledError,
     );
   };
+  const renderArtifact = (): void => {
+    flowResult(editorState.renderArtifact()).catch(
+      applicationStore.alertUnhandledError,
+    );
+  };
   const deploy = (): void => {
     flowResult(editorState.deployToSandbox()).catch(
       applicationStore.alertUnhandledError,
@@ -128,6 +138,7 @@ export const SnowflakeM2MUdfFunctionActivatorEditor = observer(() => {
         <PanelLoadingIndicator
           isLoading={Boolean(
             editorState.validateState.isInProgress ||
+              editorState.renderArtifactState.isInProgress ||
               editorState.deployState.isInProgress,
           )}
         />
@@ -137,24 +148,54 @@ export const SnowflakeM2MUdfFunctionActivatorEditor = observer(() => {
               SnowflakeM2MUdf Activator Metadata
             </div>
             <div className="snowflake-m2m-udf-function-activator-editor__header__actions">
-              <button
-                className="snowflake-m2m-udf-function-activator-editor__header__actions__action snowflake-m2m-udf-function-activator-editor__header__actions__action--primary"
-                onClick={validate}
-                disabled={editorState.validateState.isInProgress}
-                tabIndex={-1}
-                title="Click Validate to verify your activator before deployment"
-              >
-                Validate
-              </button>
-              <button
-                className="snowflake-m2m-udf-function-activator-editor__header__actions__action snowflake-m2m-udf-function-activator-editor__header__actions__action--primary"
-                onClick={deploy}
-                disabled={editorState.deployState.isInProgress}
-                title="Deploy to sandbox"
-                tabIndex={-1}
-              >
-                Deploy to Sandbox
-              </button>
+              <div className="snowflake-m2m-udf-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="snowflake-m2m-udf-function-activator-editor__header__actions__action snowflake-m2m-udf-function-activator-editor__header__actions__action--primary"
+                  onClick={validate}
+                  disabled={editorState.validateState.isInProgress}
+                  tabIndex={-1}
+                  title="Click Validate to verify your activator before deployment"
+                >
+                  Validate
+                </button>
+                <ControlledDropdownMenu
+                  className="snowflake-m2m-udf-function-activator-editor__header__actions btn__dropdown-combo btn__dropdown-combo__dropdown-btn"
+                  title="activator-artifact-dropdown"
+                  content={
+                    <MenuContent>
+                      <MenuContentItem
+                        className="btn__dropdown-combo__option"
+                        onClick={renderArtifact}
+                      >
+                        Render Artifact
+                      </MenuContentItem>
+                    </MenuContent>
+                  }
+                  menuProps={{
+                    anchorOrigin: {
+                      vertical: 'bottom',
+                      horizontal: 'right',
+                    },
+                    transformOrigin: {
+                      vertical: 'top',
+                      horizontal: 'right',
+                    },
+                  }}
+                >
+                  <CaretDownIcon />
+                </ControlledDropdownMenu>
+              </div>
+              <div className="snowflake-m2m-udf-function-activator-editor__header__actions btn__dropdown-combo--primary">
+                <button
+                  className="snowflake-m2m-udf-function-activator-editor__header__actions__action snowflake-m2m-udf-function-activator-editor__header__actions__action--primary"
+                  onClick={deploy}
+                  disabled={editorState.deployState.isInProgress}
+                  title="Deploy to sandbox"
+                  tabIndex={-1}
+                >
+                  Deploy to Sandbox
+                </button>
+              </div>
             </div>
           </div>
           <PanelForm>
@@ -284,6 +325,14 @@ export const SnowflakeM2MUdfFunctionActivatorEditor = observer(() => {
               isReadOnly={isReadOnly}
             />
           </PanelForm>
+          <ActivatorArtifactViewer
+            artifact={editorState.artifact}
+            setArtifact={(value) => editorState.setArtifact(value)}
+            darkMode={
+              !applicationStore.layoutService
+                .TEMPORARY__isLightColorThemeEnabled
+            }
+          />
         </PanelContent>
       </Panel>
     </div>

package/src/stores/editor/editor-state/element-editor-state/dataProduct/DataProductEditorState.ts

@@ -120,6 +120,10 @@ export class AccessPointLambdaEditorState extends LambdaEditorState {
     return this.val.accessPoint.id;
   }
 
+  override get fullLambdaString(): string {
+    return `${this.lambdaString}`;
+  }
+
   *convertLambdaGrammarStringToObject(): GeneratorFn<void> {
     const emptyLambda = stub_RawLambda();
     if (this.lambdaString) {
@@ -431,9 +435,16 @@ export class DataProductEditorState extends ElementEditorState {
           )) as Map<string, string>;
         isolatedLambdas.forEach((grammarText, key) => {
           const purePropertyMapping = index.get(key);
-          purePropertyMapping?.lambdaState.setLambdaString(
-            purePropertyMapping.lambdaState.extractLambdaString(grammarText),
-          );
+          if (
+            purePropertyMapping?.lambdaState.lambdaPrefix &&
+            grammarText.startsWith(purePropertyMapping.lambdaState.lambdaPrefix)
+          ) {
+            purePropertyMapping.lambdaState.setLambdaString(
+              purePropertyMapping.lambdaState.extractLambdaString(grammarText),
+            );
+          } else {
+            purePropertyMapping?.lambdaState.setLambdaString(grammarText);
+          }
         });
       } catch (error) {
         assertErrorThrown(error);

package/src/stores/editor/editor-state/element-editor-state/function-activator/HostedServiceFunctionActivatorEditorState.ts

@@ -69,10 +69,12 @@ export type HostedServiceOwnerOption = {
 
 export class HostedServiceFunctionActivatorEditorState extends ElementEditorState {
   readonly validateState = ActionState.create();
+  readonly renderArtifactState = ActionState.create();
   readonly deployState = ActionState.create();
 
   selectedTab: ACTIVATOR_EDITOR_TAB;
   selectedAction: PostDeploymentAction | undefined;
+  artifact: PlainObject | undefined;
 
   constructor(editorStore: EditorStore, element: HostedService) {
     super(editorStore, element);
@@ -86,6 +88,9 @@ export class HostedServiceFunctionActivatorEditorState extends ElementEditorStat
       selectedOwnership: computed,
       storeModel: action,
       validate: flow,
+      renderArtifact: flow,
+      artifact: observable,
+      setArtifact: action,
       deployToSandbox: flow,
       searchUsers: flow,
       selectedTab: observable,
@@ -172,6 +177,10 @@ export class HostedServiceFunctionActivatorEditorState extends ElementEditorStat
     }
   }
 
+  setArtifact(newArtifact: PlainObject | undefined): void {
+    this.artifact = newArtifact;
+  }
+
   *validate(): GeneratorFn<void> {
     this.validateState.inProgress();
     try {
@@ -190,6 +199,23 @@ export class HostedServiceFunctionActivatorEditorState extends ElementEditorStat
     }
   }
 
+  *renderArtifact(): GeneratorFn<void> {
+    this.renderArtifactState.inProgress();
+    try {
+      const artifact =
+        (yield this.editorStore.graphManagerState.graphManager.renderFunctionActivatorArtifact(
+          this.activator,
+          new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+        )) as PlainObject;
+      this.artifact = artifact;
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.renderArtifactState.complete();
+    }
+  }
+
   *deployToSandbox(): GeneratorFn<void> {
     this.deployState.inProgress();
     try {

package/src/stores/editor/editor-state/element-editor-state/function-activator/INTERNAL__UnknownFunctionActivatorEditorState.ts

@@ -21,7 +21,7 @@ import {
 } from '@finos/legend-graph';
 import type { EditorStore } from '../../../EditorStore.js';
 import { ElementEditorState } from '../ElementEditorState.js';
-import { action, flow, makeObservable } from 'mobx';
+import { action, flow, makeObservable, observable } from 'mobx';
 import {
   ActionState,
   assertErrorThrown,
@@ -35,8 +35,10 @@ import { FUNCTION_ACTIVATOR_EXCLUDED_PATHS } from '../ToDelete_FunctionActivator
 export class INTERNAL__UnknownFunctionActivatorEdtiorState extends ElementEditorState {
   readonly activator: INTERNAL__UnknownFunctionActivator;
   readonly validateState = ActionState.create();
+  readonly renderArtifactState = ActionState.create();
   readonly publishToSandboxState = ActionState.create();
   protocolValueBuilderState?: ProtocolValueBuilderState | undefined;
+  artifact: PlainObject | undefined;
 
   constructor(
     editorStore: EditorStore,
@@ -47,6 +49,9 @@ export class INTERNAL__UnknownFunctionActivatorEdtiorState extends ElementEditor
     makeObservable(this, {
       reprocess: action,
       validate: flow,
+      renderArtifact: flow,
+      artifact: observable,
+      setArtifact: action,
       publishToSandbox: flow,
     });
 
@@ -88,6 +93,10 @@ export class INTERNAL__UnknownFunctionActivatorEdtiorState extends ElementEditor
       : undefined;
   }
 
+  setArtifact(newArtifact: PlainObject | undefined): void {
+    this.artifact = newArtifact;
+  }
+
   *validate(): GeneratorFn<void> {
     this.validateState.inProgress();
     try {
@@ -106,6 +115,23 @@ export class INTERNAL__UnknownFunctionActivatorEdtiorState extends ElementEditor
     }
   }
 
+  *renderArtifact(): GeneratorFn<void> {
+    this.renderArtifactState.inProgress();
+    try {
+      const artifact =
+        (yield this.editorStore.graphManagerState.graphManager.renderFunctionActivatorArtifact(
+          this.activator,
+          new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+        )) as PlainObject;
+      this.artifact = artifact;
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.renderArtifactState.complete();
+    }
+  }
+
   *publishToSandbox(): GeneratorFn<void> {
     this.publishToSandboxState.inProgress();
     try {

package/src/stores/editor/editor-state/element-editor-state/function-activator/MemSQLFunctionActivatorEditorState.ts

@@ -27,18 +27,22 @@ import {
 } from '@finos/legend-graph';
 import {
   type GeneratorFn,
+  type PlainObject,
   ActionState,
   assertErrorThrown,
   guaranteeType,
 } from '@finos/legend-shared';
-import { makeObservable, action, flow, computed } from 'mobx';
+import { makeObservable, action, flow, computed, observable } from 'mobx';
 import type { EditorStore } from '../../../EditorStore.js';
 import { ElementEditorState } from '../ElementEditorState.js';
 
 export class MemSQLFunctionActivatorEditorState extends ElementEditorState {
   readonly validateState = ActionState.create();
+  readonly renderArtifactState = ActionState.create();
   readonly deployState = ActionState.create();
 
+  artifact: PlainObject | undefined;
+
   constructor(editorStore: EditorStore, element: MemSQLFunction) {
     super(editorStore, element);
 
@@ -50,6 +54,9 @@ export class MemSQLFunctionActivatorEditorState extends ElementEditorState {
       updateApplicationName: action,
       updateConnection: action,
       validate: flow,
+      renderArtifact: flow,
+      artifact: observable,
+      setArtifact: action,
       deployToSandbox: flow,
     });
   }
@@ -85,6 +92,10 @@ export class MemSQLFunctionActivatorEditorState extends ElementEditorState {
     this.activator.description = val;
   }
 
+  setArtifact(newArtifact: PlainObject | undefined): void {
+    this.artifact = newArtifact;
+  }
+
   *validate(): GeneratorFn<void> {
     this.validateState.inProgress();
     try {
@@ -103,6 +114,23 @@ export class MemSQLFunctionActivatorEditorState extends ElementEditorState {
     }
   }
 
+  *renderArtifact(): GeneratorFn<void> {
+    this.renderArtifactState.inProgress();
+    try {
+      const artifact =
+        (yield this.editorStore.graphManagerState.graphManager.renderFunctionActivatorArtifact(
+          this.activator,
+          new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+        )) as PlainObject;
+      this.artifact = artifact;
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.renderArtifactState.complete();
+    }
+  }
+
   *deployToSandbox(): GeneratorFn<void> {
     this.deployState.inProgress();
     try {

package/src/stores/editor/editor-state/element-editor-state/function-activator/SnowflakeAppFunctionActivatorEditorState.ts

@@ -28,11 +28,12 @@ import {
 } from '@finos/legend-graph';
 import {
   type GeneratorFn,
+  type PlainObject,
   ActionState,
   assertErrorThrown,
   guaranteeType,
 } from '@finos/legend-shared';
-import { makeObservable, action, flow, computed } from 'mobx';
+import { makeObservable, action, flow, computed, observable } from 'mobx';
 import type { EditorStore } from '../../../EditorStore.js';
 import { ElementEditorState } from '../ElementEditorState.js';
 import {
@@ -42,8 +43,11 @@ import {
 
 export class SnowflakeAppFunctionActivatorEdtiorState extends ElementEditorState {
   readonly validateState = ActionState.create();
+  readonly renderArtifactState = ActionState.create();
   readonly deployState = ActionState.create();
 
+  artifact: PlainObject | undefined;
+
   constructor(editorStore: EditorStore, element: SnowflakeApp) {
     super(editorStore, element);
 
@@ -58,6 +62,9 @@ export class SnowflakeAppFunctionActivatorEdtiorState extends ElementEditorState
       updateApplicationName: action,
       updateConnection: action,
       validate: flow,
+      renderArtifact: flow,
+      artifact: observable,
+      setArtifact: action,
       deployToSandbox: flow,
     });
   }
@@ -105,6 +112,10 @@ export class SnowflakeAppFunctionActivatorEdtiorState extends ElementEditorState
     this.activator.description = val;
   }
 
+  setArtifact(newArtifact: PlainObject | undefined): void {
+    this.artifact = newArtifact;
+  }
+
   *validate(): GeneratorFn<void> {
     this.validateState.inProgress();
     try {
@@ -123,6 +134,23 @@ export class SnowflakeAppFunctionActivatorEdtiorState extends ElementEditorState
     }
   }
 
+  *renderArtifact(): GeneratorFn<void> {
+    this.renderArtifactState.inProgress();
+    try {
+      const artifact =
+        (yield this.editorStore.graphManagerState.graphManager.renderFunctionActivatorArtifact(
+          this.activator,
+          new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+        )) as PlainObject;
+      this.artifact = artifact;
+    } catch (error) {
+      assertErrorThrown(error);
+      this.editorStore.applicationStore.notificationService.notifyError(error);
+    } finally {
+      this.renderArtifactState.complete();
+    }
+  }
+
   *deployToSandbox(): GeneratorFn<void> {
     this.deployState.inProgress();
     try {