@flowdrop/flowdrop 1.0.1 → 1.2.0

package/dist/utils/nodeStatus.js

@@ -7,13 +7,13 @@
  */
 export function getStatusColor(status) {
     const statusColors = {
-        idle: '#6b7280', // gray
-        pending: '#f59e0b', // amber
-        running: '#3b82f6', // blue
-        completed: '#10b981', // emerald
-        failed: '#ef4444', // red
-        cancelled: '#6b7280', // gray
-        skipped: '#8b5cf6' // violet
+        idle: "#6b7280", // gray
+        pending: "#f59e0b", // amber
+        running: "#3b82f6", // blue
+        completed: "#10b981", // emerald
+        failed: "#ef4444", // red
+        cancelled: "#6b7280", // gray
+        skipped: "#8b5cf6", // violet
     };
     return statusColors[status] || statusColors.idle;
 }
@@ -22,13 +22,13 @@ export function getStatusColor(status) {
  */
 export function getStatusIcon(status) {
     const statusIcons = {
-        idle: 'mdi:circle-outline',
-        pending: 'mdi:clock-outline',
-        running: 'mdi:loading',
-        completed: 'mdi:check-circle',
-        failed: 'mdi:alert-circle',
-        cancelled: 'mdi:cancel',
-        skipped: 'mdi:skip-next'
+        idle: "mdi:circle-outline",
+        pending: "mdi:clock-outline",
+        running: "mdi:loading",
+        completed: "mdi:check-circle",
+        failed: "mdi:alert-circle",
+        cancelled: "mdi:cancel",
+        skipped: "mdi:skip-next",
     };
     return statusIcons[status] || statusIcons.idle;
 }
@@ -37,13 +37,13 @@ export function getStatusIcon(status) {
  */
 export function getStatusLabel(status) {
     const statusLabels = {
-        idle: 'Idle',
-        pending: 'Pending',
-        running: 'Running',
-        completed: 'Completed',
-        failed: 'Failed',
-        cancelled: 'Cancelled',
-        skipped: 'Skipped'
+        idle: "Idle",
+        pending: "Pending",
+        running: "Running",
+        completed: "Completed",
+        failed: "Failed",
+        cancelled: "Cancelled",
+        skipped: "Skipped",
     };
     return statusLabels[status] || statusLabels.idle;
 }
@@ -52,13 +52,13 @@ export function getStatusLabel(status) {
  */
 export function getStatusBackgroundColor(status) {
     const statusBackgroundColors = {
-        idle: '#f9fafb', // light gray
-        pending: '#fef3c7', // light amber
-        running: '#dbeafe', // light blue
-        completed: '#d1fae5', // light emerald
-        failed: '#fee2e2', // light red
-        cancelled: '#f3f4f6', // light gray
-        skipped: '#ede9fe' // light violet
+        idle: "#f9fafb", // light gray
+        pending: "#fef3c7", // light amber
+        running: "#dbeafe", // light blue
+        completed: "#d1fae5", // light emerald
+        failed: "#fee2e2", // light red
+        cancelled: "#f3f4f6", // light gray
+        skipped: "#ede9fe", // light violet
     };
     return statusBackgroundColors[status] || statusBackgroundColors.idle;
 }
@@ -67,13 +67,13 @@ export function getStatusBackgroundColor(status) {
  */
 export function getStatusTextColor(status) {
     const statusTextColors = {
-        idle: '#6b7280', // gray
-        pending: '#d97706', // amber
-        running: '#1d4ed8', // blue
-        completed: '#059669', // emerald
-        failed: '#dc2626', // red
-        cancelled: '#6b7280', // gray
-        skipped: '#7c3aed' // violet
+        idle: "#6b7280", // gray
+        pending: "#d97706", // amber
+        running: "#1d4ed8", // blue
+        completed: "#059669", // emerald
+        failed: "#dc2626", // red
+        cancelled: "#6b7280", // gray
+        skipped: "#7c3aed", // violet
     };
     return statusTextColors[status] || statusTextColors.idle;
 }
@@ -82,9 +82,9 @@ export function getStatusTextColor(status) {
  */
 export function createDefaultExecutionInfo() {
     return {
-        status: 'idle',
+        status: "idle",
         executionCount: 0,
-        isExecuting: false
+        isExecuting: false,
     };
 }
 /**
@@ -93,8 +93,8 @@ export function createDefaultExecutionInfo() {
 export function updateExecutionStart(executionInfo) {
     return {
         ...executionInfo,
-        status: 'running',
-        isExecuting: true
+        status: "running",
+        isExecuting: true,
     };
 }
 /**
@@ -103,12 +103,12 @@ export function updateExecutionStart(executionInfo) {
 export function updateExecutionComplete(executionInfo, duration) {
     return {
         ...executionInfo,
-        status: 'completed',
+        status: "completed",
         executionCount: executionInfo.executionCount + 1,
         lastExecuted: new Date().toISOString(),
         lastExecutionDuration: duration,
         isExecuting: false,
-        lastError: undefined // Clear any previous error
+        lastError: undefined, // Clear any previous error
     };
 }
 /**
@@ -117,12 +117,12 @@ export function updateExecutionComplete(executionInfo, duration) {
 export function updateExecutionFailed(executionInfo, error, duration) {
     return {
         ...executionInfo,
-        status: 'failed',
+        status: "failed",
         executionCount: executionInfo.executionCount + 1,
         lastExecuted: new Date().toISOString(),
         lastExecutionDuration: duration,
         isExecuting: false,
-        lastError: error
+        lastError: error,
     };
 }
 /**
@@ -131,9 +131,9 @@ export function updateExecutionFailed(executionInfo, error, duration) {
 export function resetExecutionInfo(executionInfo) {
     return {
         ...executionInfo,
-        status: 'idle',
+        status: "idle",
         isExecuting: false,
-        lastError: undefined
+        lastError: undefined,
     };
 }
 /**
@@ -141,7 +141,7 @@ export function resetExecutionInfo(executionInfo) {
  */
 export function formatExecutionDuration(duration) {
     if (!duration)
-        return 'N/A';
+        return "N/A";
     if (duration < 1000) {
         return `${Math.round(duration)}ms`;
     }
@@ -159,13 +159,13 @@ export function formatExecutionDuration(duration) {
  */
 export function formatLastExecuted(timestamp) {
     if (!timestamp)
-        return 'Never';
+        return "Never";
     const date = new Date(timestamp);
     const now = new Date();
     const diffMs = now.getTime() - date.getTime();
     if (diffMs < 60000) {
         // Less than 1 minute
-        return 'Just now';
+        return "Just now";
     }
     else if (diffMs < 3600000) {
         // Less than 1 hour

package/dist/utils/nodeTypes.d.ts

@@ -9,7 +9,7 @@
  *
  * Works with both built-in types and custom registered types.
  */
-import type { NodeType, NodeMetadata } from '../types/index.js';
+import type { NodeType, NodeMetadata } from "../types/index.js";
 /**
  * Gets the SvelteFlow component name for a given NodeType.
  * Uses the node component registry to resolve types.

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,7 +92,8 @@ 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;
         }
     }
@@ -171,7 +172,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 });
@@ -194,11 +195,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,
     };
 }
 /**
@@ -226,12 +227,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,21 +28,23 @@ 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";
     }
 }
 /**
@@ -50,13 +52,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,7 +16,8 @@ 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/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,21 +19,33 @@
  * @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() === '') {
-        return { valid: false, error: 'Workflow JSON must contain a non-empty string "id" field.' };
+    if (typeof obj.id !== "string" || obj.id.trim() === "") {
+        return {
+            valid: false,
+            error: 'Workflow JSON must contain a non-empty string "id" field.',
+        };
     }
-    if (typeof obj.name !== 'string' || obj.name.trim() === '') {
-        return { valid: false, error: 'Workflow JSON must contain a non-empty string "name" field.' };
+    if (typeof obj.name !== "string" || obj.name.trim() === "") {
+        return {
+            valid: false,
+            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.' };
+        return {
+            valid: false,
+            error: 'Workflow JSON must contain a "nodes" array.',
+        };
     }
     if (!Array.isArray(obj.edges)) {
-        return { valid: false, error: 'Workflow JSON must contain an "edges" array.' };
+        return {
+            valid: false,
+            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.0.1",
+  "version": "1.2.0",
   "author": "Shibin Das (D34dMan)",
   "bugs": {
     "url": "https://github.com/flowdrop-io/flowdrop/issues"