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

feat: add dynamic metadata to components + search on sidebar (#3945)

Browse source 
* ✨ (frontend_node/base.py): add metadata attribute to store additional information for the component node

* ✨ (constants.py): add 'metadata' attribute to NODE_FORMAT_ATTRIBUTES list to include additional metadata information for nodes in the application.

* 📝 (attributes.py): add new function getattr_return_dict to return a dictionary if the value is of type dict, otherwise return an empty dictionary. Update ATTR_FUNC_MAPPING to include the new function for the "metadata" attribute.

* update basic examples

* 📝 (extraSidebarComponent/index.tsx): refactor handleSearchInput function to improve code readability and maintainability
🐛 (extraSidebarComponent/index.tsx): fix searchInMetadata function to correctly handle nested objects in metadata for search functionality

* 📝 (component.py): add _metadata attribute to CONFIG_ATTRIBUTES list to include it in the configuration attributes
This commit is contained in:
Cristhian Zanforlin Lousa 2024-09-27 12:19:35 -03:00 • committed by GitHub
commit 3ddd123b66
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 120 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -46,29 +46,48 @@ export default function ExtraSidebar(): JSX.Element {
event.dataTransfer.setDragImage(crt, 0, 0);
event.dataTransfer.setData("genericNode", JSON.stringify(data));
}
function normalizeString(str: string): string {
return str.toLowerCase().replace(/_/g, " ").replace(/\s+/g, "");
}
// Handle showing components after use search input
function searchInMetadata(metadata: any, searchTerm: string): boolean {
if (!metadata || typeof metadata !== "object") return false;
return Object.entries(metadata).some(([key, value]) => {
if (typeof value === "string") {
return (
normalizeString(key).includes(searchTerm) ||
normalizeString(value).includes(searchTerm)
);
}
if (typeof value === "object") {
return searchInMetadata(value, searchTerm);
}
return false;
});
}
function handleSearchInput(e: string) {
if (e === "") {
setFilterData(data);
return;
}
const searchTerm = normalizeString(e);
setFilterData((_) => {
let ret = {};
Object.keys(data).forEach((d: keyof APIObjectType, i) => {
let ret: APIObjectType = {};
Object.keys(data).forEach((d: keyof APIObjectType) => {
ret[d] = {};
let keys = Object.keys(data[d]).filter(
(nd) =>
normalizeString(nd).includes(normalizeString(e)) ||
normalizeString(data[d][nd].display_name).includes(
normalizeString(e),
) ||
normalizeString(d.toString()).includes(normalizeString(e)),
);
let keys = Object.keys(data[d]).filter((nd) => {
const item = data[d][nd];
return (
normalizeString(nd).includes(searchTerm) ||
normalizeString(item.display_name).includes(searchTerm) ||
normalizeString(d.toString()).includes(searchTerm) ||
(item.metadata && searchInMetadata(item.metadata, searchTerm))
);
});
keys.forEach((element) => {
ret[d][element] = data[d][element];
});