Revert "code format"

This reverts commit 8a0b240a7f.

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 } from "./controllers/API";
+import { getHealth, getRepoStars, getVersion } 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,6 +147,7 @@ export default function App() {
         refreshFlows();
       });
     }
+
   }, [isAuthenticated]);
 
   useEffect(() => {

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

@@ -1,5 +1,11 @@
 import { cloneDeep } from "lodash";
-import React, { ReactNode, useEffect, useRef, useState } from "react";
+import React, {
+  ReactNode,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 import { Handle, Position } from "reactflow";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import CodeAreaComponent from "../../../../components/codeAreaComponent";
@@ -23,8 +29,6 @@ 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";
@@ -41,6 +45,8 @@ 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,
@@ -106,7 +112,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) => {
@@ -294,7 +300,7 @@ export default function ParameterComponent({
   ) : (
     <div
       ref={ref}
-      className="relative mt-1 flex w-full flex-wrap items-center justify-between bg-muted px-5 py-2"
+      className="mt-1 flex w-full flex-wrap items-center justify-between relative bg-muted px-5 py-2"
     >
       <>
         <div

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

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useContext, 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,10 +1,15 @@
-import { useContext } from "react";
+import { useContext, useEffect } 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,7 +3,8 @@ 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,8 +1,7 @@
-import { useEffect, useState } from "react";
+import { useContext, 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";
@@ -18,6 +17,7 @@ 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 { useState } from "react";
+import { useContext, useState } from "react";
 import Loading from "../../../components/ui/loading";
 import { useSSE } from "../../../contexts/SSEContext";
 import { postBuildInit } from "../../../controllers/API";
@@ -9,6 +9,7 @@ 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 { useEffect, useRef, useState } from "react";
+import { useContext, useEffect, useRef, useState } from "react";
 import { useNodes } from "reactflow";
 import { ChatType } from "../../types/chat";
 import BuildTrigger from "./buildTrigger";
@@ -8,17 +8,15 @@ import * as _ from "lodash";
 import { getBuildStatus } from "../../controllers/API";
 import FormModal from "../../modals/formModal";
 import useFlowStore from "../../stores/flowStore";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { NodeType } from "../../types/flow";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 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) => {
@@ -55,7 +53,9 @@ 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 { useState } from "react";
+import { useContext, useState } from "react";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -49,7 +49,9 @@ 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,10 +166,7 @@ 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 { useEffect, useState } from "react";
+import { useContext, 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,9 +1,6 @@
 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,13 +26,7 @@ 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,
@@ -46,6 +40,6 @@ const CheckBoxDiv = ({
       </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,9 +101,8 @@ 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,7 +17,9 @@ 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,9 +1,16 @@
 import _ from "lodash";
-import { createContext, ReactNode, useState } from "react";
+import {
+  createContext,
+  ReactNode,
+  useContext,
+  useEffect,
+  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,12 +58,7 @@ 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);
@@ -178,12 +173,7 @@ 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, useEffect, useState } from "react";
+import { ReactNode, forwardRef, useContext, 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 { useDarkStore } from "../../stores/darkStore";
-import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { downloadFlow, removeApiKeys } from "../../utils/reactflowUtils";
 import BaseModal from "../baseModal";
+import { useDarkStore } from "../../stores/darkStore";
+import useFlowsManagerStore from "../../stores/flowsManagerStore";
 
 const ExportModal = forwardRef(
   (props: { children: ReactNode }, ref): JSX.Element => {

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

@@ -1,12 +1,12 @@
-import { useEffect, useState } from "react";
+import { useContext, 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 } from "../../types/tabs";
+import { FlowState, FlowsState } from "../../types/tabs";
 import { validateNodes } from "../../utils/reactflowUtils";
 
 export default function FormModal({
@@ -629,12 +629,15 @@ 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}