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

refactor(reactflowUtils.ts): import additional utility functions and update function calls to match new function names

Browse source 
fix(reactflowUtils.ts): update mergeNodeTemplates function to include truncated display name and extracted id in template key
feat(utils.ts): add utility functions to extract id from long id and truncate display name
This commit is contained in:
anovazzi1 2023-09-18 18:43:15 -03:00
commit c61f622612
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -25,7 +25,7 @@ import {
unselectAllNodesType, unselectAllNodesType,
updateEdgesHandleIdsType, updateEdgesHandleIdsType,
} from "../types/utils/reactflowUtils"; } from "../types/utils/reactflowUtils";
import { toNormalCase, toTitleCase, truncateLongId } from "./utils"; import { extractIdFromLongId, toNormalCase, toTitleCase, truncateDisplayName, truncateLongId } from "./utils";
const uid = new ShortUniqueId({ length: 5 }); const uid = new ShortUniqueId({ length: 5 });
export function cleanEdges({ export function cleanEdges({
@ -567,13 +567,12 @@ export function mergeNodeTemplates({
} else { } else {
template[key + "_" + node.id].display_name = template[key + "_" + node.id].display_name =
//data id already has the node name on it //data id already has the node name on it
truncateLongId(node.data.id) + (nodeTemplate[key].display_name
" - " + ? nodeTemplate[key].display_name
(nodeTemplate[key].display_name : nodeTemplate[key].name
? nodeTemplate[key].display_name ? toTitleCase(nodeTemplate[key].name)
: nodeTemplate[key].name : toTitleCase(key)) + " - "+ truncateDisplayName(node.data.node?.display_name!) +"-" +
? toTitleCase(nodeTemplate[key].name) extractIdFromLongId(node.data.id)
: toTitleCase(key));
} }
} }
}); });

13
src/frontend/src/utils/utils.ts
View file

@ -439,6 +439,19 @@ export function truncateLongId(id: string): string {
return id; return id;
} }
export function extractIdFromLongId(id: string): string {
let [_,newId] = id.split("-");
return newId;
}
export function truncateDisplayName(name: string): string {
if (name.length>15){
name = name.slice(0,10);
name += "...";
}
return name;
}
export function tabsArray(codes: string[], method: number) { export function tabsArray(codes: string[], method: number) {
if (!method) return; if (!method) return;
if (method === 0) { if (method === 0) {