format code

src/backend/langflow/api/v1/endpoints.py

@@ -1,7 +1,6 @@
 from langflow.database.models.flow import Flow
 from langflow.processing.process import process_graph_cached, process_tweaks
 from langflow.utils.logger import logger
-from importlib.metadata import version
 
 from fastapi import APIRouter, Depends, HTTPException
 from fastapi.security import HTTPBearer

src/backend/langflow/graph/graph/base.py

@@ -10,7 +10,6 @@ from langflow.graph.vertex.types import (
 )
 from langflow.interface.tools.constants import FILE_TOOLS
 from langflow.utils import payload
-from langflow.utils.logger import logger
 
 
 class Graph:

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -167,7 +167,6 @@ export default function ParameterComponent({
                 }
                 onChange={(t: string[]) => {
                   data.node.template[name].value = t;
-  
                 }}
               />
             ) : data.node.template[name].multiline ? (
@@ -176,7 +175,6 @@ export default function ParameterComponent({
                 value={data.node.template[name].value ?? ""}
                 onChange={(t: string) => {
                   data.node.template[name].value = t;
-  
                 }}
               />
             ) : (
@@ -187,7 +185,6 @@ export default function ParameterComponent({
                 value={data.node.template[name].value ?? ""}
                 onChange={(t) => {
                   data.node.template[name].value = t;
-  
                 }}
               />
             )}
@@ -200,7 +197,6 @@ export default function ParameterComponent({
               setEnabled={(t) => {
                 data.node.template[name].value = t;
                 setEnabled(t);
-
               }}
               size="large"
             />
@@ -234,7 +230,6 @@ export default function ParameterComponent({
             value={data.node.template[name].value ?? ""}
             onChange={(t: string) => {
               data.node.template[name].value = t;
-              
             }}
           />
         ) : left === true && type === "file" ? (
@@ -248,7 +243,6 @@ export default function ParameterComponent({
             suffixes={data.node.template[name].suffixes}
             onFileChange={(t: string) => {
               data.node.template[name].content = t;
-              
             }}
           ></InputFileComponent>
         ) : left === true && type === "int" ? (
@@ -259,7 +253,6 @@ export default function ParameterComponent({
               value={data.node.template[name].value ?? ""}
               onChange={(t) => {
                 data.node.template[name].value = t;
-                
               }}
             />
           </div>
@@ -269,7 +262,6 @@ export default function ParameterComponent({
             value={data.node.template[name].value ?? ""}
             onChange={(t: string) => {
               data.node.template[name].value = t;
-              
             }}
           />
         ) : (

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -1,16 +1,3 @@
-import {
-  BugAntIcon,
-  Cog6ToothIcon,
-  InformationCircleIcon,
-  TrashIcon,
-} from "@heroicons/react/24/outline";
-
-import {
-  CheckCircleIcon,
-  EllipsisHorizontalCircleIcon,
-  ExclamationCircleIcon,
-} from "@heroicons/react/24/solid";
-
 import {
   classNames,
   nodeColors,

src/frontend/src/components/cardComponent/index.tsx

@@ -4,10 +4,25 @@ import { Link } from "react-router-dom";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow";
 import { gradients } from "../../utils";
-import { CardTitle, CardDescription, CardFooter, Card, CardHeader } from "../ui/card";
+import {
+  CardTitle,
+  CardDescription,
+  CardFooter,
+  Card,
+  CardHeader,
+} from "../ui/card";
 
-
+export const CardComponent = ({
-export const CardComponent = ({ flow, id, onDelete, button }: { flow: FlowType; id: string, onDelete?: () => void, button?: JSX.Element }) => {
+  flow,
+  id,
+  onDelete,
+  button,
+}: {
+  flow: FlowType;
+  id: string;
+  onDelete?: () => void;
+  button?: JSX.Element;
+}) => {
   const { removeFlow } = useContext(TabsContext);
 
   return (
@@ -20,19 +35,14 @@ export const CardComponent = ({ flow, id, onDelete, button }: { flow: FlowType;
                 "rounded-full w-8 h-8 flex items-center justify-center text-2xl " +
                 gradients[parseInt(flow.id.slice(0, 6), 16) % gradients.length]
               }
-            >
+            ></span>
-            </span>
+            <span className="flex-1 truncate-doubleline">{flow.name}</span>
-            <span className="flex-1 truncate-doubleline">
-              {flow.name}
-            </span>
           </div>
-          {onDelete &&
+          {onDelete && (
-          <button
+            <button onClick={onDelete}>
-            onClick={onDelete}
-          >
               <Trash2 className="w-4 h-4 text-primary opacity-0 group-hover:opacity-100 transition-all" />
             </button>
-          }
+          )}
         </CardTitle>
         <CardDescription className="pt-2 pb-2">
           <div className="truncate-doubleline">
@@ -53,10 +63,7 @@ export const CardComponent = ({ flow, id, onDelete, button }: { flow: FlowType;
               <span className="text-base">&nbsp;</span>OpenAI+
             </Badge> */}
           </div>
-          {button &&
+          {button && button}
-            button
-          }
-          
         </div>
       </CardFooter>
     </Card>

src/frontend/src/components/headerComponent/index.tsx

@@ -28,10 +28,7 @@ export default function Header() {
           <span className="text-2xl ml-4">⛓️</span>
         </Link>
         {flows.findIndex((f) => tabId === f.id) !== -1 && tabId !== "" && (
-          <MenuBar
+          <MenuBar flows={flows} tabId={tabId} />
-            flows={flows}
-            tabId={tabId}
-          />
         )}
       </div>
       <div className="flex gap-2 items-center">

src/frontend/src/components/toggleShadComponent/index.tsx

@@ -6,7 +6,7 @@ export default function ToggleShadComponent({
   enabled,
   setEnabled,
   disabled,
-  size
+  size,
 }: ToggleComponentType) {
   useEffect(() => {
     if (disabled) {

src/frontend/src/constants.tsx

@@ -126,4 +126,3 @@ export const EXPORT_CODE_DIALOG =
  */
 export const INPUT_STYLE =
   " focus:ring-1 focus:ring-offset-1 focus:ring-ring focus:outline-none ";
-

src/frontend/src/contexts/undoRedoContext.tsx

@@ -1,4 +1,10 @@
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
 import { Edge, Node, useReactFlow } from "reactflow";
 import { cloneDeep } from "lodash";
 import { TabsContext } from "./tabsContext";
@@ -45,14 +51,15 @@ export function UndoRedoProvider({ children }) {
 
   const [past, setPast] = useState<HistoryItem[][]>(flows.map(() => []));
   const [future, setFuture] = useState<HistoryItem[][]>(flows.map(() => []));
-    const [tabIndex, setTabIndex] = useState(flows.findIndex((f) => f.id === tabId));
+  const [tabIndex, setTabIndex] = useState(
+    flows.findIndex((f) => f.id === tabId)
+  );
 
   useEffect(() => {
     // whenever the flows variable changes, we need to add one array to the past and future states
     setPast((old) => flows.map((f, i) => (old[i] ? old[i] : [])));
     setFuture((old) => flows.map((f, i) => (old[i] ? old[i] : [])));
     setTabIndex(flows.findIndex((f) => f.id === tabId));
-
   }, [flows, tabId]);
 
   const { setNodes, setEdges, getNodes, getEdges } = useReactFlow();
@@ -77,16 +84,7 @@ export function UndoRedoProvider({ children }) {
       newFuture[tabIndex] = [];
       return newFuture;
     });
-    }, [
+  }, [getNodes, getEdges, past, future, flows, tabId, setPast, setFuture]);
-      getNodes,
-      getEdges,
-      past,
-      future,
-      flows,
-      tabId,
-      setPast,
-      setFuture,
-    ]);
 
   const undo = useCallback(() => {
     // get the last state that we want to go back to

src/frontend/src/controllers/API/index.ts

@@ -2,6 +2,7 @@ import { PromptTypeAPI, errorsTypeAPI } from "./../../types/api/index";
 import { APIObjectType, sendAllProps } from "../../types/api/index";
 import axios, { AxiosResponse } from "axios";
 import { FlowStyleType, FlowType } from "../../types/flow";
+import { ReactFlowJsonObject } from "reactflow";
 
 /**
  * Fetches all objects from the API endpoint.
@@ -76,7 +77,13 @@ export async function getExamples(): Promise<FlowType[]> {
  * @returns {Promise<any>} The saved flow data.
  * @throws Will throw an error if saving fails.
  */
-export async function saveFlowToDatabase(newFlow: FlowType): Promise<FlowType> {
+export async function saveFlowToDatabase(newFlow: {
+  name: string;
+  id: string;
+  data: ReactFlowJsonObject;
+  description: string;
+  style?: FlowStyleType;
+}): Promise<FlowType> {
   try {
     const response = await axios.post("/api/v1/flows/", {
       name: newFlow.name,

src/frontend/src/modals/flowSettingsModal/index.tsx

@@ -52,7 +52,6 @@ export default function FlowSettingsModal() {
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Settings</span>
-
           </DialogTitle>
           <DialogDescription>{SETTINGS_DIALOG_SUBTITLE}</DialogDescription>
         </DialogHeader>

src/frontend/src/routes.tsx

@@ -1,4 +1,4 @@
-import { Route, Routes } from "react-router-dom"
+import { Route, Routes } from "react-router-dom";
 import HomePage from "./pages/MainPage";
 import FlowPage from "./pages/FlowPage";
 import CommunityPage from "./pages/CommunityPage";
@@ -12,7 +12,7 @@ const Router = () => {
         <Route path="" element={<FlowPage />} />
       </Route>
     </Routes>
-    )
+  );
- }
+};
 
 export default Router;