SdggSoft:

- Runned pnpm run lint:fix
- And fixed some warning lint fixes on code i touched

Author: SdgSoft

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/ChaingraphNode.tsx

@@ -26,12 +26,12 @@ import { removeNodeFromFlow, updateNodeUI } from '@/store/nodes'
 import { useNode } from '@/store/nodes/hooks/useNode'
 import {
   addFieldObjectPort,
-  updateItemConfigArrayPort,
   appendElementArrayPort,
   removeElementArrayPort,
   removeFieldObjectPort,
   requestUpdatePortUI,
   requestUpdatePortValue,
+  updateItemConfigArrayPort,
 } from '@/store/ports'
 import { NodeResizeControl, ResizeControlVariant } from '@xyflow/react'
 import { useUnit } from 'effector-react'
@@ -195,7 +195,7 @@ function ChaingraphNodeComponent({
       updateItemConfigArrayPort: params => dispatch.updateItemConfigArrayPort({
         nodeId: params.nodeId,
         portId: params.portId,
-        itemConfig: params.itemConfig
+        itemConfig: params.itemConfig,
       }),
       appendElementArrayPort: params => dispatch.appendElementArrayPort({
         nodeId: params.nodeId,

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/SchemaEditor/ArrayItemSchemaEditor.tsx

@@ -105,9 +105,11 @@ export function ArrayItemSchemaEditor({
               </TabsList>
             </div>
 
-            {tab === "visual" && <TabsContent value="visual" className="flex-1 flex flex-col">
-              <ArrayItemEditorContent onSave={onSave} />
-            </TabsContent>}
+            {tab === 'visual' && (
+              <TabsContent value="visual" className="flex-1 flex flex-col">
+                <ArrayItemEditorContent onSave={onSave} />
+              </TabsContent>
+            )}
 
             <TabsContent value="json" className="flex-1 p-6">
               <JsonEditor onSave={onSave} />

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/ports/ArrayPort/AddElementPopover.tsx

@@ -6,7 +6,7 @@
  * As of the Change Date specified in that file, in accordance with the Business Source License, use of this software will be governed by the Apache License, version 2.0.
  */
 
-import type { IPort, ArrayPortConfig, IPortConfig, PortType } from '@badaitech/chaingraph-types'
+import type { ArrayPortConfig, IPort, IPortConfig, PortType } from '@badaitech/chaingraph-types'
 import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,
@@ -115,7 +115,7 @@ export function AddElementPopover(props: Props) {
   const dropDownValues = (itemType !== 'any' ? [itemType] : (port.getConfig().ui?.allowedTypes || PORT_TYPES)).filter(portType => portType !== 'any') // && portType !== 'secret')))
 
   const [type, setType] = useState<PortType | undefined>(
-    dropDownValues.at(0) || itemType
+    dropDownValues.at(0) || itemType,
   )
   const [isDropdownOpen, setIsDropdownOpen] = useState(false)
 

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/ports/ArrayPort/ArrayPort.tsx

@@ -15,7 +15,6 @@ import type {
   IPort,
   IPortConfig,
 } from '@badaitech/chaingraph-types'
-import { Button } from '@/components/ui/button'
 import { PortTitle } from '@/components/flow/nodes/ChaingraphNode/ports/ui/PortTitle'
 import { Popover, PopoverTrigger } from '@/components/ui/popover'
 import { cn } from '@/lib/utils'
@@ -27,10 +26,8 @@ import { ArrayItemSchemaEditor } from '../../SchemaEditor/ArrayItemSchemaEditor'
 import { PortHandle } from '../ui/PortHandle'
 import { isHideEditor } from '../utils/hide-editor'
 import { AddElementPopover } from './AddElementPopover'
-import { Edit } from 'lucide-react'
 import { PortField } from './PortField'
 import { PortHeader } from './PortHeader'
-import { EditItemConfigPopover } from './EditItemConfigPopover'
 
 export interface ArrayPortProps {
   node: INode
@@ -104,8 +101,8 @@ export function ArrayPort({ node, port, context }: ArrayPortProps) {
       .filter(p => p.getConfig().parentId === config.id)
   }, [node.ports, config.id])
 
-  //Use firstport config as itemconfig otherwise, arrayports itemConfig
-  const newItemConfig = useMemo(() => childPorts.length > 0 ? childPorts[0].getConfig() : config.itemConfig, [childPorts.length])
+  // Use firstport config as itemconfig otherwise, arrayports itemConfig
+  const newItemConfig = useMemo(() => childPorts.length > 0 ? childPorts[0].getConfig() : config.itemConfig, [childPorts, config.itemConfig])
 
   // Memoize edges
   const connectedEdges = useMemo(() => {
@@ -120,18 +117,18 @@ export function ArrayPort({ node, port, context }: ArrayPortProps) {
 
   // Memoize callback functions
   const handleAddElement = useCallback(() => {
-    // if type is not any you want immediately add element instead of choose type    
+    // if type is not any you want immediately add element instead of choose type
     if (newItemConfig.type === 'any') {
       setIsAddPropOpen(true)
     } else {
-      // if type is not any you want immediately add element instead of choose type 
+      // if type is not any you want immediately add element instead of choose type
       appendElementArrayPort({
         nodeId: node.id,
         portId: port.id,
-        value: newItemConfig.defaultValue
+        value: newItemConfig.defaultValue,
       })
     }
-  }, [newItemConfig])
+  }, [newItemConfig, appendElementArrayPort, node.id, port.id])
 
   const handleClosePopover = useCallback(() => {
     setIsAddPropOpen(false)
@@ -148,10 +145,10 @@ export function ArrayPort({ node, port, context }: ArrayPortProps) {
     appendElementArrayPort({
       nodeId: node.id,
       portId: port.id,
-      value: newItemConfig.defaultValue
+      value: newItemConfig.defaultValue,
     })
     setIsAddPropOpen(false)
-  }, [node.id, port.id, appendElementArrayPort])
+  }, [node.id, port.id, appendElementArrayPort, updateItemConfigArrayPort])
 
   const handleToggleCollapsible = useCallback(() => {
     updatePortUI({

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/ports/ObjectPort/components/AddPropPopover.tsx

@@ -6,7 +6,7 @@
  * As of the Change Date specified in that file, in accordance with the Business Source License, use of this software will be governed by the Apache License, version 2.0.
  */
 
-import type { IPort, ObjectPortConfig, IPortConfig, PortType } from '@badaitech/chaingraph-types'
+import type { IPort, IPortConfig, ObjectPortConfig, PortType } from '@badaitech/chaingraph-types'
 import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,

apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/ports/ObjectPort/components/PortField.tsx

@@ -44,8 +44,8 @@ export function PortField({
     ...portConfig,
     ui: {
       ...portConfig.ui || {},
-      hideEditor: parentPort.getConfig()?.ui?.hidePropertyEditor || false
-    }
+      hideEditor: parentPort.getConfig()?.ui?.hidePropertyEditor || false,
+    },
   })
 
   return (

apps/chaingraph-frontend/src/store/ports/stores.ts

@@ -290,7 +290,7 @@ sample({
       nodeId,
       flowId: activeFlowId,
       portId,
-      itemConfig
+      itemConfig,
     }
     return result
   },
@@ -308,7 +308,7 @@ sample({
       nodeId,
       flowId: activeFlowId,
       portId,
-      value
+      value,
     }
     return result
   },

packages/chaingraph-nodes/src/nodes/api/coin-market-cap.node.ts

@@ -171,9 +171,9 @@ class CoinMarketCapNode extends BaseNode {
       const crypto = (data.data as any)[symbol]
       const contractAddresses: ContractAddress[] = crypto.platform
         ? Object.entries(crypto.platform).map(([blockchain, address]) => ({
-          blockchain,
-          address: address as string,
-        }))
+            blockchain,
+            address: address as string,
+          }))
         : []
 
       const cryptoData: CryptoData = {

packages/chaingraph-nodes/src/nodes/basic-values/index.ts

@@ -11,4 +11,3 @@ export * from './boolean'
 export * from './number'
 export * from './object'
 export * from './text'
-

packages/chaingraph-nodes/src/nodes/flow/index.ts

@@ -7,5 +7,5 @@
  */
 
 export * from './branch.node'
-export * from './switch.node'
 export * from './gate.node'
+export * from './switch.node'