@flowdrop/flowdrop 1.0.1 → 1.2.0

package/dist/helpers/proximityConnect.js

@@ -5,36 +5,36 @@
  * When a node is dragged near another node, this helper finds the best
  * compatible port pair and creates a preview/permanent edge.
  */
-import { dynamicPortToNodePort } from '../types/index.js';
-import { getPortCompatibilityChecker } from '../utils/connections.js';
-import { v4 as uuidv4 } from 'uuid';
+import { dynamicPortToNodePort } from "../types/index.js";
+import { getPortCompatibilityChecker } from "../utils/connections.js";
+import { v4 as uuidv4 } from "uuid";
 /** CSS class applied to proximity preview edges */
-const PROXIMITY_EDGE_CLASS = 'flowdrop--edge--proximity-preview';
+const PROXIMITY_EDGE_CLASS = "flowdrop--edge--proximity-preview";
 export class ProximityConnectHelper {
     /**
      * Get ALL ports (static + dynamic + gateway branches) for a node.
      */
     static getAllPorts(node, direction) {
         // Static ports from metadata
-        const staticPorts = direction === 'output'
+        const staticPorts = direction === "output"
             ? (node.data?.metadata?.outputs ?? [])
             : (node.data?.metadata?.inputs ?? []);
         // Dynamic ports from config
-        const dynamicKey = direction === 'output' ? 'dynamicOutputs' : 'dynamicInputs';
+        const dynamicKey = direction === "output" ? "dynamicOutputs" : "dynamicInputs";
         const rawDynamic = node.data?.config?.[dynamicKey] ?? [];
         const dynamicPorts = rawDynamic.map((p) => dynamicPortToNodePort(p, direction));
         // Gateway branches (output only, dataType = 'trigger')
-        if (direction === 'output') {
+        if (direction === "output") {
             const branches = node.data?.config?.branches;
             const nodeType = node.data?.metadata?.type || node.type;
-            if (nodeType === 'gateway' && branches?.length) {
+            if (nodeType === "gateway" && branches?.length) {
                 const branchPorts = branches
                     .filter((b) => !staticPorts.some((sp) => sp.id === b.name))
                     .map((b) => ({
                     id: b.name,
                     name: b.name,
-                    type: 'output',
-                    dataType: 'trigger'
+                    type: "output",
+                    dataType: "trigger",
                 }));
                 return [...staticPorts, ...dynamicPorts, ...branchPorts];
             }
@@ -88,10 +88,10 @@ export class ProximityConnectHelper {
         }
         if (!closestNode)
             return [];
-        const draggedOutputs = this.getAllPorts(draggedNode, 'output');
-        const draggedInputs = this.getAllPorts(draggedNode, 'input');
-        const nearbyInputs = this.getAllPorts(closestNode, 'input');
-        const nearbyOutputs = this.getAllPorts(closestNode, 'output');
+        const draggedOutputs = this.getAllPorts(draggedNode, "output");
+        const draggedInputs = this.getAllPorts(draggedNode, "input");
+        const nearbyInputs = this.getAllPorts(closestNode, "input");
+        const nearbyOutputs = this.getAllPorts(closestNode, "output");
         // Collect all compatible pairs, then pick the best one
         let exactMatch = null;
         let compatibleMatch = null;
@@ -100,8 +100,8 @@ export class ProximityConnectHelper {
             for (const inPort of nearbyInputs) {
                 if (!checker.areDataTypesCompatible(outPort.dataType, inPort.dataType))
                     continue;
-                const sourceHandle = this.buildHandleId(draggedNode.id, 'output', outPort.id);
-                const targetHandle = this.buildHandleId(closestNode.id, 'input', inPort.id);
+                const sourceHandle = this.buildHandleId(draggedNode.id, "output", outPort.id);
+                const targetHandle = this.buildHandleId(closestNode.id, "input", inPort.id);
                 const edgeKey = `${draggedNode.id}:${sourceHandle}->${closestNode.id}:${targetHandle}`;
                 if (existingEdgeSet.has(edgeKey))
                     continue;
@@ -112,7 +112,7 @@ export class ProximityConnectHelper {
                     sourceHandle,
                     targetHandle,
                     sourcePortDataType: outPort.dataType,
-                    targetPortDataType: inPort.dataType
+                    targetPortDataType: inPort.dataType,
                 };
                 if (outPort.dataType === inPort.dataType) {
                     if (!exactMatch)
@@ -135,8 +135,8 @@ export class ProximityConnectHelper {
                 for (const inPort of draggedInputs) {
                     if (!checker.areDataTypesCompatible(outPort.dataType, inPort.dataType))
                         continue;
-                    const sourceHandle = this.buildHandleId(closestNode.id, 'output', outPort.id);
-                    const targetHandle = this.buildHandleId(draggedNode.id, 'input', inPort.id);
+                    const sourceHandle = this.buildHandleId(closestNode.id, "output", outPort.id);
+                    const targetHandle = this.buildHandleId(draggedNode.id, "input", inPort.id);
                     const edgeKey = `${closestNode.id}:${sourceHandle}->${draggedNode.id}:${targetHandle}`;
                     if (existingEdgeSet.has(edgeKey))
                         continue;
@@ -147,7 +147,7 @@ export class ProximityConnectHelper {
                         sourceHandle,
                         targetHandle,
                         sourcePortDataType: outPort.dataType,
-                        targetPortDataType: inPort.dataType
+                        targetPortDataType: inPort.dataType,
                     };
                     if (outPort.dataType === inPort.dataType) {
                         if (!exactMatch)
@@ -193,13 +193,13 @@ export class ProximityConnectHelper {
         const otherOutputsByType = new Map();
         for (const coord of portCoordinates.values()) {
             if (coord.nodeId === draggedNodeId) {
-                if (coord.direction === 'output')
+                if (coord.direction === "output")
                     draggedOutputs.push(coord);
                 else
                     draggedInputs.push(coord);
             }
             else {
-                const groupMap = coord.direction === 'input' ? otherInputsByType : otherOutputsByType;
+                const groupMap = coord.direction === "input" ? otherInputsByType : otherOutputsByType;
                 let group = groupMap.get(coord.dataType);
                 if (!group) {
                     group = [];
@@ -224,7 +224,8 @@ export class ProximityConnectHelper {
                 return;
             const isExact = sourceCoord.dataType === targetCoord.dataType;
             // Prefer exact match, then closest distance
-            if ((isExact && !bestIsExact) || (isExact === bestIsExact && dist < bestDistance)) {
+            if ((isExact && !bestIsExact) ||
+                (isExact === bestIsExact && dist < bestDistance)) {
                 bestCandidate = {
                     id: `proximity-${uuidv4()}`,
                     source: sourceCoord.nodeId,
@@ -232,7 +233,7 @@ export class ProximityConnectHelper {
                     sourceHandle: sourceCoord.handleId,
                     targetHandle: targetCoord.handleId,
                     sourcePortDataType: sourceCoord.dataType,
-                    targetPortDataType: targetCoord.dataType
+                    targetPortDataType: targetCoord.dataType,
                 };
                 bestDistance = dist;
                 bestIsExact = isExact;
@@ -273,17 +274,17 @@ export class ProximityConnectHelper {
             sourceHandle: c.sourceHandle,
             targetHandle: c.targetHandle,
             class: PROXIMITY_EDGE_CLASS,
-            style: 'stroke-dasharray: 5 5; opacity: 0.6;',
+            style: "stroke-dasharray: 5 5; opacity: 0.6;",
             animated: true,
             selectable: false,
             deletable: false,
             data: {
                 metadata: {
-                    edgeType: 'data',
+                    edgeType: "data",
                     sourcePortDataType: c.sourcePortDataType,
-                    isProximityPreview: true
-                }
-            }
+                    isProximityPreview: true,
+                },
+            },
         }));
     }
     /**
@@ -295,15 +296,16 @@ export class ProximityConnectHelper {
             source: c.source,
             target: c.target,
             sourceHandle: c.sourceHandle,
-            targetHandle: c.targetHandle
+            targetHandle: c.targetHandle,
         }));
     }
     /**
      * Check if an edge is a temporary proximity preview edge.
      */
     static isProximityPreviewEdge(edge) {
-        return (edge.id.startsWith('proximity-') ||
-            edge.data?.metadata?.isProximityPreview === true);
+        return (edge.id.startsWith("proximity-") ||
+            edge.data?.metadata?.isProximityPreview ===
+                true);
     }
     /**
      * Remove all proximity preview edges from an edge array.

package/dist/helpers/workflowEditorHelper.d.ts

@@ -2,8 +2,8 @@
  * Workflow Editor Helper
  * Contains business logic for workflow operations
  */
-import type { WorkflowNode as WorkflowNodeType, NodeMetadata, Workflow, WorkflowEdge, NodeExecutionInfo } from '../types/index.js';
-import type { EndpointConfig } from '../config/endpoints.js';
+import type { WorkflowNode as WorkflowNodeType, NodeMetadata, Workflow, WorkflowEdge, NodeExecutionInfo } from "../types/index.js";
+import type { EndpointConfig } from "../config/endpoints.js";
 /**
  * Generate a unique node ID based on node type and existing nodes
  * Format: <node_type>.<number>
@@ -17,7 +17,7 @@ export declare function generateNodeId(nodeTypeId: string, existingNodes: Workfl
  * - loopback: Dashed gray line for loop iteration connections (targets loop_back port)
  * - data: Normal gray line for all other data connections
  */
-export type EdgeCategory = 'trigger' | 'tool' | 'loopback' | 'data';
+export type EdgeCategory = "trigger" | "tool" | "loopback" | "data";
 /**
  * Edge styling configuration based on source port data type
  */
@@ -44,7 +44,7 @@ export declare class EdgeStylingHelper {
      * @param portType - Whether to look in "inputs" or "outputs"
      * @returns The port's dataType or null if not found
      */
-    static getPortDataType(node: WorkflowNodeType, portId: string, portType: 'input' | 'output'): string | null;
+    static getPortDataType(node: WorkflowNodeType, portId: string, portType: "input" | "output"): string | null;
     /**
      * Determine the edge category based on source port data type
      * Note: This method does not check for loopback edges.
@@ -103,7 +103,7 @@ export declare class WorkflowOperationsHelper {
     /**
      * Generate workflow metadata for updates
      */
-    static generateMetadata(existingMetadata?: Workflow['metadata']): Workflow['metadata'];
+    static generateMetadata(existingMetadata?: Workflow["metadata"]): Workflow["metadata"];
     /**
      * Update workflow with new nodes/edges and generate new metadata
      */