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

code format

Browse source
This commit is contained in:
anovazzi1 2023-08-24 17:10:02 -03:00
commit 4fab63e5de
6 changed files with 44 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/frontend/src/components/codeTabsComponent/index.tsx
View file

@ -28,13 +28,13 @@ import {
TabsList, TabsList,
TabsTrigger, TabsTrigger,
} from "../../components/ui/tabs"; } from "../../components/ui/tabs";
import { alertContext } from "../../contexts/alertContext";
import { darkContext } from "../../contexts/darkContext"; import { darkContext } from "../../contexts/darkContext";
import { typesContext } from "../../contexts/typesContext";
import { codeTabsPropsType } from "../../types/components"; import { codeTabsPropsType } from "../../types/components";
import { unselectAllNodes } from "../../utils/reactflowUtils";
import { classNames } from "../../utils/utils"; import { classNames } from "../../utils/utils";
import IconComponent from "../genericIconComponent"; import IconComponent from "../genericIconComponent";
import { unselectAllNodes } from "../../utils/reactflowUtils";
import { typesContext } from "../../contexts/typesContext";
import { alertContext } from "../../contexts/alertContext";
export default function CodeTabsComponent({ export default function CodeTabsComponent({
flow, flow,
@ -56,19 +56,19 @@ export default function CodeTabsComponent({
setData(flow["data"]!["nodes"]); setData(flow["data"]!["nodes"]);
} }
}, [flow]); }, [flow]);
useEffect(() => { useEffect(() => {
unselectAllNodes({ unselectAllNodes({
data, data,
updateNodes: (nodes) => { updateNodes: (nodes) => {
reactFlowInstance?.setNodes(nodes); reactFlowInstance?.setNodes(nodes);
} },
}); });
return () => { return () => {
if (isTweakPage) setIsTweakPage(false); if (isTweakPage) setIsTweakPage(false);
}; };
}, []) }, []);
const copyToClipboard = () => { const copyToClipboard = () => {
if (!navigator.clipboard || !navigator.clipboard.writeText) { if (!navigator.clipboard || !navigator.clipboard.writeText) {
@ -295,7 +295,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -342,7 +344,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -385,7 +389,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -416,7 +422,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = e; ].value = e;
return newInputList; return newInputList;
@ -505,7 +513,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -539,7 +549,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -589,7 +601,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -642,7 +656,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;
@ -695,7 +711,9 @@ export default function CodeTabsComponent({
setData((old) => { setData((old) => {
let newInputList = let newInputList =
cloneDeep(old); cloneDeep(old);
newInputList![i].data.node.template[ newInputList![
i
].data.node.template[
templateField templateField
].value = target; ].value = target;
return newInputList; return newInputList;

2
src/frontend/src/contexts/alertContext.tsx
View file

@ -27,7 +27,7 @@ const initialValue: alertContextType = {
clearNotificationList: () => {}, clearNotificationList: () => {},
removeFromNotificationList: () => {}, removeFromNotificationList: () => {},
isTweakPage: false, isTweakPage: false,
setIsTweakPage: () => {}, setIsTweakPage: () => {},
}; };
export const alertContext = createContext<alertContextType>(initialValue); export const alertContext = createContext<alertContextType>(initialValue);

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

@ -28,7 +28,8 @@ export default function CodeAreaModal({
const { dark } = useContext(darkContext); const { dark } = useContext(darkContext);
const { reactFlowInstance } = useContext(typesContext); const { reactFlowInstance } = useContext(typesContext);
const [height, setHeight] = useState<string | null>(null); const [height, setHeight] = useState<string | null>(null);
const { setErrorData, setSuccessData, isTweakPage } = useContext(alertContext); const { setErrorData, setSuccessData, isTweakPage } =
useContext(alertContext);
const [error, setError] = useState<{ const [error, setError] = useState<{
detail: { error: string | undefined; traceback: string | undefined }; detail: { error: string | undefined; traceback: string | undefined };
} | null>(null); } | null>(null);

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

@ -21,7 +21,8 @@ export default function ExtraSidebar(): JSX.Element {
const { data, templates } = useContext(typesContext); const { data, templates } = useContext(typesContext);
const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } = const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } =
useContext(TabsContext); useContext(TabsContext);
const { setSuccessData, setErrorData, setIsTweakPage } = useContext(alertContext); const { setSuccessData, setErrorData, setIsTweakPage } =
useContext(alertContext);
const [dataFilter, setFilterData] = useState(data); const [dataFilter, setFilterData] = useState(data);
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");
const isPending = tabsState[tabId]?.isPending; const isPending = tabsState[tabId]?.isPending;

4
src/frontend/src/types/utils/reactflowUtils.ts
View file

@ -10,6 +10,6 @@ export type cleanEdgesType = {
}; };
export type unselectAllNodesType = { export type unselectAllNodesType = {
updateNodes: (nodes: Node[]) => void, updateNodes: (nodes: Node[]) => void;
data: Node[] | null data: Node[] | null;
}; };

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

@ -9,7 +9,10 @@ import {
import { specialCharsRegex } from "../constants/constants"; import { specialCharsRegex } from "../constants/constants";
import { APITemplateType } from "../types/api"; import { APITemplateType } from "../types/api";
import { FlowType, NodeType } from "../types/flow"; import { FlowType, NodeType } from "../types/flow";
import { cleanEdgesType, unselectAllNodesType } from "../types/utils/reactflowUtils"; import {
cleanEdgesType,
unselectAllNodesType,
} from "../types/utils/reactflowUtils";
import { toNormalCase } from "./utils"; import { toNormalCase } from "./utils";
export function cleanEdges({ export function cleanEdges({