jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat(types/api): add 'dynamic' and 'proxy' properties to TemplateVariableType to support dynamic and proxy fields in templates

Browse source 
feat(utils/reactflowUtils): add 'toTitleCase' function to convert strings to title case

refactor(utils/reactflowUtils): update function names and comments

refactor(utils/reactflowUtils): update 'updateGroupNodeTemplate' function to handle 'dynamic' property

refactor(utils/reactflowUtils): update 'mergeNodeTemplates' function to handle 'display_name' and 'dynamic' properties

refactor(utils/reactflowUtils): update 'isHandleConnected' function to handle 'proxy' property

refactor(utils/reactflowUtils): update 'generateNodeFromFlow' function to set 'type' as 'genericNode' instead of 'groupNode'
This commit is contained in:
anovazzi1 2023-09-12 18:15:32 -03:00
commit e4471886e4
2 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/types/api/index.ts
View file

@ -29,6 +29,8 @@ export type TemplateVariableType = {
show: boolean;
multiline?: boolean;
value?: any;
dynamic?:boolean;
proxy?:{id:string,field:string}
input_types?: Array<string>;
[key: string]: any;
};

32
src/frontend/src/utils/reactflowUtils.ts
View file

@ -23,7 +23,7 @@ import {
unselectAllNodesType,
updateEdgesHandleIdsType,
} from "../types/utils/reactflowUtils";
import { toNormalCase } from "./utils";
import { toNormalCase, toTitleCase } from "./utils";
import ShortUniqueId from "short-unique-id";
const uid = new ShortUniqueId({ length: 5 });
@ -517,7 +517,6 @@ export function validateSelection(
}
return errorsArray;
}
// TODO UPDATE TO NEW TYPES
function updateGroupNodeTemplate(template: APITemplateType) {
/*this function receives a template, iterates for it's items
updating the visibility of all basic types setting it to advanced true*/
@ -535,11 +534,14 @@ function updateGroupNodeTemplate(template: APITemplateType) {
!template[key].required && !input_types
) {
template[key].advanced = true;
if(template[key].dynamic)
{
template[key].dynamic = false
}
}
});
return template;
}
// TODO UPDATE TO NEW HANDLE FORMAT
export function mergeNodeTemplates({
nodes,
edges,
@ -547,7 +549,7 @@ export function mergeNodeTemplates({
nodes: NodeType[];
edges: Edge[];
}): APITemplateType {
/* this function receives a flow and iterate trhow each node
/* this function receives a flow and iterate throw each node
and merge the templates with only the visible fields
if there are two keys with the same name in the flow, we will update the display name of each one
to show from which node it came from
@ -569,14 +571,17 @@ export function mergeNodeTemplates({
node.data.node!.flow!.name + " - " + nodeTemplate[key].name;
} else {
template[key + "_" + node.id].display_name =
node.data.type + " - " + nodeTemplate[key].name;
node.data.node!.display_name + " - " + (nodeTemplate[key].display_name
? nodeTemplate[key].display_name
: nodeTemplate[key].name
? toTitleCase(nodeTemplate[key].name)
: toTitleCase(key))
}
}
});
});
return template;
}
// TODO UPDATE TO NEW HANDLE FORMAT
function isHandleConnected(
edges: Edge[],
key: string,
@ -591,23 +596,14 @@ function isHandleConnected(
edges.some(
(e) =>
e.targetHandle ===
field.type +
"|" +
key +
"|" +
nodeId +
"|" +
field.proxy.id +
"|" +
field.proxy.field
)
customStringify({type:field.type,fieldName:key,id:nodeId,proxy:{id:field.proxy!.id,field:field.proxy!.field}}) )
) {
return true;
}
} else {
if (
edges.some(
(e) => e.targetHandle === field.type + "|" + key + "|" + nodeId
(e) => e.targetHandle === customStringify({type:field.type,fieldName:key,id:nodeId})
)
) {
return true;
@ -650,7 +646,7 @@ export function generateNodeFromFlow(flow: FlowType): NodeType {
},
id: data.id,
position,
type: "groupNode",
type: "genericNode",
};
return newGroupNode;
}