{ "id": "b00c375e-c858-42b5-a352-561d3f40bd15", "data": { "nodes": [ { "id": "CustomComponent-aF0h1", "type": "genericNode", "position": { "x": 888.0012384532345, "y": 272.41352212880344 }, "data": { "type": "CustomComponent", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "# from langflow.field_typing import Data\nfrom langflow.custom import Component\nfrom langflow.io import StrInput\nfrom langflow.schema import Data\nfrom langflow.io import Output\nfrom pathlib import Path\nimport aiofiles\n\nclass CustomComponent(Component):\n display_name = \"Async Component\"\n description = \"Use as a template to create your own component.\"\n documentation: str = \"http://docs.langflow.org/components/custom\"\n icon = \"custom_components\"\n\n inputs = [\n StrInput(name=\"input_value\", display_name=\"Input Value\", value=\"Hello, World!\", input_types=[\"Data\"]),\n ]\n\n outputs = [\n Output(display_name=\"Output\", name=\"output\", method=\"build_output\"),\n ]\n\n async def build_output(self) -> Data:\n if isinstance(self.input_value, Data):\n data = self.input_value\n else:\n data = Data(value=self.input_value)\n \n if \"path\" in data:\n path = self.resolve_path(data.path)\n path_obj = Path(path)\n async with aiofiles.open(path, \"w\") as f:\n await f.write(data.model_dump())\n \n self.status = data\n return data", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "Hello, World!", "name": "input_value", "display_name": "Input Value", "advanced": false, "input_types": [ "Data" ], "dynamic": false, "info": "", "title_case": false, "type": "str" } }, "description": "Use as a template to create your own component.", "icon": "custom_components", "base_classes": [ "Data" ], "display_name": "Custom Component", "documentation": "http://docs.langflow.org/components/custom", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Data" ], "selected": "Data", "name": "output", "display_name": "Output", "method": "build_output", "value": "__UNDEFINED__", "cache": true, "hidden": false } ], "field_order": [ "input_value" ], "beta": false, "edited": false }, "id": "CustomComponent-aF0h1", "description": "Use as a template to create your own component.", "display_name": "Custom Component" }, "selected": false, "width": 384, "height": 337, "positionAbsolute": { "x": 888.0012384532345, "y": 272.41352212880344 }, "dragging": false }, { "id": "Webhook-BeRcd", "type": "genericNode", "position": { "x": 418, "y": 270.2890625 }, "data": { "type": "Webhook", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "import json\n\nfrom langflow.custom import Component\nfrom langflow.io import MultilineInput, Output\nfrom langflow.schema import Data\n\n\nclass WebhookComponent(Component):\n display_name = \"Webhook Input\"\n description = \"Defines a webhook input for the flow.\"\n name = \"Webhook\"\n\n inputs = [\n MultilineInput(\n name=\"data\",\n display_name=\"Data\",\n info=\"Use this field to quickly test the webhook component by providing a JSON payload.\",\n )\n ]\n outputs = [\n Output(display_name=\"Data\", name=\"output_data\", method=\"build_data\"),\n ]\n\n def build_data(self) -> Data:\n message: str | Data = \"\"\n if not self.data:\n self.status = \"No data provided.\"\n return Data(data={})\n try:\n body = json.loads(self.data or \"{}\")\n except json.JSONDecodeError:\n body = {\"payload\": self.data}\n message = f\"Invalid JSON payload. Please check the format.\\n\\n{self.data}\"\n data = Data(data=body)\n if not message:\n message = data\n self.status = message\n return data\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "data": { "trace_as_input": true, "multiline": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "{\"test\":1}", "name": "data", "display_name": "Data", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Use this field to quickly test the webhook component by providing a JSON payload.", "title_case": false, "type": "str" } }, "description": "Defines a webhook input for the flow.", "base_classes": [ "Data" ], "display_name": "Webhook Input", "documentation": "", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Data" ], "selected": "Data", "name": "output_data", "display_name": "Data", "method": "build_data", "value": "__UNDEFINED__", "cache": true, "hidden": false } ], "field_order": [ "data" ], "beta": false, "edited": false }, "id": "Webhook-BeRcd", "description": "Defines a webhook input for the flow.", "display_name": "Webhook Input" }, "selected": false, "width": 384, "height": 309, "dragging": true, "positionAbsolute": { "x": 418, "y": 270.2890625 } }, { "id": "ChatInput-QivBB", "type": "genericNode", "position": { "x": 419.7235078147726, "y": 646.9863203129902 }, "data": { "type": "ChatInput", "node": { "template": { "_type": "Component", "files": { "trace_as_metadata": true, "file_path": "", "fileTypes": [ "txt", "md", "mdx", "csv", "json", "yaml", "yml", "xml", "html", "htm", "pdf", "docx", "py", "sh", "sql", "js", "ts", "tsx", "jpg", "jpeg", "png", "bmp", "image" ], "list": true, "required": false, "placeholder": "", "show": true, "value": "", "name": "files", "display_name": "Files", "advanced": true, "dynamic": false, "info": "Files to be sent with the message.", "title_case": false, "type": "file" }, "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "from langflow.base.data.utils import IMG_FILE_TYPES, TEXT_FILE_TYPES\nfrom langflow.base.io.chat import ChatComponent\nfrom langflow.io import DropdownInput, FileInput, MessageTextInput, MultilineInput, Output\nfrom langflow.schema.message import Message\n\n\nclass ChatInput(ChatComponent):\n display_name = \"Chat Input\"\n description = \"Get chat inputs from the Playground.\"\n icon = \"ChatInput\"\n name = \"ChatInput\"\n\n inputs = [\n MultilineInput(\n name=\"input_value\",\n display_name=\"Text\",\n value=\"\",\n info=\"Message to be passed as input.\",\n ),\n DropdownInput(\n name=\"sender\",\n display_name=\"Sender Type\",\n options=[\"Machine\", \"User\"],\n value=\"User\",\n info=\"Type of sender.\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"sender_name\",\n display_name=\"Sender Name\",\n info=\"Name of the sender.\",\n value=\"User\",\n advanced=True,\n ),\n MessageTextInput(\n name=\"session_id\", display_name=\"Session ID\", info=\"Session ID for the message.\", advanced=True\n ),\n FileInput(\n name=\"files\",\n display_name=\"Files\",\n file_types=TEXT_FILE_TYPES + IMG_FILE_TYPES,\n info=\"Files to be sent with the message.\",\n advanced=True,\n is_list=True,\n ),\n ]\n outputs = [\n Output(display_name=\"Message\", name=\"message\", method=\"message_response\"),\n ]\n\n def message_response(self) -> Message:\n message = Message(\n text=self.input_value,\n sender=self.sender,\n sender_name=self.sender_name,\n session_id=self.session_id,\n files=self.files,\n )\n if self.session_id and isinstance(message, Message) and isinstance(message.text, str):\n self.store_message(message)\n self.message.value = message\n\n self.status = message\n return message\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "trace_as_input": true, "multiline": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "Should not run", "name": "input_value", "display_name": "Text", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Message to be passed as input.", "title_case": false, "type": "str" }, "sender": { "trace_as_metadata": true, "options": [ "Machine", "User" ], "required": false, "placeholder": "", "show": true, "value": "User", "name": "sender", "display_name": "Sender Type", "advanced": true, "dynamic": false, "info": "Type of sender.", "title_case": false, "type": "str" }, "sender_name": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "User", "name": "sender_name", "display_name": "Sender Name", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Name of the sender.", "title_case": false, "type": "str" }, "session_id": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "", "name": "session_id", "display_name": "Session ID", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Session ID for the message.", "title_case": false, "type": "str" } }, "description": "Get chat inputs from the Playground.", "icon": "ChatInput", "base_classes": [ "Message" ], "display_name": "Chat Input", "documentation": "", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Message" ], "selected": "Message", "name": "message", "display_name": "Message", "method": "message_response", "value": "__UNDEFINED__", "cache": true, "hidden": false } ], "field_order": [ "input_value", "sender", "sender_name", "session_id", "files" ], "beta": false, "edited": false }, "id": "ChatInput-QivBB" }, "selected": false, "width": 384, "height": 309, "positionAbsolute": { "x": 419.7235078147726, "y": 646.9863203129902 }, "dragging": false }, { "id": "ChatOutput-mN2VY", "type": "genericNode", "position": { "x": 884.7327265656637, "y": 662.4287265670896 }, "data": { "type": "ChatOutput", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "from langflow.base.io.chat import ChatComponent\nfrom langflow.io import DropdownInput, MessageTextInput, Output\nfrom langflow.schema.message import Message\n\n\nclass ChatOutput(ChatComponent):\n display_name = \"Chat Output\"\n description = \"Display a chat message in the Playground.\"\n icon = \"ChatOutput\"\n name = \"ChatOutput\"\n\n inputs = [\n MessageTextInput(\n name=\"input_value\",\n display_name=\"Text\",\n info=\"Message to be passed as output.\",\n ),\n DropdownInput(\n name=\"sender\",\n display_name=\"Sender Type\",\n options=[\"Machine\", \"User\"],\n value=\"Machine\",\n advanced=True,\n info=\"Type of sender.\",\n ),\n MessageTextInput(\n name=\"sender_name\", display_name=\"Sender Name\", info=\"Name of the sender.\", value=\"AI\", advanced=True\n ),\n MessageTextInput(\n name=\"session_id\", display_name=\"Session ID\", info=\"Session ID for the message.\", advanced=True\n ),\n MessageTextInput(\n name=\"data_template\",\n display_name=\"Data Template\",\n value=\"{text}\",\n advanced=True,\n info=\"Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.\",\n ),\n ]\n outputs = [\n Output(display_name=\"Message\", name=\"message\", method=\"message_response\"),\n ]\n\n def message_response(self) -> Message:\n message = Message(\n text=self.input_value,\n sender=self.sender,\n sender_name=self.sender_name,\n session_id=self.session_id,\n )\n if self.session_id and isinstance(message, Message) and isinstance(message.text, str):\n self.store_message(message)\n self.message.value = message\n\n self.status = message\n return message\n", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "data_template": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "{text}", "name": "data_template", "display_name": "Data Template", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.", "title_case": false, "type": "str" }, "input_value": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "", "name": "input_value", "display_name": "Text", "advanced": false, "input_types": [ "Message" ], "dynamic": false, "info": "Message to be passed as output.", "title_case": false, "type": "str" }, "sender": { "trace_as_metadata": true, "options": [ "Machine", "User" ], "required": false, "placeholder": "", "show": true, "value": "Machine", "name": "sender", "display_name": "Sender Type", "advanced": true, "dynamic": false, "info": "Type of sender.", "title_case": false, "type": "str" }, "sender_name": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "AI", "name": "sender_name", "display_name": "Sender Name", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Name of the sender.", "title_case": false, "type": "str" }, "session_id": { "trace_as_input": true, "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "", "name": "session_id", "display_name": "Session ID", "advanced": true, "input_types": [ "Message" ], "dynamic": false, "info": "Session ID for the message.", "title_case": false, "type": "str" } }, "description": "Display a chat message in the Playground.", "icon": "ChatOutput", "base_classes": [ "Message" ], "display_name": "Chat Output", "documentation": "", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [ "Message" ], "selected": "Message", "name": "message", "display_name": "Message", "method": "message_response", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value", "sender", "sender_name", "session_id", "data_template" ], "beta": false, "edited": false }, "id": "ChatOutput-mN2VY" }, "selected": false, "width": 384, "height": 309, "positionAbsolute": { "x": 884.7327265656637, "y": 662.4287265670896 }, "dragging": false }, { "id": "CustomComponent-Ntw7h", "type": "genericNode", "position": { "x": 1396.7134608749789, "y": 284.91367968123217 }, "data": { "type": "CustomComponent", "node": { "template": { "_type": "Component", "code": { "type": "code", "required": true, "placeholder": "", "list": false, "show": true, "multiline": true, "value": "# from langflow.field_typing import Data\nfrom langflow.custom import Component\nfrom langflow.io import StrInput\nfrom langflow.schema import Data\nfrom langflow.io import Output\nfrom pathlib import Path\nimport httpx\nclass CustomComponent(Component):\n display_name = \"Async Component\"\n description = \"Use as a template to create your own component.\"\n documentation: str = \"http://docs.langflow.org/components/custom\"\n icon = \"custom_components\"\n\n inputs = [\n StrInput(name=\"input_value\", display_name=\"Input Value\", value=\"Hello, World!\", input_types=[\"Data\"]),\n ]\n\n outputs = [\n Output(display_name=\"Output\", name=\"output\", method=\"build_output\"),\n ]\n\n async def build_output(self) -> Data:\n async with httpx.AsyncClient() as client:\n response = await client.get(\"https://www.google.com\")\n response.raise_for_status()\n return Data(response=response.text)", "fileTypes": [], "file_path": "", "password": false, "name": "code", "advanced": true, "dynamic": true, "info": "", "load_from_db": false, "title_case": false }, "input_value": { "trace_as_metadata": true, "load_from_db": false, "list": false, "required": false, "placeholder": "", "show": true, "value": "Hello, World!", "name": "input_value", "display_name": "Input Value", "advanced": false, "input_types": [ "Data" ], "dynamic": false, "info": "", "title_case": false, "type": "str" } }, "description": "Use as a template to create your own component.", "icon": "custom_components", "base_classes": [], "display_name": "Custom Component", "documentation": "http://docs.langflow.org/components/custom", "custom_fields": {}, "output_types": [], "pinned": false, "conditional_paths": [], "frozen": false, "outputs": [ { "types": [], "name": "output", "display_name": "Output", "method": "build_output", "value": "__UNDEFINED__", "cache": true } ], "field_order": [ "input_value" ], "beta": false, "edited": true }, "id": "CustomComponent-Ntw7h", "description": "Use as a template to create your own component.", "display_name": "Custom Component" }, "selected": true, "width": 384, "height": 337, "positionAbsolute": { "x": 1396.7134608749789, "y": 284.91367968123217 }, "dragging": false } ], "edges": [ { "source": "Webhook-BeRcd", "sourceHandle": "{œdataTypeœ:œWebhookœ,œidœ:œWebhook-BeRcdœ,œnameœ:œoutput_dataœ,œoutput_typesœ:[œDataœ]}", "target": "CustomComponent-aF0h1", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-aF0h1œ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "CustomComponent-aF0h1", "inputTypes": [ "Data" ], "type": "str" }, "sourceHandle": { "dataType": "Webhook", "id": "Webhook-BeRcd", "name": "output_data", "output_types": [ "Data" ] } }, "id": "reactflow__edge-Webhook-BeRcd{œdataTypeœ:œWebhookœ,œidœ:œWebhook-BeRcdœ,œnameœ:œoutput_dataœ,œoutput_typesœ:[œDataœ]}-CustomComponent-aF0h1{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-aF0h1œ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "className": "" }, { "source": "ChatInput-QivBB", "sourceHandle": "{œdataTypeœ:œChatInputœ,œidœ:œChatInput-QivBBœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}", "target": "ChatOutput-mN2VY", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-mN2VYœ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "ChatOutput-mN2VY", "inputTypes": [ "Message" ], "type": "str" }, "sourceHandle": { "dataType": "ChatInput", "id": "ChatInput-QivBB", "name": "message", "output_types": [ "Message" ] } }, "id": "reactflow__edge-ChatInput-QivBB{œdataTypeœ:œChatInputœ,œidœ:œChatInput-QivBBœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}-ChatOutput-mN2VY{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-mN2VYœ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}", "className": "" }, { "source": "CustomComponent-aF0h1", "sourceHandle": "{œdataTypeœ:œCustomComponentœ,œidœ:œCustomComponent-aF0h1œ,œnameœ:œoutputœ,œoutput_typesœ:[œDataœ]}", "target": "CustomComponent-Ntw7h", "targetHandle": "{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-Ntw7hœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}", "data": { "targetHandle": { "fieldName": "input_value", "id": "CustomComponent-Ntw7h", "inputTypes": [ "Data" ], "type": "str" }, "sourceHandle": { "dataType": "CustomComponent", "id": "CustomComponent-aF0h1", "name": "output", "output_types": [ "Data" ] } }, "id": "reactflow__edge-CustomComponent-aF0h1{œdataTypeœ:œCustomComponentœ,œidœ:œCustomComponent-aF0h1œ,œnameœ:œoutputœ,œoutput_typesœ:[œDataœ]}-CustomComponent-Ntw7h{œfieldNameœ:œinput_valueœ,œidœ:œCustomComponent-Ntw7hœ,œinputTypesœ:[œDataœ],œtypeœ:œstrœ}" } ], "viewport": { "x": -7.6743264594028915, "y": 186.6544574916296, "zoom": 0.520510798842055 } }, "description": "The Power of Language at Your Fingertips.", "name": "Webhook Test", "last_tested_version": "1.0.7", "endpoint_name": "webhook-test", "is_component": false }