@flowdrop/flowdrop 1.4.0 → 1.6.0

package/dist/utils/nodeTypes.js

@@ -9,19 +9,19 @@
  *
  * Works with both built-in types and custom registered types.
  */
-import { nodeComponentRegistry } from "../registry/nodeComponentRegistry.js";
-import { resolveBuiltinAlias, isBuiltinType, } from "../registry/builtinNodes.js";
+import { nodeComponentRegistry } from '../registry/nodeComponentRegistry.js';
+import { resolveBuiltinAlias, isBuiltinType } from '../registry/builtinNodes.js';
 /**
  * Display names for built-in node types.
  */
 const TYPE_DISPLAY_NAMES = {
-    note: "Note (sticky note style)",
-    simple: "Simple (compact layout)",
-    square: "Square (geometric layout)",
-    tool: "Tool (specialized for agent tools)",
-    gateway: "Gateway (branching control flow)",
-    terminal: "Terminal (start/end/exit)",
-    default: "Default (standard workflow node)",
+    note: 'Note (sticky note style)',
+    simple: 'Simple (compact layout)',
+    square: 'Square (geometric layout)',
+    tool: 'Tool (specialized for agent tools)',
+    gateway: 'Gateway (branching control flow)',
+    terminal: 'Terminal (start/end/exit)',
+    default: 'Default (standard workflow node)'
 };
 /**
  * Gets the SvelteFlow component name for a given NodeType.
@@ -38,7 +38,7 @@ export function getComponentNameForNodeType(nodeType) {
         return resolvedType;
     }
     // Unknown type - return workflowNode as default
-    return "workflowNode";
+    return 'workflowNode';
 }
 /**
  * Gets the available node types for a given NodeMetadata.
@@ -54,7 +54,7 @@ export function getAvailableNodeTypes(metadata) {
     if (metadata.type) {
         return [metadata.type];
     }
-    return ["default"];
+    return ['default'];
 }
 /**
  * Gets the primary (default) node type for a given NodeMetadata.
@@ -92,8 +92,7 @@ export function resolveNodeType(metadata, configNodeType) {
             return configNodeType;
         }
         // Check if it's a registered custom type
-        if (nodeComponentRegistry.has(configNodeType) ||
-            nodeComponentRegistry.has(resolvedConfig)) {
+        if (nodeComponentRegistry.has(configNodeType) || nodeComponentRegistry.has(resolvedConfig)) {
             return configNodeType;
         }
     }
@@ -172,7 +171,7 @@ export function getNodeTypeOneOfOptions(metadata, includeCustomTypes = false) {
     // Optionally include all registered custom types
     if (includeCustomTypes) {
         const registrations = nodeComponentRegistry.filter({
-            predicate: (reg) => !isBuiltinType(reg.type) && !includedTypes.has(reg.type),
+            predicate: (reg) => !isBuiltinType(reg.type) && !includedTypes.has(reg.type)
         });
         for (const reg of registrations) {
             options.push({ const: reg.type, title: reg.displayName });
@@ -195,11 +194,11 @@ export function createNodeTypeConfigProperty(metadata, defaultType) {
     const oneOf = getNodeTypeOneOfOptions(metadata);
     const primaryType = defaultType ?? getPrimaryNodeType(metadata);
     return {
-        type: "string",
-        title: "Node Type",
-        description: "Choose the visual representation for this node",
+        type: 'string',
+        title: 'Node Type',
+        description: 'Choose the visual representation for this node',
         default: primaryType,
-        oneOf,
+        oneOf
     };
 }
 /**
@@ -227,12 +226,12 @@ export function getAllNodeTypes() {
  */
 function formatTypeName(type) {
     // Handle namespaced types (e.g., "mylib:fancy" -> "Mylib: Fancy")
-    if (type.includes(":")) {
-        const [namespace, name] = type.split(":");
+    if (type.includes(':')) {
+        const [namespace, name] = type.split(':');
         return `${capitalize(namespace)}: ${capitalize(name)}`;
     }
     // Capitalize and add spaces for camelCase
-    return capitalize(type.replace(/([A-Z])/g, " $1").trim());
+    return capitalize(type.replace(/([A-Z])/g, ' $1').trim());
 }
 /**
  * Capitalize the first letter of a string.

package/dist/utils/nodeWrapper.d.ts

@@ -2,13 +2,13 @@
  * Node Wrapper Utilities
  * Provides utilities for wrapping nodes with status overlays
  */
-import type { NodeExecutionInfo } from "../types/index.js";
+import type { NodeExecutionInfo } from '../types/index.js';
 /**
  * Configuration for node status overlay
  */
 export interface NodeStatusConfig {
-    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    size?: "sm" | "md" | "lg";
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    size?: 'sm' | 'md' | 'lg';
     showDetails?: boolean;
 }
 /**
@@ -21,8 +21,8 @@ export declare const DEFAULT_NODE_STATUS_CONFIG: NodeStatusConfig;
 export declare function createNodeWrapperConfig(nodeId: string, executionInfo?: NodeExecutionInfo, config?: NodeStatusConfig): {
     nodeId: string;
     executionInfo?: NodeExecutionInfo;
-    statusPosition: NodeStatusConfig["position"];
-    statusSize: NodeStatusConfig["size"];
+    statusPosition: NodeStatusConfig['position'];
+    statusSize: NodeStatusConfig['size'];
     showStatusDetails: boolean;
 };
 /**
@@ -32,8 +32,8 @@ export declare function shouldShowNodeStatus(executionInfo?: NodeExecutionInfo):
 /**
  * Get optimal status position based on node type
  */
-export declare function getOptimalStatusPosition(nodeType: string): NodeStatusConfig["position"];
+export declare function getOptimalStatusPosition(nodeType: string): NodeStatusConfig['position'];
 /**
  * Get optimal status size based on node type
  */
-export declare function getOptimalStatusSize(nodeType: string): NodeStatusConfig["size"];
+export declare function getOptimalStatusSize(nodeType: string): NodeStatusConfig['size'];

package/dist/utils/nodeWrapper.js

@@ -6,9 +6,9 @@
  * Default configuration for node status overlays
  */
 export const DEFAULT_NODE_STATUS_CONFIG = {
-    position: "top-right",
-    size: "md",
-    showDetails: true,
+    position: 'top-right',
+    size: 'md',
+    showDetails: true
 };
 /**
  * Create a node wrapper configuration
@@ -19,7 +19,7 @@ export function createNodeWrapperConfig(nodeId, executionInfo, config = {}) {
         executionInfo,
         statusPosition: config.position || DEFAULT_NODE_STATUS_CONFIG.position,
         statusSize: config.size || DEFAULT_NODE_STATUS_CONFIG.size,
-        showStatusDetails: config.showDetails ?? DEFAULT_NODE_STATUS_CONFIG.showDetails ?? true,
+        showStatusDetails: config.showDetails ?? DEFAULT_NODE_STATUS_CONFIG.showDetails ?? true
     };
 }
 /**
@@ -28,23 +28,21 @@ export function createNodeWrapperConfig(nodeId, executionInfo, config = {}) {
 export function shouldShowNodeStatus(executionInfo) {
     if (!executionInfo)
         return false;
-    return (executionInfo.status !== "idle" ||
-        executionInfo.executionCount > 0 ||
-        executionInfo.isExecuting);
+    return (executionInfo.status !== 'idle' || executionInfo.executionCount > 0 || executionInfo.isExecuting);
 }
 /**
  * Get optimal status position based on node type
  */
 export function getOptimalStatusPosition(nodeType) {
     switch (nodeType) {
-        case "tool":
-            return "top-left";
-        case "note":
-            return "bottom-right";
-        case "simple":
-        case "square":
+        case 'tool':
+            return 'top-left';
+        case 'note':
+            return 'bottom-right';
+        case 'simple':
+        case 'square':
         default:
-            return "top-right";
+            return 'top-right';
     }
 }
 /**
@@ -52,13 +50,13 @@ export function getOptimalStatusPosition(nodeType) {
  */
 export function getOptimalStatusSize(nodeType) {
     switch (nodeType) {
-        case "tool":
-            return "sm";
-        case "note":
-            return "sm";
-        case "simple":
-        case "square":
+        case 'tool':
+            return 'sm';
+        case 'note':
+            return 'sm';
+        case 'simple':
+        case 'square':
         default:
-            return "md";
+            return 'md';
     }
 }

package/dist/utils/performanceUtils.d.ts

@@ -2,7 +2,7 @@
  * Performance Utilities
  * Helper functions for optimizing performance in the FlowDrop app
  */
-import type { WorkflowNode, WorkflowEdge } from "../types/index.js";
+import type { WorkflowNode, WorkflowEdge } from '../types/index.js';
 /**
  * Fast shallow comparison for workflow nodes
  * Avoids expensive JSON.stringify operations

package/dist/utils/performanceUtils.js

@@ -16,8 +16,7 @@ export function areNodeArraysEqual(nodes1, nodes2) {
         if (node1?.id !== node2?.id)
             return false;
         // Check position (most common change during drag)
-        if (node1?.position?.x !== node2?.position?.x ||
-            node1?.position?.y !== node2?.position?.y) {
+        if (node1?.position?.x !== node2?.position?.x || node1?.position?.y !== node2?.position?.y) {
             return false;
         }
         // Check selected state

package/dist/utils/portUtils.d.ts

@@ -1,4 +1,4 @@
-import type { NodePort } from "../types/index.js";
+import type { NodePort } from '../types/index.js';
 /**
  * Sort ports by an ordered array of port IDs.
  * Ports not listed appear at the end in their original order.
@@ -18,7 +18,7 @@ export declare function getPortTop(index: number, count: number): number;
  * 2. `hideUnconnectedHandles` — hide if not present in the connected handles set
  * 3. Default — visible
  */
-export declare function isPortVisible(port: NodePort, direction: "input" | "output", hiddenPorts: {
+export declare function isPortVisible(port: NodePort, direction: 'input' | 'output', hiddenPorts: {
     inputs?: string[];
     outputs?: string[];
 }, hideUnconnectedHandles: boolean, connectedHandles: Set<string>, nodeId: string | undefined): boolean;

package/dist/utils/portUtils.js

@@ -32,7 +32,7 @@ export function getPortTop(index, count) {
  * 3. Default — visible
  */
 export function isPortVisible(port, direction, hiddenPorts, hideUnconnectedHandles, connectedHandles, nodeId) {
-    const hiddenList = direction === "input" ? hiddenPorts.inputs : hiddenPorts.outputs;
+    const hiddenList = direction === 'input' ? hiddenPorts.inputs : hiddenPorts.outputs;
     if (hiddenList?.includes(port.id))
         return false;
     if (hideUnconnectedHandles) {

package/dist/utils/sanitize.js

@@ -7,7 +7,7 @@
  *
  * @module utils/sanitize
  */
-import DOMPurify from "dompurify";
+import DOMPurify from 'dompurify';
 /**
  * Sanitize an HTML string to prevent XSS attacks.
  *

package/dist/utils/uischema.d.ts

@@ -4,8 +4,8 @@
  * Functions for resolving JSON Pointer scope strings to property keys,
  * and for generating default UISchema from a ConfigSchema.
  */
-import type { ConfigSchema } from "../types/index.js";
-import type { UISchemaElement, UISchemaVerticalLayout } from "../types/uischema.js";
+import type { ConfigSchema } from '../types/index.js';
+import type { UISchemaElement, UISchemaVerticalLayout } from '../types/uischema.js';
 /**
  * Resolve a JSON Pointer scope string to a property key.
  *

package/dist/utils/uischema.js

@@ -20,13 +20,13 @@
  * ```
  */
 export function resolveScopeToKey(scope) {
-    const prefix = "#/properties/";
+    const prefix = '#/properties/';
     if (!scope.startsWith(prefix)) {
         return null;
     }
     const key = scope.slice(prefix.length);
     // Only support single-level property references (no nested paths)
-    if (key.includes("/") || key.length === 0) {
+    if (key.includes('/') || key.length === 0) {
         return null;
     }
     return key;
@@ -53,12 +53,12 @@ export function keyToScope(key) {
  */
 export function generateDefaultUISchema(schema) {
     const elements = Object.keys(schema.properties).map((key) => ({
-        type: "Control",
-        scope: keyToScope(key),
+        type: 'Control',
+        scope: keyToScope(key)
     }));
     return {
-        type: "VerticalLayout",
-        elements,
+        type: 'VerticalLayout',
+        elements
     };
 }
 /**
@@ -72,12 +72,12 @@ export function generateDefaultUISchema(schema) {
 export function collectReferencedKeys(element) {
     const keys = new Set();
     function walk(el) {
-        if (el.type === "Control") {
+        if (el.type === 'Control') {
             const key = resolveScopeToKey(el.scope);
             if (key)
                 keys.add(key);
         }
-        else if (el.type === "VerticalLayout" || el.type === "Group") {
+        else if (el.type === 'VerticalLayout' || el.type === 'Group') {
             for (const child of el.elements) {
                 walk(child);
             }

package/dist/utils/validation.js

@@ -19,32 +19,32 @@
  * @returns A `WorkflowValidationResult` indicating whether the data is valid.
  */
 export function validateWorkflowData(data) {
-    if (data === null || typeof data !== "object" || Array.isArray(data)) {
-        return { valid: false, error: "Workflow must be a JSON object." };
+    if (data === null || typeof data !== 'object' || Array.isArray(data)) {
+        return { valid: false, error: 'Workflow must be a JSON object.' };
     }
     const obj = data;
-    if (typeof obj.id !== "string" || obj.id.trim() === "") {
+    if (typeof obj.id !== 'string' || obj.id.trim() === '') {
         return {
             valid: false,
-            error: 'Workflow JSON must contain a non-empty string "id" field.',
+            error: 'Workflow JSON must contain a non-empty string "id" field.'
         };
     }
-    if (typeof obj.name !== "string" || obj.name.trim() === "") {
+    if (typeof obj.name !== 'string' || obj.name.trim() === '') {
         return {
             valid: false,
-            error: 'Workflow JSON must contain a non-empty string "name" field.',
+            error: 'Workflow JSON must contain a non-empty string "name" field.'
         };
     }
     if (!Array.isArray(obj.nodes)) {
         return {
             valid: false,
-            error: 'Workflow JSON must contain a "nodes" array.',
+            error: 'Workflow JSON must contain a "nodes" array.'
         };
     }
     if (!Array.isArray(obj.edges)) {
         return {
             valid: false,
-            error: 'Workflow JSON must contain an "edges" array.',
+            error: 'Workflow JSON must contain an "edges" array.'
         };
     }
     return { valid: true };

package/package.json

@@ -3,7 +3,7 @@
   "description": "A drop-in visual workflow editor for any web application. You own the backend. You own the data. You own the orchestration.",
   "license": "MIT",
   "private": false,
-  "version": "1.4.0",
+  "version": "1.6.0",
   "author": "Shibin Das (D34dMan)",
   "bugs": {
     "url": "https://github.com/flowdrop-io/flowdrop/issues"
@@ -46,7 +46,8 @@
   "files": [
     "dist",
     "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
+    "!dist/**/*.spec.*",
+    "!dist/**/*.map"
   ],
   "sideEffects": [
     "**/*.css",
@@ -112,6 +113,11 @@
     "./schema": {
       "default": "./dist/schemas/v1/workflow.schema.json"
     },
+    "./chat": {
+      "types": "./dist/chat/index.d.ts",
+      "svelte": "./dist/chat/index.js",
+      "default": "./dist/chat/index.js"
+    },
     "./schema/v1": {
       "default": "./dist/schemas/v1/workflow.schema.json"
     }
@@ -209,10 +215,10 @@
     "eslint-plugin-storybook": "^10.2.15",
     "eslint-plugin-svelte": "^3.0.0",
     "globals": "^16.0.0",
-    "happy-dom": "^20.0.11",
+    "happy-dom": "^20.8.9",
     "msw": "^2.12.7",
     "npm-watch": "^0.13.0",
-    "picomatch": "^4.0.3",
+    "picomatch": "^4.0.4",
     "playwright": "^1.53.0",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.3",
@@ -224,16 +230,11 @@
     "terser": "^5.43.1",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.20.0",
-    "vite": "^6.2.6",
+    "vite": "^6.4.2",
     "vite-plugin-devtools-json": "^0.2.1",
     "vitest": "^3.2.3",
     "vitest-browser-svelte": "^0.1.0",
-    "yaml": "^2.8.2"
-  },
-  "overrides": {
-    "@sveltejs/kit": {
-      "cookie": "0.7.2"
-    }
+    "yaml": "^2.8.3"
   },
   "engines": {
     "node": ">=18"

package/dist/helpers/nodeLayoutHelper.d.ts

@@ -1,14 +0,0 @@
-/**
- * Node layout helper
- * Utilities for node dimensions and port positions aligned to a 10px grid.
- * Used so edge connection points (handle centers) land on multiples of 10.
- */
-/**
- * Y position (in px) for the center of a port handle in a list-based node
- * (WorkflowNode, GatewayNode). Layout: header 60px, then section title row 20px,
- * then port rows 20px each. First port center = 90px, then 110, 130, … (multiples of 10).
- *
- * @param portIndex - Zero-based index in the combined list (section title counts as row 0; first port is index 0)
- * @returns Y coordinate in px for the handle center (use with transform: translateY(-50%))
- */
-export declare function getPortCenterY(portIndex: number): number;

package/dist/helpers/nodeLayoutHelper.js

@@ -1,19 +0,0 @@
-/**
- * Node layout helper
- * Utilities for node dimensions and port positions aligned to a 10px grid.
- * Used so edge connection points (handle centers) land on multiples of 10.
- */
-/**
- * Y position (in px) for the center of a port handle in a list-based node
- * (WorkflowNode, GatewayNode). Layout: header 60px, then section title row 20px,
- * then port rows 20px each. First port center = 90px, then 110, 130, … (multiples of 10).
- *
- * @param portIndex - Zero-based index in the combined list (section title counts as row 0; first port is index 0)
- * @returns Y coordinate in px for the handle center (use with transform: translateY(-50%))
- */
-export function getPortCenterY(portIndex) {
-    const headerHeight = 60;
-    const sectionTitleHeight = 20;
-    const rowHeight = 20;
-    return headerHeight + sectionTitleHeight + (portIndex + 0.5) * rowHeight;
-}