chore(ui): format files

OctoConsulting · Jul 9, 2024 · bf1c98a · bf1c98a
1 parent 3023de1
commit bf1c98a
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 24 deletions.
diff --git a/ui/src/components/assistant/llmClient.ts b/ui/src/components/assistant/llmClient.ts
@@ -1,11 +1,7 @@
 import { Ollama } from "@langchain/community/llms/ollama"
 import { Edge } from "reactflow"
-import { EipFlowNode} from "../../api/flow"
-import {
-  getEdgesView,
-  getNodesView,
-  getLayout
-} from "../../singletons/store"
+import { EipFlowNode } from "../../api/flow"
+import { getEdgesView, getNodesView, getLayout } from "../../singletons/store"
 import { fuzzyMatchNodeEipIds } from "./fuzzyEipIdMatch"
 import { newFlowLayout } from "../layout/layouting"
 import { flowCreatePrompt, flowUpdatePrompt } from "./prompt"
@@ -129,11 +125,7 @@ class LlmClient {
     fuzzyMatchNodeEipIds(response.nodes)
 
     const layout = getLayout()
-    response.nodes = newFlowLayout(
-      response.nodes,
-      response.edges,
-      layout
-    )
+    response.nodes = newFlowLayout(response.nodes, response.edges, layout)
 
     return JSON.stringify(response)
   }

diff --git a/ui/src/components/canvas/EipNode.tsx b/ui/src/components/canvas/EipNode.tsx
@@ -2,15 +2,15 @@ import { Button, Stack, Tile } from "@carbon/react"
 import { Handle, NodeProps, Position } from "reactflow"
 import { ServiceId } from "@carbon/react/icons"
 import { FlowType, Role } from "../../api/eipSchema"
-import { EipNodeData, Layout} from "../../api/flow"
+import { EipNodeData, Layout } from "../../api/flow"
 import { ChildNodeId, EipId } from "../../api/id"
 import { lookupEipComponent } from "../../singletons/eipDefinitions"
 import getIconUrl from "../../singletons/eipIconCatalog"
 import {
   useAppActions,
   useGetChildren,
   useIsChildSelected,
-  useGetLayout
+  useGetLayout,
 } from "../../singletons/store"
 import { toTitleCase } from "../../utils/titleTransform"
 import "./nodes.scss"
@@ -24,7 +24,10 @@ interface ChildrenIconsProps {
 const defaultNamespace = "integration"
 
 // TODO: Limit handles to the appropriate number of connections
-const renderHandles = (flowType: FlowType, layoutType: Layout["orientation"]) => {
+const renderHandles = (
+  flowType: FlowType,
+  layoutType: Layout["orientation"]
+) => {
   if (layoutType === "horizontal") {
     switch (flowType) {
       case "source":
@@ -120,7 +123,10 @@ export const EipNode = (props: NodeProps<EipNodeData>) => {
   const { data } = props
   const componentDefinition = lookupEipComponent(data.eipId)!
   const layout = useGetLayout()
-  const handles = renderHandles(componentDefinition.flowType, layout.orientation)
+  const handles = renderHandles(
+    componentDefinition.flowType,
+    layout.orientation
+  )
 
   return (
     <Tile
@@ -129,7 +135,10 @@ export const EipNode = (props: NodeProps<EipNodeData>) => {
     >
       <div>{getNamespacedTitle(data.eipId)}</div>
       <img className="eip-node-image" src={getIconUrl(data.eipId)} />
-      <div className="eip-node-label" style={hasChildren ? { marginBottom: "0.5rem" } : {}}>
+      <div
+        className="eip-node-label"
+        style={hasChildren ? { marginBottom: "0.5rem" } : {}}
+      >
         <strong>{data.label}</strong>
       </div>
       {hasChildren && (

diff --git a/ui/src/components/canvas/FlowCanvas.tsx b/ui/src/components/canvas/FlowCanvas.tsx
@@ -7,7 +7,11 @@ import ReactFlow, {
   useReactFlow,
 } from "reactflow"
 
-import { useAppActions, useFlowStore, useGetLayout } from "../../singletons/store"
+import {
+  useAppActions,
+  useFlowStore,
+  useGetLayout,
+} from "../../singletons/store"
 import "reactflow/dist/base.css"
 import {
   TrashCan,

diff --git a/ui/src/components/layout/layouting.ts b/ui/src/components/layout/layouting.ts
@@ -2,7 +2,6 @@ import dagre from "@dagrejs/dagre"
 import { Edge, Position } from "reactflow"
 import { EipFlowNode, Layout } from "../../api/flow"
 
-
 const DEFAULT_NODE_WIDTH = 128
 const DEFAULT_NODE_HEIGHT = 128
 

diff --git a/ui/src/singletons/store.ts b/ui/src/singletons/store.ts
@@ -18,11 +18,10 @@ import { create } from "zustand"
 import { createJSONStorage, persist } from "zustand/middleware"
 import { useShallow } from "zustand/react/shallow"
 import { AttributeTypes } from "../api/eipSchema"
-import { EIP_NODE_KEY, EipFlowNode, Layout} from "../api/flow"
+import { EIP_NODE_KEY, EipFlowNode, Layout } from "../api/flow"
 import { ChildNodeId, EipId, areChildIdsEqual } from "../api/id"
 import { newFlowLayout } from "../components/layout/layouting"
 
-
 export const ROOT_PARENT = "root"
 
 const NO_PERSIST = new Set(["appActions", "reactFlowActions"])
@@ -215,21 +214,22 @@ const useStore = create<AppStore>()(
             const nodes = newFlowLayout(state.nodes, state.edges, newLayout)
             return {
               nodes: nodes,
-              layout: newLayout
+              layout: newLayout,
             }
           }),
 
         updateLayoutDensity: () =>
           set((state) => {
-            const newDensity = state.layout.density === "compact" ? "comfortable" : "compact"
+            const newDensity =
+              state.layout.density === "compact" ? "comfortable" : "compact"
             const newLayout: Layout = {
               ...state.layout,
               density: newDensity,
             }
             const nodes = newFlowLayout(state.nodes, state.edges, newLayout)
             return {
               nodes: nodes,
-              layout: newLayout
+              layout: newLayout,
             }
           }),
       },
@@ -359,4 +359,4 @@ export const getNodesView: () => Readonly<EipFlowNode[]> = () =>
 export const getEdgesView: () => Readonly<Edge[]> = () =>
   useStore.getState().edges
 export const getLayout: () => Readonly<Layout> = () =>
-  useStore.getState().layout
+  useStore.getState().layout