@flowdrop/flowdrop 1.0.1 → 1.2.0

package/dist/helpers/workflowEditorHelper.js

@@ -2,18 +2,18 @@
  * Workflow Editor Helper
  * Contains business logic for workflow operations
  */
-import { MarkerType } from '@xyflow/svelte';
-import { hasCycles, hasInvalidCycles, isLoopbackEdge } from '../utils/connections.js';
-import { workflowApi, nodeApi, setEndpointConfig } from '../services/api.js';
-import { v4 as uuidv4 } from 'uuid';
-import { workflowActions } from '../stores/workflowStore.svelte.js';
-import { nodeExecutionService } from '../services/nodeExecutionService.js';
-import { WorkflowAdapter } from '../adapters/WorkflowAdapter.js';
-import { AgentSpecAdapter } from '../adapters/agentspec/AgentSpecAdapter.js';
-import { validateForAgentSpecExport } from '../adapters/agentspec/validator.js';
-import { extractPortId } from '../utils/handleIds.js';
-import { EDGE_MARKER_SIZES } from '../config/constants.js';
-import { logger } from '../utils/logger.js';
+import { MarkerType } from "@xyflow/svelte";
+import { hasCycles, hasInvalidCycles, isLoopbackEdge, } from "../utils/connections.js";
+import { workflowApi, nodeApi, setEndpointConfig } from "../services/api.js";
+import { v4 as uuidv4 } from "uuid";
+import { workflowActions } from "../stores/workflowStore.svelte.js";
+import { nodeExecutionService } from "../services/nodeExecutionService.js";
+import { WorkflowAdapter } from "../adapters/WorkflowAdapter.js";
+import { AgentSpecAdapter } from "../adapters/agentspec/AgentSpecAdapter.js";
+import { validateForAgentSpecExport } from "../adapters/agentspec/validator.js";
+import { extractPortId } from "../utils/handleIds.js";
+import { EDGE_MARKER_SIZES } from "../config/constants.js";
+import { logger } from "../utils/logger.js";
 /**
  * Generate a unique node ID based on node type and existing nodes
  * Format: <node_type>.<number>
@@ -57,7 +57,7 @@ export class EdgeStylingHelper {
     static isGatewayBranch(node, portId) {
         // Check if this is a gateway node with dynamic branches
         const nodeType = node.data?.metadata?.type || node.type;
-        if (nodeType !== 'gateway') {
+        if (nodeType !== "gateway") {
             return false;
         }
         // Check if the portId matches a branch name in config.branches
@@ -77,7 +77,9 @@ export class EdgeStylingHelper {
      */
     static getPortDataType(node, portId, portType) {
         // First, check static ports in metadata
-        const ports = portType === 'output' ? node.data?.metadata?.outputs : node.data?.metadata?.inputs;
+        const ports = portType === "output"
+            ? node.data?.metadata?.outputs
+            : node.data?.metadata?.inputs;
         if (ports && Array.isArray(ports)) {
             const port = ports.find((p) => p.id === portId);
             if (port?.dataType) {
@@ -85,7 +87,7 @@ export class EdgeStylingHelper {
             }
         }
         // Check dynamic ports from config (dynamicInputs/dynamicOutputs)
-        const dynamicKey = portType === 'output' ? 'dynamicOutputs' : 'dynamicInputs';
+        const dynamicKey = portType === "output" ? "dynamicOutputs" : "dynamicInputs";
         const dynamicPorts = node.data?.config?.[dynamicKey];
         if (dynamicPorts && Array.isArray(dynamicPorts)) {
             const dynamicPort = dynamicPorts.find((p) => p.name === portId);
@@ -95,8 +97,8 @@ export class EdgeStylingHelper {
         }
         // For output ports, also check dynamic Gateway branches
         // Gateway branches are always trigger type (control flow)
-        if (portType === 'output' && this.isGatewayBranch(node, portId)) {
-            return 'trigger';
+        if (portType === "output" && this.isGatewayBranch(node, portId)) {
+            return "trigger";
         }
         return null;
     }
@@ -109,14 +111,14 @@ export class EdgeStylingHelper {
      * @returns The edge category for styling
      */
     static getEdgeCategory(sourcePortDataType) {
-        if (sourcePortDataType === 'trigger') {
-            return 'trigger';
+        if (sourcePortDataType === "trigger") {
+            return "trigger";
         }
-        if (sourcePortDataType === 'tool') {
-            return 'tool';
+        if (sourcePortDataType === "tool") {
+            return "tool";
         }
         // All other data types (string, number, boolean, array, etc.) are "data" edges
-        return 'data';
+        return "data";
     }
     /**
      * Determine the full edge category including loopback detection
@@ -130,7 +132,7 @@ export class EdgeStylingHelper {
         // Loopback edges are identified by their target handle
         // Check this first as it takes precedence
         if (isLoopbackEdge(edge)) {
-            return 'loopback';
+            return "loopback";
         }
         // Fall back to source port data type categorization
         return this.getEdgeCategory(sourcePortDataType);
@@ -147,53 +149,54 @@ export class EdgeStylingHelper {
         const sourcePortId = this.extractPortIdFromHandle(edge.sourceHandle);
         // Get the source port's data type
         const sourcePortDataType = sourcePortId
-            ? this.getPortDataType(sourceNode, sourcePortId, 'output')
+            ? this.getPortDataType(sourceNode, sourcePortId, "output")
             : null;
         // Determine edge category (loopback takes precedence)
         const edgeCategory = this.getEdgeCategoryWithLoopback(edge, sourcePortDataType);
         // Apply styling based on edge category
         // Marker colors use CSS custom properties so they respond to theme changes automatically
         switch (edgeCategory) {
-            case 'loopback':
+            case "loopback":
                 // Loopback edges: dashed gray line for loop iteration
                 edge.style =
-                    'stroke: var(--fd-edge-loopback); stroke-dasharray: var(--fd-edge-loopback-dasharray); stroke-width: var(--fd-edge-loopback-width); opacity: var(--fd-edge-loopback-opacity);';
-                edge.class = 'flowdrop--edge--loopback';
+                    "stroke: var(--fd-edge-loopback); stroke-dasharray: var(--fd-edge-loopback-dasharray); stroke-width: var(--fd-edge-loopback-width); opacity: var(--fd-edge-loopback-opacity);";
+                edge.class = "flowdrop--edge--loopback";
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
                     ...EDGE_MARKER_SIZES.loopback,
-                    color: 'var(--fd-edge-loopback)'
+                    color: "var(--fd-edge-loopback)",
                 };
                 break;
-            case 'trigger':
+            case "trigger":
                 // Trigger edges: solid dark line for control flow
-                edge.style = 'stroke: var(--fd-edge-trigger); stroke-width: var(--fd-edge-trigger-width);';
-                edge.class = 'flowdrop--edge--trigger';
+                edge.style =
+                    "stroke: var(--fd-edge-trigger); stroke-width: var(--fd-edge-trigger-width);";
+                edge.class = "flowdrop--edge--trigger";
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
                     ...EDGE_MARKER_SIZES.trigger,
-                    color: 'var(--fd-edge-trigger)'
+                    color: "var(--fd-edge-trigger)",
                 };
                 break;
-            case 'tool':
+            case "tool":
                 // Tool edges: dashed amber line
-                edge.style = 'stroke: var(--fd-edge-tool); stroke-dasharray: 5 3;';
-                edge.class = 'flowdrop--edge--tool';
+                edge.style = "stroke: var(--fd-edge-tool); stroke-dasharray: 5 3;";
+                edge.class = "flowdrop--edge--tool";
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
                     ...EDGE_MARKER_SIZES.tool,
-                    color: 'var(--fd-edge-tool)'
+                    color: "var(--fd-edge-tool)",
                 };
                 break;
-            case 'data':
+            case "data":
             default:
                 // Data edges: normal gray line
-                edge.style = 'stroke: var(--fd-edge-data);';
-                edge.class = 'flowdrop--edge--data';
+                edge.style = "stroke: var(--fd-edge-data);";
+                edge.class = "flowdrop--edge--data";
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
                     ...EDGE_MARKER_SIZES.data,
-                    color: 'var(--fd-edge-data)'
+                    color: "var(--fd-edge-data)",
                 };
                 break;
         }
@@ -203,10 +206,10 @@ export class EdgeStylingHelper {
             metadata: {
                 ...(edge.data?.metadata || {}),
                 edgeType: edgeCategory,
-                sourcePortDataType: sourcePortDataType ?? undefined
+                sourcePortDataType: sourcePortDataType ?? undefined,
             },
             targetNodeType: targetNode.type,
-            targetCategory: targetNode.data.metadata.category
+            targetCategory: targetNode.data.metadata.category,
         };
     }
     /**
@@ -225,8 +228,8 @@ export class EdgeStylingHelper {
                     ...updatedEdge.data,
                     metadata: {
                         ...(updatedEdge.data?.metadata || {}),
-                        edgeType: 'data'
-                    }
+                        edgeType: "data",
+                    },
                 };
                 return updatedEdge;
             }
@@ -254,29 +257,33 @@ export class NodeOperationsHelper {
             return fetchedNodes;
         }
         catch (error) {
-            logger.error('Failed to load nodes from API:', error);
+            logger.error("Failed to load nodes from API:", error);
             // Use fallback sample nodes
             return [
                 {
-                    id: 'text-input',
-                    name: 'Text Input',
-                    category: 'inputs',
-                    description: 'Simple text input field',
-                    version: '1.0.0',
-                    icon: 'mdi:text-box',
+                    id: "text-input",
+                    name: "Text Input",
+                    category: "inputs",
+                    description: "Simple text input field",
+                    version: "1.0.0",
+                    icon: "mdi:text-box",
                     inputs: [],
-                    outputs: [{ id: 'text', name: 'text', type: 'output', dataType: 'string' }]
+                    outputs: [
+                        { id: "text", name: "text", type: "output", dataType: "string" },
+                    ],
                 },
                 {
-                    id: 'text-output',
-                    name: 'Text Output',
-                    category: 'outputs',
-                    description: 'Display text output',
-                    version: '1.0.0',
-                    icon: 'mdi:text-box-outline',
-                    inputs: [{ id: 'text', name: 'text', type: 'input', dataType: 'string' }],
-                    outputs: []
-                }
+                    id: "text-output",
+                    name: "Text Output",
+                    category: "outputs",
+                    description: "Display text output",
+                    version: "1.0.0",
+                    icon: "mdi:text-box-outline",
+                    inputs: [
+                        { id: "text", name: "text", type: "input", dataType: "string" },
+                    ],
+                    outputs: [],
+                },
             ];
         }
     }
@@ -295,7 +302,7 @@ export class NodeOperationsHelper {
             return executionInfo;
         }
         catch (error) {
-            logger.error('Failed to load node execution info:', error);
+            logger.error("Failed to load node execution info:", error);
             return {};
         }
     }
@@ -308,7 +315,7 @@ export class NodeOperationsHelper {
             // Handle both old format (with type: "node") and new format (direct NodeMetadata)
             let nodeType;
             let nodeData;
-            if (parsedData.type === 'node') {
+            if (parsedData.type === "node") {
                 // Old format from sidebar
                 nodeType = parsedData.nodeData.metadata;
                 nodeData = parsedData.nodeData;
@@ -318,12 +325,13 @@ export class NodeOperationsHelper {
                 nodeType = parsedData;
                 // Extract initial config from configSchema
                 let initialConfig = {};
-                if (nodeType.configSchema && typeof nodeType.configSchema === 'object') {
+                if (nodeType.configSchema &&
+                    typeof nodeType.configSchema === "object") {
                     // If configSchema is a JSON Schema, extract default values
                     if (nodeType.configSchema.properties) {
                         // JSON Schema format - extract defaults
                         Object.entries(nodeType.configSchema.properties).forEach(([key, prop]) => {
-                            if (prop && typeof prop === 'object' && 'default' in prop) {
+                            if (prop && typeof prop === "object" && "default" in prop) {
                                 initialConfig[key] = prop.default;
                             }
                         });
@@ -336,7 +344,7 @@ export class NodeOperationsHelper {
                 nodeData = {
                     label: nodeType.name,
                     config: initialConfig,
-                    metadata: nodeType
+                    metadata: nodeType,
                 };
             }
             // Generate node ID based on node type and existing nodes
@@ -345,18 +353,18 @@ export class NodeOperationsHelper {
             // UniversalNode component handles internal switching based on metadata and config
             const newNode = {
                 id: newNodeId,
-                type: 'universalNode',
+                type: "universalNode",
                 position, // Use the position calculated from the drop event
                 deletable: true,
                 data: {
                     ...nodeData,
-                    nodeId: newNodeId // Use the same ID
-                }
+                    nodeId: newNodeId, // Use the same ID
+                },
             };
             return newNode;
         }
         catch (error) {
-            logger.error('Error parsing node data:', error);
+            logger.error("Error parsing node data:", error);
             return null;
         }
     }
@@ -371,12 +379,12 @@ export class WorkflowOperationsHelper {
     static generateMetadata(existingMetadata) {
         const now = new Date().toISOString();
         return {
-            version: '1.0.0',
+            version: "1.0.0",
             createdAt: now,
             ...(existingMetadata ?? {}),
             updatedAt: now,
             versionId: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-            updateNumber: (existingMetadata?.updateNumber || 0) + 1
+            updateNumber: (existingMetadata?.updateNumber || 0) + 1,
         };
     }
     /**
@@ -387,7 +395,7 @@ export class WorkflowOperationsHelper {
             ...workflow,
             nodes,
             edges,
-            metadata: this.generateMetadata(workflow.metadata)
+            metadata: this.generateMetadata(workflow.metadata),
         };
     }
     /**
@@ -398,7 +406,7 @@ export class WorkflowOperationsHelper {
             ...workflow,
             nodes: [],
             edges: [],
-            metadata: this.generateMetadata(workflow.metadata)
+            metadata: this.generateMetadata(workflow.metadata),
         };
     }
     /**
@@ -410,10 +418,10 @@ export class WorkflowOperationsHelper {
             nodes: workflow.nodes.map((node) => node.id === nodeId
                 ? {
                     ...node,
-                    data: { ...node.data, config: { ...newConfig } }
+                    data: { ...node.data, config: { ...newConfig } },
                 }
                 : node),
-            metadata: this.generateMetadata(workflow.metadata)
+            metadata: this.generateMetadata(workflow.metadata),
         };
     }
     /**
@@ -423,7 +431,7 @@ export class WorkflowOperationsHelper {
         return {
             ...workflow,
             nodes: [...workflow.nodes, node],
-            metadata: this.generateMetadata(workflow.metadata)
+            metadata: this.generateMetadata(workflow.metadata),
         };
     }
     /**
@@ -431,7 +439,7 @@ export class WorkflowOperationsHelper {
      */
     static async saveWorkflow(workflow) {
         if (!workflow) {
-            logger.warn('No workflow data available to save');
+            logger.warn("No workflow data available to save");
             return null;
         }
         try {
@@ -447,14 +455,14 @@ export class WorkflowOperationsHelper {
             }
             const workflowToSave = {
                 id: workflowId,
-                name: workflow.name || 'Untitled Workflow',
+                name: workflow.name || "Untitled Workflow",
                 nodes: workflow.nodes || [],
                 edges: workflow.edges || [],
                 metadata: {
-                    version: '1.0.0',
+                    version: "1.0.0",
                     createdAt: workflow.metadata?.createdAt || new Date().toISOString(),
-                    updatedAt: new Date().toISOString()
-                }
+                    updatedAt: new Date().toISOString(),
+                },
             };
             const savedWorkflow = await workflowApi.saveWorkflow(workflowToSave);
             // Update the workflow ID if it changed (new workflow)
@@ -465,14 +473,14 @@ export class WorkflowOperationsHelper {
                     name: workflowToSave.name,
                     metadata: {
                         ...workflowToSave.metadata,
-                        ...savedWorkflow.metadata
-                    }
+                        ...savedWorkflow.metadata,
+                    },
                 });
             }
             return savedWorkflow;
         }
         catch (error) {
-            logger.error('Failed to save workflow:', error);
+            logger.error("Failed to save workflow:", error);
             throw error;
         }
     }
@@ -481,26 +489,26 @@ export class WorkflowOperationsHelper {
      */
     static exportWorkflow(workflow) {
         if (!workflow) {
-            logger.warn('No workflow data available to export');
+            logger.warn("No workflow data available to export");
             return;
         }
         // Use the same ID logic as saveWorkflow
         const workflowId = workflow.id || uuidv4();
         const workflowToExport = {
             id: workflowId,
-            name: workflow.name || 'Untitled Workflow',
+            name: workflow.name || "Untitled Workflow",
             nodes: workflow.nodes || [],
             edges: workflow.edges || [],
             metadata: {
-                version: '1.0.0',
+                version: "1.0.0",
                 createdAt: workflow.metadata?.createdAt || new Date().toISOString(),
-                updatedAt: new Date().toISOString()
-            }
+                updatedAt: new Date().toISOString(),
+            },
         };
         const dataStr = JSON.stringify(workflowToExport, null, 2);
-        const dataBlob = new Blob([dataStr], { type: 'application/json' });
+        const dataBlob = new Blob([dataStr], { type: "application/json" });
         const url = URL.createObjectURL(dataBlob);
-        const link = document.createElement('a');
+        const link = document.createElement("a");
         link.href = url;
         link.download = `${workflowToExport.name}.json`;
         link.click();
@@ -517,7 +525,11 @@ export class WorkflowOperationsHelper {
      */
     static exportAsAgentSpec(workflow) {
         if (!workflow) {
-            return { valid: false, errors: ['No workflow data available to export'], warnings: [] };
+            return {
+                valid: false,
+                errors: ["No workflow data available to export"],
+                warnings: [],
+            };
         }
         // Convert to StandardWorkflow first
         const workflowAdapter = new WorkflowAdapter();
@@ -531,11 +543,11 @@ export class WorkflowOperationsHelper {
         const agentSpecAdapter = new AgentSpecAdapter();
         const agentSpecJson = agentSpecAdapter.exportJSON(standardWorkflow);
         // Trigger download
-        const dataBlob = new Blob([agentSpecJson], { type: 'application/json' });
+        const dataBlob = new Blob([agentSpecJson], { type: "application/json" });
         const url = URL.createObjectURL(dataBlob);
-        const link = document.createElement('a');
+        const link = document.createElement("a");
         link.href = url;
-        link.download = `${workflow.name || 'workflow'}-agentspec.json`;
+        link.download = `${workflow.name || "workflow"}-agentspec.json`;
         link.click();
         URL.revokeObjectURL(url);
         return validation;

package/dist/index.d.ts

@@ -29,9 +29,9 @@
  *
  * @module flowdrop
  */
-export * from './core/index.js';
-export * from './form/index.js';
-export * from './display/index.js';
-export * from './playground/index.js';
-export * from './editor/index.js';
-export * from './settings/index.js';
+export * from "./core/index.js";
+export * from "./form/index.js";
+export * from "./display/index.js";
+export * from "./playground/index.js";
+export * from "./editor/index.js";
+export * from "./settings/index.js";

package/dist/index.js

@@ -39,26 +39,26 @@
 // ============================================================================
 // Core Exports (Types & Utilities - No Heavy Dependencies)
 // ============================================================================
-export * from './core/index.js';
+export * from "./core/index.js";
 // ============================================================================
 // Form Exports
 // ============================================================================
-export * from './form/index.js';
+export * from "./form/index.js";
 // Note: Heavy form fields (code, markdown) are NOT auto-registered.
 // Users must import from form/code or form/markdown and register explicitly.
 // ============================================================================
 // Display Exports
 // ============================================================================
-export * from './display/index.js';
+export * from "./display/index.js";
 // ============================================================================
 // Playground Exports
 // ============================================================================
-export * from './playground/index.js';
+export * from "./playground/index.js";
 // ============================================================================
 // Editor Exports (includes @xyflow/svelte and auto-registers builtin nodes)
 // ============================================================================
-export * from './editor/index.js';
+export * from "./editor/index.js";
 // ============================================================================
 // Settings Exports (stores, services, components, types)
 // ============================================================================
-export * from './settings/index.js';
+export * from "./settings/index.js";

package/dist/mocks/app-environment.js

@@ -4,7 +4,7 @@
  */
 
 // Mock browser check
-export const browser = typeof window !== 'undefined';
+export const browser = typeof window !== "undefined";
 
 // Mock dev check
 export const dev = false;
@@ -13,4 +13,4 @@ export const dev = false;
 export const building = false;
 
 // Mock version
-export const version = '1.0.0';
+export const version = "1.0.0";

package/dist/mocks/app-forms.js

@@ -6,17 +6,17 @@
 
 // Mock enhance function
 export const enhance = (form, options = {}) => {
-	return (event) => {
-		event.preventDefault();
-		// Basic form handling for library context
-		if (options.onResult) {
-			options.onResult({ type: 'success' });
-		}
-	};
+  return (event) => {
+    event.preventDefault();
+    // Basic form handling for library context
+    if (options.onResult) {
+      options.onResult({ type: "success" });
+    }
+  };
 };
 
 // Mock applyAction function
 export const applyAction = (action) => {
-	// No-op for library context
-	return action;
+  // No-op for library context
+  return action;
 };

package/dist/mocks/app-navigation.js

@@ -3,34 +3,34 @@
  * Provides minimal implementations for SvelteKit navigation in library context
  */
 
-import { logger } from '../utils/logger.js';
+import { logger } from "../utils/logger.js";
 
 // Mock goto function
 export const goto = async () => {
-	// No-op for library context
-	logger.warn('Navigation not available in library context');
+  // No-op for library context
+  logger.warn("Navigation not available in library context");
 };
 
 // Mock invalidate function
 export const invalidate = async () => {
-	// No-op for library context
-	return Promise.resolve();
+  // No-op for library context
+  return Promise.resolve();
 };
 
 // Mock invalidateAll function
 export const invalidateAll = async () => {
-	// No-op for library context
-	return Promise.resolve();
+  // No-op for library context
+  return Promise.resolve();
 };
 
 // Mock preloadData function
 export const preloadData = async () => {
-	// No-op for library context
-	return Promise.resolve({});
+  // No-op for library context
+  return Promise.resolve({});
 };
 
 // Mock preloadCode function
 export const preloadCode = async () => {
-	// No-op for library context
-	return Promise.resolve();
+  // No-op for library context
+  return Promise.resolve();
 };

package/dist/mocks/app-stores.js

@@ -3,17 +3,17 @@
  * Provides minimal implementations for SvelteKit stores in library context
  */
 
-import { writable } from 'svelte/store';
+import { writable } from "svelte/store";
 
 // Mock page store
 export const page = writable({
-	url: new URL('http://localhost:3000'),
-	params: {},
-	route: { id: null },
-	status: 200,
-	error: null,
-	data: {},
-	form: null
+  url: new URL("http://localhost:3000"),
+  params: {},
+  route: { id: null },
+  status: 200,
+  error: null,
+  data: {},
+  form: null,
 });
 
 // Mock navigating store