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

validating nodes before sending it to the backend

Browse source
This commit is contained in:
anovazzi1 2023-06-12 18:30:53 -03:00
commit 1fdf03c925
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/frontend/src/components/chatComponent/buildTrigger/index.tsx
View file

@ -2,13 +2,15 @@ import { useState, useContext } from "react";
import { Transition } from "@headlessui/react"; import { Transition } from "@headlessui/react";
import { Bars3CenterLeftIcon } from "@heroicons/react/24/outline"; import { Bars3CenterLeftIcon } from "@heroicons/react/24/outline";
import { Zap } from "lucide-react"; import { Zap } from "lucide-react";
import { nodeColors } from "../../../utils"; import { nodeColors, validateNodes } from "../../../utils";
import { PopUpContext } from "../../../contexts/popUpContext"; import { PopUpContext } from "../../../contexts/popUpContext";
import ChatModal from "../../../modals/chatModal"; import ChatModal from "../../../modals/chatModal";
import { FlowType } from "../../../types/flow"; import { FlowType } from "../../../types/flow";
import Loading from "../../../components/ui/loading"; import Loading from "../../../components/ui/loading";
import { useSSE } from "../../../contexts/SSEContext"; import { useSSE } from "../../../contexts/SSEContext";
import axios from "axios"; import axios from "axios";
import { typesContext } from "../../../contexts/typesContext";
import { alertContext } from "../../../contexts/alertContext";
export default function BuildTrigger({ export default function BuildTrigger({
open, open,
@ -24,8 +26,15 @@ export default function BuildTrigger({
const [isBuilding, setIsBuilding] = useState(false); const [isBuilding, setIsBuilding] = useState(false);
const { updateSSEData } = useSSE(); const { updateSSEData } = useSSE();
const {reactFlowInstance} = useContext(typesContext);
const {setErrorData} = useContext(alertContext)
async function handleBuild(flow: FlowType) { async function handleBuild(flow: FlowType) {
const errors = validateNodes(reactFlowInstance)
if(errors.length > 0) {
setErrorData({title: "Oops! Looks like you missed something", list: errors})
return
}
const minimumLoadingTime = 200; // in milliseconds const minimumLoadingTime = 200; // in milliseconds
const startTime = Date.now(); const startTime = Date.now();
setIsBuilding(true); setIsBuilding(true);