User Story: Present input node endpoint

.helm/templates/editor.deployment.yaml

@@ -42,3 +42,5 @@ spec:
               value: {{ .Values.auth.identity.clientId }}
             - name: IDENTITY_SERVER_CLIENT_SECRET
               value: {{ .Values.auth.identity.clientSecret }}
+            - name: NEXT_PUBLIC_EXECUTOR_BASE_URL
+              value: {{ .Values.executor.baseUrl }}

.helm/values-prod.yaml

@@ -4,6 +4,8 @@ env:
   ASPNETCORE_ENVIRONMENT: Production
 services:
   database: flooq-prod-postgresql
+executor:
+  baseUrl: https://executor.flooq.io
 auth:
   next:
     url: https://editor.flooq.io

.helm/values-staging.yaml

@@ -4,6 +4,8 @@ env:
   ASPNETCORE_ENVIRONMENT: Development
 services:
   database: flooq-staging-postgresql
+executor:
+  baseUrl: https://executor-staging.flooq.io
 auth:
   next:
     url: https://editor-staging.flooq.io

.helm/values.yaml

@@ -4,6 +4,8 @@ env:
   ASPNETCORE_ENVIRONMENT: Development
 services:
   database: flooq-postgresql # name of the database pod
+executor:
+  baseUrl: http://localhost:3500 # url of executor
 auth:
   github:
     clientId: <EMPTY> # client id to authenticate with github

src/editor/.env

@@ -2,6 +2,7 @@ BASE_URL=http://localhost:3000
 API_BASE_URL=https://api-staging.flooq.io
 NEXTAUTH_URL=http://localhost:3000
 NEXTAUTH_SECRET=secret
+NEXT_PUBLIC_EXECUTOR_BASE_URL=https://executor-staging.flooq.io
 IDENTITY_SERVER_ISSUER=https://identity-staging.flooq.io
 IDENTITY_SERVER_CLIENT_ID=web
 IDENTITY_SERVER_CLIENT_SECRET=

src/editor/components/flow/new-node-dialog.tsx

@@ -7,20 +7,28 @@ interface AddNodeDialogProps {
   isAddNodeOpen: boolean,
   setIsAddNodeOpen( value: boolean ): void
   nodes: any
+  dataFlowId: string
   setNodes( value: any ): void
 }
 
 export const AddNodeDialog = ( {
   isAddNodeOpen,
   setIsAddNodeOpen,
   nodes,
+  dataFlowId,
   setNodes
 }: AddNodeDialogProps ): JSX.Element => {
 
   const addNode = ( newNode: ReactFlowNode ): void => {
     setNodes( [
       ...nodes,
-      newNode
+      {
+        ...newNode,
+        data: {
+          ...newNode.data,
+          dataFlowId: dataFlowId
+        }
+      }
     ] )
     setIsAddNodeOpen( false )
   }

src/editor/components/graph/http-input-node.tsx

@@ -25,7 +25,7 @@ export const HttpInputNode: FC<FlooqNode> = ( { id, data, ...rest } ) => {
       <div className="p-2 flex flex-col gap-3">
         <Input
           label="Endpoint"
-          value={data.params.url}
+          value={`${process.env.NEXT_PUBLIC_EXECUTOR_BASE_URL}/flow/${data.dataFlowId}`}
           disabled={true}
         />
         <Select
@@ -43,4 +43,3 @@ export const HttpInputNode: FC<FlooqNode> = ( { id, data, ...rest } ) => {
     </Node>
   )
 }
-

src/editor/components/graph/node.tsx

@@ -7,7 +7,8 @@ type NodeData = {
   outgoingHandles: any[],
   incomingHandles: any[],
   params?: any,
-  canAddTargetHandle?: boolean;
+  canAddTargetHandle?: boolean,
+  dataFlowId?: string,
   onAddedTargetHandle?: ( e: any ) => void
 };
 

src/editor/pages/flows/[id].tsx

@@ -140,6 +140,7 @@ const DataFlowOverview = ( { dataFlow }: any ): JSX.Element => {
         isAddNodeOpen={isAddNodeOpen}
         setIsAddNodeOpen={setIsAddNodeOpen}
         nodes={nodes}
+        dataFlowId={flow.id}
         setNodes={setNodes}
       />