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

🚀 feat(API): add postCustomComponent function to send custom component code to the server

Browse source 
🚀 feat(CodeAreaModal): replace UpdateTemplate function with postCustomComponent function to send custom component code to the server
The UpdateTemplate function was not being used and was removed. The postCustomComponent function was added to send custom component code to the server. The CodeAreaModal component was updated to use the new postCustomComponent function instead of the UpdateTemplate function to send custom component code to the server.
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-06-27 15:44:55 -03:00
commit 2497561cd3
2 changed files with 17 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/src/controllers/API/index.ts
View file

@ -3,7 +3,6 @@ import {
PromptTypeAPI,
errorsTypeAPI,
InitTypeAPI,
TemplateVariableType,
APITemplateType,
} from "./../../types/api/index";
import { APIObjectType, sendAllProps } from "../../types/api/index";
@ -322,6 +321,8 @@ export async function postBuildInit(
return await axios.post(`/api/v1/build/init`, flow);
}
export async function UpdateTemplate(type:string, template:APITemplateType):Promise<AxiosResponse<{template:APITemplateType}>>{
return await axios.get(`/dynamic_node`);
}
export async function postCustomComponent(
code: string
): Promise<AxiosResponse<{ template: APITemplateType }>> {
return await axios.post(`/api/v1/custom_component`, { code });
}

32
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -1,5 +1,5 @@
import { XMarkIcon, CommandLineIcon } from "@heroicons/react/24/outline";
import { Fragment, useContext, useRef, useState } from "react";
import { CommandLineIcon } from "@heroicons/react/24/outline";
import { useContext, useRef, useState } from "react";
import { PopUpContext } from "../../contexts/popUpContext";
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-python";
@ -8,9 +8,8 @@ import "ace-builds/src-noconflict/theme-twilight";
import "ace-builds/src-noconflict/ext-language_tools";
// import "ace-builds/webpack-resolver";
import { darkContext } from "../../contexts/darkContext";
import { UpdateTemplate, postValidateCode } from "../../controllers/API";
import { postCustomComponent, postValidateCode } from "../../controllers/API";
import { alertContext } from "../../contexts/alertContext";
import { TabsContext } from "../../contexts/tabsContext";
import {
Dialog,
DialogContent,
@ -22,18 +21,17 @@ import {
} from "../../components/ui/dialog";
import { Button } from "../../components/ui/button";
import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants";
import Loading from "../../components/ui/loading";
import { APITemplateType } from "../../types/api";
export default function CodeAreaModal({
value,
setValue,
template,
setTemplate
setTemplate,
}: {
setValue: (value: string) => void;
value: string;
template: APITemplateType,
template: APITemplateType;
setTemplate: (template: APITemplateType) => void;
}) {
const [open, setOpen] = useState(true);
@ -88,19 +86,17 @@ export default function CodeAreaModal({
.catch((_) => {
setLoading(false);
setErrorData({
title:
"There is something wrong with this code, please review it",
})
}
);
UpdateTemplate('code',template).then((apiReturn) => {
title: "There is something wrong with this code, please review it",
});
});
postCustomComponent(code).then((apiReturn) => {
const data = apiReturn.data;
if (data.template) {
console.log('updated')
console.log("updated");
setTemplate(data.template);
setModalOpen(false);
}
})
});
}
return (
@ -137,11 +133,7 @@ export default function CodeAreaModal({
</div>
<DialogFooter>
<Button
className="mt-3"
onClick={handleClick}
type="submit"
>
<Button className="mt-3" onClick={handleClick} type="submit">
{/* {loading?(<Loading/>):'Check & Save'} */}
Check & Save
</Button>