@flowdrop/flowdrop 1.0.1 → 1.1.0

package/README.md

@@ -57,8 +57,8 @@ You get a production-ready workflow UI. You keep full control of everything else
 
 ```svelte
 <script lang="ts">
-	import { WorkflowEditor } from '@flowdrop/flowdrop';
-	import '@flowdrop/flowdrop/styles/base.css';
+  import { WorkflowEditor } from "@flowdrop/flowdrop";
+  import "@flowdrop/flowdrop/styles/base.css";
 </script>
 
 <WorkflowEditor />
@@ -110,27 +110,27 @@ FlowDrop ships with 7 beautifully designed node types:
 
 ```svelte
 <script>
-	import { WorkflowEditor, NodeSidebar } from '@flowdrop/flowdrop';
+  import { WorkflowEditor, NodeSidebar } from "@flowdrop/flowdrop";
 </script>
 
 <div class="flex h-screen">
-	<NodeSidebar {nodes} />
-	<WorkflowEditor {nodes} />
+  <NodeSidebar {nodes} />
+  <WorkflowEditor {nodes} />
 </div>
 ```
 
 ### Vanilla JS / React / Vue / Angular
 
 ```javascript
-import { mountFlowDropApp, createEndpointConfig } from '@flowdrop/flowdrop';
-
-const app = await mountFlowDropApp(document.getElementById('editor'), {
-	workflow: myWorkflow,
-	endpointConfig: createEndpointConfig('/api/flowdrop'),
-	eventHandlers: {
-		onDirtyStateChange: (isDirty) => console.log('Unsaved changes:', isDirty),
-		onAfterSave: (workflow) => console.log('Saved!', workflow)
-	}
+import { mountFlowDropApp, createEndpointConfig } from "@flowdrop/flowdrop";
+
+const app = await mountFlowDropApp(document.getElementById("editor"), {
+  workflow: myWorkflow,
+  endpointConfig: createEndpointConfig("/api/flowdrop"),
+  eventHandlers: {
+    onDirtyStateChange: (isDirty) => console.log("Unsaved changes:", isDirty),
+    onAfterSave: (workflow) => console.log("Saved!", workflow),
+  },
 });
 
 // Full control over the editor
@@ -142,27 +142,27 @@ app.destroy();
 ### Enterprise Integration
 
 ```javascript
-import { mountFlowDropApp, CallbackAuthProvider } from '@flowdrop/flowdrop';
+import { mountFlowDropApp, CallbackAuthProvider } from "@flowdrop/flowdrop";
 
 const app = await mountFlowDropApp(container, {
-	// Dynamic token refresh
-	authProvider: new CallbackAuthProvider({
-		getToken: () => authService.getAccessToken(),
-		onUnauthorized: () => authService.refreshToken()
-	}),
-
-	// Lifecycle hooks
-	eventHandlers: {
-		onBeforeUnmount: (workflow, isDirty) => {
-			if (isDirty) saveDraft(workflow);
-		}
-	},
-
-	// Auto-save, toasts, and more
-	features: {
-		autoSaveDraft: true,
-		autoSaveDraftInterval: 30000
-	}
+  // Dynamic token refresh
+  authProvider: new CallbackAuthProvider({
+    getToken: () => authService.getAccessToken(),
+    onUnauthorized: () => authService.refreshToken(),
+  }),
+
+  // Lifecycle hooks
+  eventHandlers: {
+    onBeforeUnmount: (workflow, isDirty) => {
+      if (isDirty) saveDraft(workflow);
+    },
+  },
+
+  // Auto-save, toasts, and more
+  features: {
+    autoSaveDraft: true,
+    autoSaveDraftInterval: 30000,
+  },
 });
 ```
 
@@ -171,21 +171,21 @@ const app = await mountFlowDropApp(container, {
 Connect to any backend in seconds:
 
 ```typescript
-import { createEndpointConfig } from '@flowdrop/flowdrop';
+import { createEndpointConfig } from "@flowdrop/flowdrop";
 
 const config = createEndpointConfig({
-	baseUrl: 'https://api.example.com',
-	endpoints: {
-		nodes: { list: '/nodes', get: '/nodes/{id}' },
-		workflows: {
-			list: '/workflows',
-			get: '/workflows/{id}',
-			create: '/workflows',
-			update: '/workflows/{id}',
-			execute: '/workflows/{id}/execute'
-		}
-	},
-	auth: { type: 'bearer', token: 'your-token' }
+  baseUrl: "https://api.example.com",
+  endpoints: {
+    nodes: { list: "/nodes", get: "/nodes/{id}" },
+    workflows: {
+      list: "/workflows",
+      get: "/workflows/{id}",
+      create: "/workflows",
+      update: "/workflows/{id}",
+      execute: "/workflows/{id}/execute",
+    },
+  },
+  auth: { type: "bearer", token: "your-token" },
 });
 ```
 
@@ -195,10 +195,10 @@ Make it yours with CSS custom properties:
 
 ```css
 :root {
-	--flowdrop-background-color: #0a0a0a;
-	--flowdrop-primary-color: #6366f1;
-	--flowdrop-border-color: #27272a;
-	--flowdrop-text-color: #fafafa;
+  --flowdrop-background-color: #0a0a0a;
+  --flowdrop-primary-color: #6366f1;
+  --flowdrop-border-color: #27272a;
+  --flowdrop-text-color: #fafafa;
 }
 ```
 

package/dist/adapters/WorkflowAdapter.d.ts

@@ -13,7 +13,7 @@
  * - External applications that want to integrate with FlowDrop
  * - Systems that need to generate or modify workflows programmatically
  */
-import type { Workflow, NodeMetadata, WorkflowFormat } from '../types/index.js';
+import type { Workflow, NodeMetadata, WorkflowFormat } from "../types/index.js";
 /**
  * Standard workflow node interface (SvelteFlow-agnostic)
  */

package/dist/adapters/WorkflowAdapter.js

@@ -13,7 +13,7 @@
  * - External applications that want to integrate with FlowDrop
  * - Systems that need to generate or modify workflows programmatically
  */
-import { v4 as uuidv4 } from 'uuid';
+import { v4 as uuidv4 } from "uuid";
 /**
  * Generate a unique node ID based on node type and existing nodes
  * Format: <node_type>.<number>
@@ -55,10 +55,10 @@ export class WorkflowAdapter {
             nodes: [],
             edges: [],
             metadata: {
-                version: '1.0.0',
+                version: "1.0.0",
                 createdAt: new Date().toISOString(),
-                updatedAt: new Date().toISOString()
-            }
+                updatedAt: new Date().toISOString(),
+            },
         };
     }
     /**
@@ -78,8 +78,8 @@ export class WorkflowAdapter {
             data: {
                 label: metadata.name,
                 config: config || {},
-                metadata
-            }
+                metadata,
+            },
         };
         workflow.nodes.push(node);
         workflow.metadata.updatedAt = new Date().toISOString();
@@ -129,7 +129,7 @@ export class WorkflowAdapter {
             source: sourceNodeId,
             target: targetNodeId,
             sourceHandle,
-            targetHandle
+            targetHandle,
         };
         workflow.edges.push(edge);
         workflow.metadata.updatedAt = new Date().toISOString();
@@ -181,7 +181,7 @@ export class WorkflowAdapter {
         const warnings = [];
         // Check for empty workflow
         if (workflow.nodes.length === 0) {
-            warnings.push('Workflow has no nodes');
+            warnings.push("Workflow has no nodes");
         }
         // Check for orphaned edges
         const nodeIds = new Set(workflow.nodes.map((n) => n.id));
@@ -222,7 +222,7 @@ export class WorkflowAdapter {
         return {
             valid: errors.length === 0,
             errors,
-            warnings
+            warnings,
         };
     }
     /**
@@ -240,20 +240,20 @@ export class WorkflowAdapter {
             // Validate the imported workflow
             const validation = this.validateWorkflow(workflow);
             if (!validation.valid) {
-                throw new Error(`Invalid workflow: ${validation.errors.join(', ')}`);
+                throw new Error(`Invalid workflow: ${validation.errors.join(", ")}`);
             }
             // Update metadata
             workflow.metadata = {
-                version: workflow.metadata?.version || '1.0.0',
+                version: workflow.metadata?.version || "1.0.0",
                 createdAt: workflow.metadata?.createdAt || new Date().toISOString(),
                 updatedAt: new Date().toISOString(),
                 author: workflow.metadata?.author,
-                tags: workflow.metadata?.tags
+                tags: workflow.metadata?.tags,
             };
             return workflow;
         }
         catch (error) {
-            throw new Error(`Failed to import workflow: ${error instanceof Error ? error.message : 'Unknown error'}`);
+            throw new Error(`Failed to import workflow: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
     }
     /**
@@ -271,17 +271,17 @@ export class WorkflowAdapter {
                 data: {
                     label: node.data.label,
                     config: node.data.config,
-                    metadata: node.data.metadata
-                }
+                    metadata: node.data.metadata,
+                },
             })),
             edges: svelteFlowWorkflow.edges.map((edge) => ({
                 id: edge.id,
                 source: edge.source,
                 target: edge.target,
                 sourceHandle: edge.sourceHandle,
-                targetHandle: edge.targetHandle
+                targetHandle: edge.targetHandle,
             })),
-            metadata: svelteFlowWorkflow.metadata
+            metadata: svelteFlowWorkflow.metadata,
         };
     }
     /**
@@ -294,24 +294,24 @@ export class WorkflowAdapter {
             description: workflow.description,
             nodes: workflow.nodes.map((node) => ({
                 id: node.id,
-                type: 'workflowNode',
+                type: "workflowNode",
                 position: node.position,
                 deletable: true,
                 data: {
                     label: node.data.label,
                     config: node.data.config,
                     metadata: node.data.metadata,
-                    nodeId: node.id
-                }
+                    nodeId: node.id,
+                },
             })),
             edges: workflow.edges.map((edge) => ({
                 id: edge.id,
                 source: edge.source,
                 target: edge.target,
                 sourceHandle: edge.sourceHandle,
-                targetHandle: edge.targetHandle
+                targetHandle: edge.targetHandle,
             })),
-            metadata: workflow.metadata
+            metadata: workflow.metadata,
         };
     }
     /**
@@ -326,7 +326,7 @@ export class WorkflowAdapter {
             totalNodes: workflow.nodes.length,
             totalEdges: workflow.edges.length,
             nodeTypeCounts: Object.fromEntries(nodeTypeCounts),
-            lastModified: workflow.metadata?.updatedAt
+            lastModified: workflow.metadata?.updatedAt,
         };
     }
     /**
@@ -357,11 +357,11 @@ export class WorkflowAdapter {
         cloned.id = uuidv4();
         cloned.name = newName || `${workflow.name} (Copy)`;
         cloned.metadata = {
-            version: cloned.metadata?.version || '1.0.0',
+            version: cloned.metadata?.version || "1.0.0",
             createdAt: new Date().toISOString(),
             updatedAt: new Date().toISOString(),
             author: cloned.metadata?.author,
-            tags: cloned.metadata?.tags
+            tags: cloned.metadata?.tags,
         };
         return cloned;
     }

package/dist/adapters/agentspec/AgentSpecAdapter.d.ts

@@ -9,8 +9,8 @@
  *
  * @see https://github.com/oracle/agent-spec
  */
-import type { AgentSpecFlow } from '../../types/agentspec.js';
-import type { StandardWorkflow } from '../WorkflowAdapter.js';
+import type { AgentSpecFlow } from "../../types/agentspec.js";
+import type { StandardWorkflow } from "../WorkflowAdapter.js";
 export declare class AgentSpecAdapter {
     /**
      * Convert a FlowDrop StandardWorkflow to an Agent Spec Flow.