eslint fix

yakud · yakud · commit 427232cc380d · 2026-01-06T15:04:14.000+03:00
diff --git a/apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/NodeHeader.tsx b/apps/chaingraph-frontend/src/components/flow/nodes/ChaingraphNode/NodeHeader.tsx
@@ -156,13 +156,27 @@ export function NodeHeader({
       <div className="flex items-center gap-2 min-w-0 relative">
         {headerData?.categoryMetadata
           ? (
-            <LazyNodeDocTooltip
-              nodeId={nodeId}
-              categoryMetadata={headerData.categoryMetadata}
-              className="cursor-pointer"
-            >
+              <LazyNodeDocTooltip
+                nodeId={nodeId}
+                categoryMetadata={headerData.categoryMetadata}
+                className="cursor-pointer"
+              >
+                <div
+                  className="w-6 min-w-6 h-6 rounded flex items-center justify-center hover:opacity-80 transition-opacity"
+                  style={{
+                    background: `${style.text}20`,
+                  }}
+                >
+                  <Icon
+                    className="w-4 h-4"
+                    style={{ color: style.text }}
+                  />
+                </div>
+              </LazyNodeDocTooltip>
+            )
+          : (
               <div
-                className="w-6 min-w-6 h-6 rounded flex items-center justify-center hover:opacity-80 transition-opacity"
+                className="w-6 min-w-6 h-6 rounded flex items-center justify-center"
                 style={{
                   background: `${style.text}20`,
                 }}
@@ -172,21 +186,7 @@ export function NodeHeader({
                   style={{ color: style.text }}
                 />
               </div>
-            </LazyNodeDocTooltip>
-          )
-          : (
-            <div
-              className="w-6 min-w-6 h-6 rounded flex items-center justify-center"
-              style={{
-                background: `${style.text}20`,
-              }}
-            >
-              <Icon
-                className="w-4 h-4"
-                style={{ color: style.text }}
-              />
-            </div>
-          )}
+            )}
 
         <EditableNodeTitle
           nodeId={nodeId}
diff --git a/apps/chaingraph-frontend/src/components/flow/nodes/GroupNode/GroupNode.tsx b/apps/chaingraph-frontend/src/components/flow/nodes/GroupNode/GroupNode.tsx
@@ -175,34 +175,34 @@ function GroupNodeComponent({
       >
         {hasTitle || isEditing
           ? (
-            <EditableTitle
-              value={renderData?.title || ''}
-              onChange={handleTitleChange}
-              isEditing={isEditing}
-              onEditingChange={setIsEditing}
-              className={cn(
-                'text-xl leading-tight',
-                'max-w-full',
-              )}
-            />
-          )
+              <EditableTitle
+                value={renderData?.title || ''}
+                onChange={handleTitleChange}
+                isEditing={isEditing}
+                onEditingChange={setIsEditing}
+                className={cn(
+                  'text-xl leading-tight',
+                  'max-w-full',
+                )}
+              />
+            )
           : (
-            <Button
-              variant="ghost"
-              size="sm"
-              className={cn(
-                'text-muted-foreground/60',
-                'hover:text-muted-foreground',
-                'transition-colors',
-                'flex items-center gap-2',
-                'w-fit',
-              )}
-              onClick={() => setIsEditing(true)}
-            >
-              <Plus className="w-4 h-4" />
-              <span>Add Title</span>
-            </Button>
-          )}
+              <Button
+                variant="ghost"
+                size="sm"
+                className={cn(
+                  'text-muted-foreground/60',
+                  'hover:text-muted-foreground',
+                  'transition-colors',
+                  'flex items-center gap-2',
+                  'w-fit',
+                )}
+                onClick={() => setIsEditing(true)}
+              >
+                <Plus className="w-4 h-4" />
+                <span>Add Title</span>
+              </Button>
+            )}
       </div>
 
     </div>
diff --git a/apps/chaingraph-frontend/src/store/nodes/hooks/useXYFlowNodes.ts b/apps/chaingraph-frontend/src/store/nodes/hooks/useXYFlowNodes.ts
@@ -6,9 +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 { Node } from '@xyflow/react'
 import { useStoreMap } from 'effector-react'
-import { useMemo, useRef } from 'react'
 import { $combinedXYFlowNodesList as $xyflowNodes } from '@/store/xyflow/stores'
 
 /**
diff --git a/apps/chaingraph-frontend/src/store/nodes/stores.ts b/apps/chaingraph-frontend/src/store/nodes/stores.ts
@@ -7,7 +7,6 @@
  */
 
 import type { INode, NodeUIStyle, Position } from '@badaitech/chaingraph-types'
-import { isDeepEqual } from '@badaitech/chaingraph-types'
 import type {
   AddNodeEvent,
   NodeState,
@@ -18,6 +17,7 @@ import type {
   UpdateNodeTitleEvent,
   UpdateNodeUIEvent,
 } from './types'
+import { isDeepEqual } from '@badaitech/chaingraph-types'
 import { DefaultPosition } from '@badaitech/chaingraph-types'
 
 import { combine, sample } from 'effector'
@@ -575,7 +575,8 @@ function extractNodeUIState(node: INode): NodeUIState {
 // Helper to check if UI state changed - uses isDeepEqual for type-safety
 // (new fields automatically compared, no manual field list to maintain)
 function uiStateChanged(current: NodeUIState | undefined, next: NodeUIState): boolean {
-  if (!current) return true
+  if (!current)
+    return true
   return !isDeepEqual(current, next)
 }
 
@@ -619,7 +620,8 @@ export const $nodeUIState = nodesDomain.createStore<Record<string, NodeUIState>>
   // UI updates
   .on(updateNodeUILocal, (state, { nodeId, ui }) => {
     const current = state[nodeId]
-    if (!current) return state
+    if (!current)
+      return state
 
     // Compute partial updates from the UI payload
     const updates: Partial<NodeUIState> = {}
@@ -645,20 +647,22 @@ export const $nodeUIState = nodesDomain.createStore<Record<string, NodeUIState>>
       const newStyle = ui.style
       const styleChanged
         = currentStyle?.backgroundColor !== newStyle?.backgroundColor
-        || currentStyle?.borderColor !== newStyle?.borderColor
+          || currentStyle?.borderColor !== newStyle?.borderColor
 
       if (styleChanged) {
         updates.uiStyle = newStyle
       }
     }
 
-    if (Object.keys(updates).length === 0) return state
+    if (Object.keys(updates).length === 0)
+      return state
     return { ...state, [nodeId]: { ...current, ...updates } }
   })
   // Metadata changes (includes title)
   .on(setNodeMetadata, (state, { nodeId, metadata }) => {
     const current = state[nodeId]
-    if (!current) return state
+    if (!current)
+      return state
 
     const updates: Partial<NodeUIState> = {}
     const newTitle = metadata.title || ''
@@ -673,13 +677,15 @@ export const $nodeUIState = nodesDomain.createStore<Record<string, NodeUIState>>
       }
     }
 
-    if (Object.keys(updates).length === 0) return state
+    if (Object.keys(updates).length === 0)
+      return state
     return { ...state, [nodeId]: { ...current, ...updates } }
   })
   // Version updates
   .on(setNodeVersion, (state, { nodeId, version }) => {
     const current = state[nodeId]
-    if (!current || current.version === version) return state
+    if (!current || current.version === version)
+      return state
     return { ...state, [nodeId]: { ...current, version } }
   })
   // Bulk set
@@ -1210,9 +1216,11 @@ sample({
   source: $selectedNodeIds,
   filter: (current, next) => {
     // Only update if arrays are different
-    if (current.length !== next.length) return true
+    if (current.length !== next.length)
+      return true
     for (let i = 0; i < current.length; i++) {
-      if (current[i] !== next[i]) return true
+      if (current[i] !== next[i])
+        return true
     }
     return false
   },
diff --git a/apps/chaingraph-frontend/src/store/xyflow/stores/node-render-data.ts b/apps/chaingraph-frontend/src/store/xyflow/stores/node-render-data.ts
@@ -7,12 +7,12 @@
  */
 
 import type { CategoryMetadata, INode, Position } from '@badaitech/chaingraph-types'
-import { isDeepEqual } from '@badaitech/chaingraph-types'
 import type { PulseState, XYFlowNodeRenderData, XYFlowNodesDataChangedPayload } from '../types'
 import type { DragDropRenderState } from '@/store/drag-drop/types'
 import type { ExecutionState, NodeExecutionState } from '@/store/execution/types'
 import type { NodePortLists } from '@/store/ports-v2'
 import { NODE_CATEGORIES } from '@badaitech/chaingraph-nodes'
+import { isDeepEqual } from '@badaitech/chaingraph-types'
 import { sample } from 'effector'
 import { trace } from '@/lib/perf-trace'
 import { $categoryMetadata } from '@/store/categories'
@@ -170,11 +170,11 @@ function buildCompleteRenderMap(
       executionStatus: (execNode?.status as XYFlowNodeRenderData['executionStatus']) || 'idle',
       executionNode: execNode
         ? {
-          status: execNode.status,
-          executionTime: execNode.executionTime,
-          error: execNode.error,
-          node: execNode.node,
-        }
+            status: execNode.status,
+            executionTime: execNode.executionTime,
+            error: execNode.error,
+            node: execNode.node,
+          }
         : null,
       isHighlighted: highlightSet.has(nodeId),
       hasAnyHighlights,
@@ -338,7 +338,8 @@ sample({
 
       for (const nodeId of nodeIds) {
         const current = renderMap[nodeId]
-        if (!current) continue
+        if (!current)
+          continue
 
         const pos = positions[nodeId]
         const dims = dimensions[nodeId]
@@ -348,8 +349,10 @@ sample({
 
         if (posChanged || dimsChanged) {
           const nodeChanges: Partial<XYFlowNodeRenderData> = {}
-          if (posChanged) nodeChanges.position = pos
-          if (dimsChanged) nodeChanges.dimensions = dims
+          if (posChanged)
+            nodeChanges.position = pos
+          if (dimsChanged)
+            nodeChanges.dimensions = dims
           changes.push({ nodeId, changes: nodeChanges })
         }
       }
@@ -382,13 +385,20 @@ sample({
       // Fields to sync from NodeUIState to XYFlowNodeRenderData
       // Using isDeepEqual for type-safety (new fields automatically compared)
       const fieldsToSync = [
-        'version', 'isSelected', 'isHidden', 'isDraggable',
-        'nodeType', 'isErrorPortCollapsed', 'title', 'uiStyle',
+        'version',
+        'isSelected',
+        'isHidden',
+        'isDraggable',
+        'nodeType',
+        'isErrorPortCollapsed',
+        'title',
+        'uiStyle',
       ] as const
 
       for (const [nodeId, uiState] of Object.entries(uiStates)) {
         const current = renderMap[nodeId]
-        if (!current) continue
+        if (!current)
+          continue
 
         const updates: Partial<XYFlowNodeRenderData> = {}
 
@@ -454,20 +464,20 @@ sample({
       // Execution node data
       const executionNode = execNode
         ? {
-          status: execNode.status,
-          executionTime: execNode.executionTime,
-          error: execNode.error,
-          node: execNode.node,
-        }
+            status: execNode.status,
+            executionTime: execNode.executionTime,
+            error: execNode.error,
+            node: execNode.node,
+          }
         : null
 
       // Deep comparison for execution node
       const currentExecNode = current.executionNode
       const execNodeChanged
         = (currentExecNode === null) !== (executionNode === null)
-        || currentExecNode?.status !== executionNode?.status
-        || currentExecNode?.executionTime !== executionNode?.executionTime
-        || currentExecNode?.node !== executionNode?.node
+          || currentExecNode?.status !== executionNode?.status
+          || currentExecNode?.executionTime !== executionNode?.executionTime
+          || currentExecNode?.node !== executionNode?.node
 
       if (execNodeChanged) {
         updates.executionNode = executionNode
@@ -593,8 +603,8 @@ sample({
         // Compare with current
         const changed
           = (current.dropFeedback === null) !== (dropFeedback === null)
-          || current.dropFeedback?.canAcceptDrop !== dropFeedback?.canAcceptDrop
-          || current.dropFeedback?.dropType !== dropFeedback?.dropType
+            || current.dropFeedback?.canAcceptDrop !== dropFeedback?.canAcceptDrop
+            || current.dropFeedback?.dropType !== dropFeedback?.dropType
 
         if (changed) {
           changes.push({ nodeId, changes: { dropFeedback } })
