code format

src/frontend/src/App.tsx

@@ -17,12 +17,12 @@ import {
 } from "./constants/constants";
 import { AuthContext } from "./contexts/authContext";
 import { locationContext } from "./contexts/locationContext";
-import { getHealth, getRepoStars, getVersion } from "./controllers/API";
+import { getHealth } from "./controllers/API";
 import Router from "./routes";
 import useAlertStore from "./stores/alertStore";
-import { useTypesStore } from "./stores/typesStore";
 import { useDarkStore } from "./stores/darkStore";
 import useFlowsManagerStore from "./stores/flowsManagerStore";
+import { useTypesStore } from "./stores/typesStore";
 
 export default function App() {
   let { setCurrent, setShowSideBar, setIsStackedOpen } =
@@ -147,7 +147,6 @@ export default function App() {
         refreshFlows();
       });
     }
-
   }, [isAuthenticated]);
 
   useEffect(() => {

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

@@ -1,11 +1,5 @@
 import { cloneDeep } from "lodash";
-import React, {
-  ReactNode,
-  useContext,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
+import React, { ReactNode, useEffect, useRef, useState } from "react";
 import { Handle, Position } from "reactflow";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import CodeAreaComponent from "../../../../components/codeAreaComponent";
@@ -29,6 +23,8 @@ import {
 import { postCustomComponentUpdate } from "../../../../controllers/API";
 import useAlertStore from "../../../../stores/alertStore";
 import useFlowStore from "../../../../stores/flowStore";
+import useFlowsManagerStore from "../../../../stores/flowsManagerStore";
+import { useTypesStore } from "../../../../stores/typesStore";
 import { APIClassType } from "../../../../types/api";
 import { ParameterComponentType } from "../../../../types/components";
 import { NodeDataType } from "../../../../types/flow";
@@ -45,8 +41,6 @@ import {
   nodeNames,
 } from "../../../../utils/styleUtils";
 import { classNames, groupByFamily } from "../../../../utils/utils";
-import { useTypesStore } from "../../../../stores/typesStore";
-import useFlowsManagerStore from "../../../../stores/flowsManagerStore";
 
 export default function ParameterComponent({
   left,
@@ -112,7 +106,7 @@ export default function ParameterComponent({
     if (data.node!.template[name].value !== newValue) {
       takeSnapshot();
     }
-    
+
     data.node!.template[name].value = newValue; // necessary to enable ctrl+z inside the input
 
     setNode(data.id, (oldNode) => {
@@ -300,7 +294,7 @@ export default function ParameterComponent({
   ) : (
     <div
       ref={ref}
-      className="mt-1 flex w-full flex-wrap items-center justify-between relative bg-muted px-5 py-2"
+      className="relative mt-1 flex w-full flex-wrap items-center justify-between bg-muted px-5 py-2"
     >
       <>
         <div

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

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { NodeToolbar } from "reactflow";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import Tooltip from "../../components/TooltipComponent";
@@ -9,14 +9,14 @@ import { priorityFields } from "../../constants/constants";
 import { useSSE } from "../../contexts/SSEContext";
 import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
 import useFlowStore from "../../stores/flowStore";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
+import { useTypesStore } from "../../stores/typesStore";
 import { validationStatusType } from "../../types/components";
 import { NodeDataType } from "../../types/flow";
 import { handleKeyDown, scapedJSONStringfy } from "../../utils/reactflowUtils";
 import { nodeColors, nodeIconsLucide } from "../../utils/styleUtils";
 import { classNames, cn, getFieldTitle } from "../../utils/utils";
 import ParameterComponent from "./components/parameterComponent";
-import { useTypesStore } from "../../stores/typesStore";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 export default function GenericNode({
   data,

src/frontend/src/components/authAdminGuard/index.tsx

@@ -1,15 +1,10 @@
-import { useContext, useEffect } from "react";
+import { useContext } from "react";
 import { Navigate } from "react-router-dom";
 import { AuthContext } from "../../contexts/authContext";
 
 export const ProtectedAdminRoute = ({ children }) => {
-  const {
-    isAdmin,
-    isAuthenticated,
-    logout,
-    userData,
-    autoLogin,
-  } = useContext(AuthContext);
+  const { isAdmin, isAuthenticated, logout, userData, autoLogin } =
+    useContext(AuthContext);
 
   if (!isAuthenticated) {
     logout();

src/frontend/src/components/authGuard/index.tsx

@@ -3,8 +3,7 @@ import { Navigate } from "react-router-dom";
 import { AuthContext } from "../../contexts/authContext";
 
 export const ProtectedRoute = ({ children }) => {
-  const { isAuthenticated, logout} =
-    useContext(AuthContext);
+  const { isAuthenticated, logout } = useContext(AuthContext);
   if (!isAuthenticated) {
     logout();
     return <Navigate to="/login" replace />;

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

@@ -1,7 +1,8 @@
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { getComponent, postLikeComponent } from "../../controllers/API";
 import DeleteConfirmationModal from "../../modals/DeleteConfirmationModal";
 import useAlertStore from "../../stores/alertStore";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { useStoreStore } from "../../stores/storeStore";
 import { storeComponent } from "../../types/store";
 import cloneFLowWithParent from "../../utils/storeUtils";
@@ -17,7 +18,6 @@ import {
   CardHeader,
   CardTitle,
 } from "../ui/card";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 export default function CollectionCardComponent({
   data,

src/frontend/src/components/chatComponent/buildTrigger/index.tsx

@@ -1,5 +1,5 @@
 import { Transition } from "@headlessui/react";
-import { useContext, useState } from "react";
+import { useState } from "react";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
 import { postBuildInit } from "../../../controllers/API";
@@ -9,7 +9,6 @@ import useAlertStore from "../../../stores/alertStore";
 import useFlowStore from "../../../stores/flowStore";
 import useFlowsManagerStore from "../../../stores/flowsManagerStore";
 import { parsedDataType } from "../../../types/components";
-import { FlowState } from "../../../types/tabs";
 import { validateNodes } from "../../../utils/reactflowUtils";
 import RadialProgressComponent from "../../RadialProgress";
 import IconComponent from "../../genericIconComponent";

src/frontend/src/components/chatComponent/index.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
 import BuildTrigger from "./buildTrigger";
@@ -8,15 +8,17 @@ import * as _ from "lodash";
 import { getBuildStatus } from "../../controllers/API";
 import FormModal from "../../modals/formModal";
 import useFlowStore from "../../stores/flowStore";
-import { NodeType } from "../../types/flow";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
+import { NodeType } from "../../types/flow";
 
 export default function Chat({ flow }: ChatType): JSX.Element {
   const [open, setOpen] = useState(false);
   const [canOpen, setCanOpen] = useState(false);
   const isBuilt = useFlowStore((state) => state.isBuilt);
   const setIsBuilt = useFlowStore((state) => state.setIsBuilt);
-  const currentFlowState = useFlowsManagerStore((state) => state.currentFlowState);
+  const currentFlowState = useFlowsManagerStore(
+    (state) => state.currentFlowState
+  );
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
@@ -53,9 +55,7 @@ export default function Chat({ flow }: ChatType): JSX.Element {
     const currentNodes = nodes.map((node: NodeType) =>
       _.cloneDeep(node.data.node?.template)
     );
-    if (
-      JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)
-    ) {
+    if (JSON.stringify(prevNodes) !== JSON.stringify(currentNodes)) {
       setIsBuilt(false);
     }
     if (

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

@@ -1,4 +1,4 @@
-import { useContext, useState } from "react";
+import { useState } from "react";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -49,9 +49,7 @@ export const MenuBar = (): JSX.Element => {
           <DropdownMenuTrigger asChild>
             <Button asChild variant="primary" size="sm">
               <div className="header-menu-bar-display">
-                <div className="header-menu-flow-name">
-                  {currentFlow.name}
-                </div>
+                <div className="header-menu-flow-name">{currentFlow.name}</div>
                 <IconComponent name="ChevronDown" className="h-4 w-4" />
               </div>
             </Button>

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

@@ -166,7 +166,10 @@ export default function Header(): JSX.Element {
                   <button
                     className={
                       "h-7 w-7 rounded-full focus-visible:outline-0 " +
-                      (userData?.profile_image ?? gradients[parseInt(userData?.id ?? "", 30) % gradients.length])
+                      (userData?.profile_image ??
+                        gradients[
+                          parseInt(userData?.id ?? "", 30) % gradients.length
+                        ])
                     }
                   />
                 </DropdownMenuTrigger>

src/frontend/src/components/inputFileComponent/index.tsx

@@ -1,9 +1,9 @@
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { uploadFile } from "../../controllers/API";
 import useAlertStore from "../../stores/alertStore";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { FileComponentType } from "../../types/components";
 import IconComponent from "../genericIconComponent";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 export default function InputFileComponent({
   value,

src/frontend/src/components/intComponent/index.tsx

@@ -1,6 +1,9 @@
 import { useEffect } from "react";
 import { IntComponentType } from "../../types/components";
-import { handleKeyDown, handleOnlyIntegerInput } from "../../utils/reactflowUtils";
+import {
+  handleKeyDown,
+  handleOnlyIntegerInput,
+} from "../../utils/reactflowUtils";
 import { Input } from "../ui/input";
 
 export default function IntComponent({

src/frontend/src/components/ui/checkbox.tsx

@@ -26,7 +26,13 @@ const Checkbox = React.forwardRef<
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-const CheckBoxDiv = (({ className = "", checked }: {className?: string, checked?: boolean}) => (
+const CheckBoxDiv = ({
+  className = "",
+  checked,
+}: {
+  className?: string;
+  checked?: boolean;
+}) => (
   <div
     className={cn(
       className,
@@ -40,6 +46,6 @@ const CheckBoxDiv = (({ className = "", checked }: {className?: string, checked?
       </div>
     )}
   </div>
-));
+);
 
 export { CheckBoxDiv, Checkbox };

src/frontend/src/contexts/authContext.tsx

@@ -35,7 +35,7 @@ export function AuthProvider({ children }): React.ReactElement {
   );
   const [isAuthenticated, setIsAuthenticated] = useState<boolean>(
     !!cookies.get("refresh_tkn_lflw") && !!cookies.get("access_tkn_lflw")
-    );
+  );
   const [isAdmin, setIsAdmin] = useState<boolean>(false);
   const [userData, setUserData] = useState<Users | null>(null);
   const [autoLogin, setAutoLogin] = useState<boolean>(false);
@@ -81,7 +81,7 @@ export function AuthProvider({ children }): React.ReactElement {
       });
   }, [setUserData, setLoading, autoLogin, setIsAdmin]);
 
-  function getUser(){
+  function getUser() {
     getLoggedUser()
       .then((user) => {
         setUserData(user);
@@ -101,8 +101,9 @@ export function AuthProvider({ children }): React.ReactElement {
     setAccessToken(newAccessToken);
     setRefreshToken(refreshToken);
     setIsAuthenticated(true);
-    setTimeout(() => {getUser();}, 500)
-    
+    setTimeout(() => {
+      getUser();
+    }, 500);
   }
 
   function logout() {

src/frontend/src/contexts/index.tsx

@@ -17,9 +17,7 @@ export default function ContextWrapper({ children }: { children: ReactNode }) {
             <ReactFlowProvider>
               <LocationProvider>
                 <ApiInterceptor />
-                <SSEProvider>
-                  {children}
-                </SSEProvider>
+                <SSEProvider>{children}</SSEProvider>
               </LocationProvider>
             </ReactFlowProvider>
           </TooltipProvider>

src/frontend/src/contexts/typesContext.tsx

@@ -1,16 +1,9 @@
 import _ from "lodash";
-import {
-  createContext,
-  ReactNode,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
+import { createContext, ReactNode, useState } from "react";
 import { getAll, getHealth } from "../controllers/API";
 import useAlertStore from "../stores/alertStore";
 import { APIKindType } from "../types/api";
 import { typesContextType } from "../types/typesContext";
-import { AuthContext } from "./authContext";
 
 //context to share types adn functions from nodes to flow
 

src/frontend/src/modals/ApiModal/index.tsx

@@ -58,7 +58,12 @@ const ApiModal = forwardRef(
       tweak.current,
       currentFlowState
     );
-    const curl_code = getCurlCode(flow, autoLogin, tweak.current, currentFlowState);
+    const curl_code = getCurlCode(
+      flow,
+      autoLogin,
+      tweak.current,
+      currentFlowState
+    );
     const pythonCode = getPythonCode(flow, tweak.current, currentFlowState);
     const widgetCode = getWidgetCode(flow, autoLogin, currentFlowState);
     const tweaksCode = buildTweaks(flow);
@@ -173,7 +178,12 @@ const ApiModal = forwardRef(
         tweak.current,
         currentFlowState
       );
-      const curl_code = getCurlCode(flow, autoLogin, tweak.current, currentFlowState);
+      const curl_code = getCurlCode(
+        flow,
+        autoLogin,
+        tweak.current,
+        currentFlowState
+      );
       const pythonCode = getPythonCode(flow, tweak.current, currentFlowState);
       const widgetCode = getWidgetCode(flow, autoLogin, currentFlowState);
 

src/frontend/src/modals/exportModal/index.tsx

@@ -1,14 +1,14 @@
-import { ReactNode, forwardRef, useContext, useEffect, useState } from "react";
+import { ReactNode, forwardRef, useEffect, useState } from "react";
 import EditFlowSettings from "../../components/EditFlowSettingsComponent";
 import IconComponent from "../../components/genericIconComponent";
 import { Button } from "../../components/ui/button";
 import { Checkbox } from "../../components/ui/checkbox";
 import { EXPORT_DIALOG_SUBTITLE } from "../../constants/constants";
 import useAlertStore from "../../stores/alertStore";
-import { downloadFlow, removeApiKeys } from "../../utils/reactflowUtils";
-import BaseModal from "../baseModal";
 import { useDarkStore } from "../../stores/darkStore";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
+import { downloadFlow, removeApiKeys } from "../../utils/reactflowUtils";
+import BaseModal from "../baseModal";
 
 const ExportModal = forwardRef(
   (props: { children: ReactNode }, ref): JSX.Element => {

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

@@ -1,12 +1,12 @@
-import { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import EditFlowSettings from "../../components/EditFlowSettingsComponent";
 import IconComponent from "../../components/genericIconComponent";
 import { Button } from "../../components/ui/button";
 import { SETTINGS_DIALOG_SUBTITLE } from "../../constants/constants";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { FlowSettingsPropsType } from "../../types/components";
 import { FlowType } from "../../types/flow";
 import BaseModal from "../baseModal";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 export default function FlowSettingsModal({
   open,

src/frontend/src/modals/formModal/index.tsx

@@ -26,7 +26,7 @@ import { getBuildStatus } from "../../controllers/API";
 import useAlertStore from "../../stores/alertStore";
 import useFlowStore from "../../stores/flowStore";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
-import { FlowState, FlowsState } from "../../types/tabs";
+import { FlowState } from "../../types/tabs";
 import { validateNodes } from "../../utils/reactflowUtils";
 
 export default function FormModal({
@@ -629,15 +629,12 @@ export default function FormModal({
                       setChatValue={(value) => {
                         setChatValue(value);
                         if (currentFlowState && chatKey) {
-                          setCurrentFlowState(
-                            (old: FlowState | undefined) => {
-                              let newFlowState = cloneDeep(old!);
-                              newFlowState.formKeysData.input_keys![
-                                chatKey
-                              ] = value;
-                              return newFlowState;
-                            }
-                          );
+                          setCurrentFlowState((old: FlowState | undefined) => {
+                            let newFlowState = cloneDeep(old!);
+                            newFlowState.formKeysData.input_keys![chatKey] =
+                              value;
+                            return newFlowState;
+                          });
                         }
                       }}
                       inputRef={ref}