@d34dman/flowdrop 0.0.1 → 0.0.3

package/dist/components/WorkflowNode.svelte.d.ts

@@ -1,10 +1,14 @@
-import type { WorkflowNode } from "../types/index.js";
+import type { WorkflowNode } from '../types/index.js';
 interface Props {
-    data: WorkflowNode["data"] & {
+    data: WorkflowNode['data'] & {
         nodeId?: string;
+        onConfigOpen?: (node: {
+            id: string;
+            type: string;
+            data: WorkflowNode['data'];
+        }) => void;
     };
     selected?: boolean;
-    onPortClick?: (nodeId: string, portId: string, isOutput: boolean, event: MouseEvent) => void;
 }
 declare const WorkflowNode: import("svelte").Component<Props, {}, "">;
 type WorkflowNode = ReturnType<typeof WorkflowNode>;

package/dist/config/apiConfig.d.ts

@@ -0,0 +1,33 @@
+/**
+ * API Configuration
+ * Centralized configuration for all API endpoints
+ */
+export interface ApiConfig {
+    baseUrl: string;
+    endpoints: {
+        workflows: {
+            list: string;
+            get: string;
+            create: string;
+            update: string;
+            delete: string;
+            execute: string;
+            executionState: string;
+        };
+        executions: {
+            active: string;
+        };
+        nodes: {
+            list: string;
+        };
+    };
+}
+/**
+ * Default API configuration
+ * Can be overridden by environment variables or runtime config
+ */
+export declare const defaultApiConfig: ApiConfig;
+/**
+ * Get full URL for an endpoint
+ */
+export declare function getEndpointUrl(config: ApiConfig, endpoint: string, params?: Record<string, string>): string;

package/dist/config/apiConfig.js

@@ -0,0 +1,39 @@
+/**
+ * API Configuration
+ * Centralized configuration for all API endpoints
+ */
+/**
+ * Default API configuration
+ * Can be overridden by environment variables or runtime config
+ */
+export const defaultApiConfig = {
+    baseUrl: import.meta.env.VITE_API_BASE_URL || '/api/flowdrop',
+    endpoints: {
+        workflows: {
+            list: '/workflows',
+            get: '/workflows/{id}',
+            create: '/workflows',
+            update: '/workflows/{id}',
+            delete: '/workflows/{id}',
+            execute: '/workflows/{id}/execute',
+            executionState: '/workflows/{id}/executions/{execution_id}/state'
+        },
+        executions: {
+            active: '/executions/active'
+        },
+        nodes: {
+            list: '/nodes'
+        }
+    }
+};
+/**
+ * Get full URL for an endpoint
+ */
+export function getEndpointUrl(config, endpoint, params = {}) {
+    let url = config.baseUrl + endpoint;
+    // Replace path parameters
+    for (const [key, value] of Object.entries(params)) {
+        url = url.replace(`{${key}}`, value);
+    }
+    return url;
+}

package/dist/config/defaultPortConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Default port configuration for FlowDrop
+ * Provides backward compatibility and serves as an example configuration
+ */
+import type { PortConfig } from '../types/index.js';
+export declare const DEFAULT_PORT_CONFIG: PortConfig;

package/dist/config/defaultPortConfig.js

@@ -0,0 +1,192 @@
+/**
+ * Default port configuration for FlowDrop
+ * Provides backward compatibility and serves as an example configuration
+ */
+export const DEFAULT_PORT_CONFIG = {
+    version: '1.0.0',
+    defaultDataType: 'string',
+    dataTypes: [
+        // Text and basic types
+        {
+            id: 'trigger',
+            name: 'Trigger',
+            description: 'Control flow of the workflow',
+            color: 'var(--color-ref-purple-500)',
+            category: 'basic',
+            enabled: true
+        },
+        // Text and basic types
+        {
+            id: 'string',
+            name: 'String',
+            description: 'Text data',
+            color: 'var(--color-ref-emerald-500)',
+            category: 'basic',
+            enabled: true
+        },
+        // Numeric types
+        {
+            id: 'number',
+            name: 'Number',
+            description: 'Numeric data',
+            color: 'var(--color-ref-blue-600)',
+            category: 'numeric',
+            enabled: true
+        },
+        // Boolean types
+        {
+            id: 'boolean',
+            name: 'Boolean',
+            description: 'True/false values',
+            color: 'var(--color-ref-purple-600)',
+            category: 'logical',
+            enabled: true
+        },
+        // Collection types
+        {
+            id: 'array',
+            name: 'Array',
+            description: 'Ordered list of items',
+            color: 'var(--color-ref-amber-500)',
+            category: 'collection',
+            enabled: true
+        },
+        // Typed arrays
+        {
+            id: 'string[]',
+            name: 'String Array',
+            description: 'Array of strings',
+            color: 'var(--color-ref-emerald-400)',
+            category: 'collection',
+            enabled: true
+        },
+        {
+            id: 'number[]',
+            name: 'Number Array',
+            description: 'Array of numbers',
+            color: 'var(--color-ref-blue-400)',
+            category: 'collection',
+            enabled: true
+        },
+        {
+            id: 'boolean[]',
+            name: 'Boolean Array',
+            description: 'Array of true/false values',
+            color: 'var(--color-ref-purple-400)',
+            category: 'collection',
+            enabled: true
+        },
+        {
+            id: 'json[]',
+            name: 'JSON Array',
+            description: 'Array of JSON objects',
+            color: 'var(--color-ref-orange-400)',
+            category: 'collection',
+            enabled: true
+        },
+        {
+            id: 'file[]',
+            name: 'File Array',
+            description: 'Array of files',
+            color: 'var(--color-ref-red-400)',
+            category: 'collection',
+            enabled: true
+        },
+        {
+            id: 'image[]',
+            name: 'Image Array',
+            description: 'Array of images',
+            color: 'var(--color-ref-pink-400)',
+            category: 'collection',
+            enabled: true
+        },
+        // Complex types
+        {
+            id: 'json',
+            name: 'JSON',
+            description: 'JSON structured data',
+            color: 'var(--color-ref-orange-500)',
+            category: 'complex',
+            enabled: true
+        },
+        // File types
+        {
+            id: 'file',
+            name: 'File',
+            description: 'File data',
+            color: 'var(--color-ref-red-500)',
+            category: 'file',
+            enabled: true
+        },
+        // Media types
+        {
+            id: 'image',
+            name: 'Image',
+            description: 'Image data',
+            color: 'var(--color-ref-pink-500)',
+            category: 'media',
+            enabled: true
+        },
+        {
+            id: 'audio',
+            name: 'Audio',
+            description: 'Audio data',
+            color: 'var(--color-ref-indigo-500)',
+            category: 'media',
+            enabled: true
+        },
+        {
+            id: 'video',
+            name: 'Video',
+            description: 'Video data',
+            color: 'var(--color-ref-teal-500)',
+            category: 'media',
+            enabled: true
+        },
+        // Special types
+        {
+            id: 'url',
+            name: 'URL',
+            description: 'Web address',
+            color: 'var(--color-ref-cyan-500)',
+            category: 'special',
+            enabled: true
+        },
+        {
+            id: 'email',
+            name: 'Email',
+            description: 'Email address',
+            color: 'var(--color-ref-cyan-500)',
+            category: 'special',
+            enabled: true
+        },
+        {
+            id: 'date',
+            name: 'Date',
+            description: 'Date value',
+            color: 'var(--color-ref-lime-500)',
+            category: 'temporal',
+            enabled: true
+        },
+        {
+            id: 'datetime',
+            name: 'DateTime',
+            description: 'Date and time value',
+            color: 'var(--color-ref-lime-500)',
+            category: 'temporal',
+            enabled: true
+        },
+        {
+            id: 'time',
+            name: 'Time',
+            description: 'Time value',
+            color: 'var(--color-ref-lime-500)',
+            category: 'temporal',
+            enabled: true
+        }
+    ],
+    compatibilityRules: [
+    // Pure same-type compatibility: string connects to string, number to number, etc.
+    // No additional rules needed - the system handles same-type connections automatically
+    ]
+};

package/dist/config/demo.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Demo configuration for FlowDrop UI
+ * Controls which nodes and workflows are shown in demo mode
+ */
+import type { DemoConfig } from '../data/samples.js';
+/**
+ * Default demo configuration
+ * Change this to enable/disable demo mode and control what's shown
+ */
+export declare const defaultDemoConfig: DemoConfig;
+/**
+ * Demo mode presets for different scenarios
+ */
+export declare const demoPresets: Record<string, DemoConfig>;
+/**
+ * Get the current demo configuration
+ * You can modify this function to read from localStorage, URL params, etc.
+ */
+export declare function getCurrentDemoConfig(): DemoConfig;
+/**
+ * Set demo configuration (for future use with UI controls)
+ */
+export declare function setDemoConfig(config: DemoConfig): void;
+/**
+ * Load demo configuration from localStorage
+ */
+export declare function loadDemoConfig(): DemoConfig;
+/**
+ * Demo workflow configuration
+ */
+export declare const demoWorkflowConfig: {
+    defaultWorkflow: string;
+    autoLoadDemo: boolean;
+    sampleWorkflowName: string;
+    sampleWorkflowDescription: string;
+};
+/**
+ * Demo instructions for non-technical users
+ */
+export declare const demoInstructions: {
+    title: string;
+    description: string;
+    steps: ({
+        step: number;
+        title: string;
+        description: string;
+        example: string;
+        note?: undefined;
+    } | {
+        step: number;
+        title: string;
+        description: string;
+        note: string;
+        example?: undefined;
+    })[];
+    benefits: string[];
+    useCases: string[];
+};

package/dist/config/demo.js

@@ -0,0 +1,142 @@
+/**
+ * Demo configuration for FlowDrop UI
+ * Controls which nodes and workflows are shown in demo mode
+ */
+/**
+ * Default demo configuration
+ * Change this to enable/disable demo mode and control what's shown
+ */
+export const defaultDemoConfig = {
+    enabled: true, // Set to true to enable demo mode
+    mode: 'content-management' // Show only whitelisted content management nodes
+};
+/**
+ * Demo mode presets for different scenarios
+ */
+export const demoPresets = {
+    // Content management demo mode - show only whitelisted nodes
+    'content-management': {
+        enabled: true,
+        mode: 'content-management'
+    },
+    // Show all nodes (disable demo filtering)
+    'all-nodes': {
+        enabled: false,
+        mode: 'all'
+    }
+};
+/**
+ * Get the current demo configuration
+ * You can modify this function to read from localStorage, URL params, etc.
+ */
+export function getCurrentDemoConfig() {
+    // For now, return the default config
+    // In the future, this could check localStorage or URL parameters
+    return defaultDemoConfig;
+}
+/**
+ * Set demo configuration (for future use with UI controls)
+ */
+export function setDemoConfig(config) {
+    // Store in localStorage for persistence
+    if (typeof localStorage !== 'undefined') {
+        localStorage.setItem('flowdrop-demo-config', JSON.stringify(config));
+    }
+}
+/**
+ * Load demo configuration from localStorage
+ */
+export function loadDemoConfig() {
+    if (typeof localStorage !== 'undefined') {
+        const stored = localStorage.getItem('flowdrop-demo-config');
+        if (stored) {
+            try {
+                return JSON.parse(stored);
+            }
+            catch {
+                // Fall back to default if parsing fails
+                return defaultDemoConfig;
+            }
+        }
+    }
+    return defaultDemoConfig;
+}
+/**
+ * Demo workflow configuration
+ */
+export const demoWorkflowConfig = {
+    // Which workflow to show by default in demo mode
+    defaultWorkflow: 'sample', // Use sample workflow for now
+    // Whether to auto-load a workflow on startup
+    autoLoadDemo: false,
+    // Sample workflow is used in demo mode
+    sampleWorkflowName: 'Simple Chat Workflow',
+    sampleWorkflowDescription: 'A basic workflow demonstrating direct text input to AI model response'
+};
+/**
+ * Demo instructions for non-technical users
+ */
+export const demoInstructions = {
+    title: 'Multi-Agent Content Management Demo',
+    description: 'This demo shows how FlowDrop uses multiple AI agents working together to manage and improve your Drupal content.',
+    steps: [
+        {
+            step: 1,
+            title: 'User Input',
+            description: 'Start by telling the main agent what content management task you need.',
+            example: "Find all blog posts about 'XB' and check if it's being used correctly as an acronym"
+        },
+        {
+            step: 2,
+            title: 'Main Agent Orchestration',
+            description: 'The main conversational agent understands your request and coordinates with specialized sub-agents.',
+            note: 'Acts as the intelligent orchestrator of the entire workflow'
+        },
+        {
+            step: 3,
+            title: 'Content Analysis Agent',
+            description: 'Specialized agent analyzes content using RAG search tools to find and examine relevant content.',
+            note: 'Uses Drupal Search API RAG tool for intelligent content discovery'
+        },
+        {
+            step: 4,
+            title: 'Content Editor Agent',
+            description: 'Specialized agent makes improvements using available tools like date formatters and draft creators.',
+            note: 'Has access to multiple tools and makes conservative, tracked changes'
+        },
+        {
+            step: 5,
+            title: 'Tool Integration',
+            description: 'Sub-agents use specialized tools: RAG search, draft creation, date formatting, etc.',
+            note: "Tools are connected via special 'tool' interface ports"
+        },
+        {
+            step: 6,
+            title: 'Agent Collaboration',
+            description: 'Sub-agents report back to the main agent with their findings and completed work.',
+            note: 'Multi-agent coordination ensures comprehensive task completion'
+        },
+        {
+            step: 7,
+            title: 'Orchestrated Response',
+            description: 'Main agent compiles results from all sub-agents and provides a comprehensive response.',
+            note: 'Includes summaries, draft links, and next steps for human review'
+        }
+    ],
+    benefits: [
+        'Multi-agent collaboration for complex tasks',
+        'Specialized agents for specific content management functions',
+        'Intelligent task orchestration and coordination',
+        'Tool-based architecture for extensibility',
+        'Human oversight through draft approval process',
+        'Scalable agent-to-agent communication patterns'
+    ],
+    useCases: [
+        'Multi-agent content analysis and improvement',
+        'Coordinated acronym standardization workflows',
+        'Agent-orchestrated style guide enforcement',
+        'Collaborative content quality assessment',
+        'Tool-assisted bulk content transformations',
+        'Intelligent editorial workflow automation'
+    ]
+};

package/dist/config/endpoints.d.ts

@@ -0,0 +1,106 @@
+/**
+ * FlowDrop Endpoint Configuration
+ * Provides configurable endpoints for all API actions
+ */
+export interface EndpointConfig {
+    /** Base URL for all endpoints */
+    baseUrl: string;
+    /** Individual endpoint paths */
+    endpoints: {
+        nodes: {
+            list: string;
+            get: string;
+            byCategory: string;
+            metadata: string;
+        };
+        portConfig: string;
+        workflows: {
+            list: string;
+            get: string;
+            create: string;
+            update: string;
+            delete: string;
+            validate: string;
+            export: string;
+            import: string;
+        };
+        executions: {
+            execute: string;
+            status: string;
+            cancel: string;
+            logs: string;
+            history: string;
+        };
+        pipelines: {
+            list: string;
+            get: string;
+            create: string;
+            update: string;
+            delete: string;
+            status: string;
+            logs: string;
+            execute: string;
+            stop: string;
+        };
+        templates: {
+            list: string;
+            get: string;
+            create: string;
+            update: string;
+            delete: string;
+        };
+        users: {
+            profile: string;
+            preferences: string;
+        };
+        system: {
+            health: string;
+            config: string;
+            version: string;
+        };
+    };
+    /** HTTP method overrides for specific endpoints */
+    methods?: {
+        [key: string]: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+    };
+    /** Custom headers for specific endpoints */
+    headers?: {
+        [key: string]: Record<string, string>;
+    };
+    /** Authentication configuration */
+    auth?: {
+        type: 'none' | 'bearer' | 'api_key' | 'custom';
+        token?: string;
+        apiKey?: string;
+        headers?: Record<string, string>;
+    };
+    /** Request timeout in milliseconds */
+    timeout?: number;
+    /** Retry configuration */
+    retry?: {
+        enabled: boolean;
+        maxAttempts: number;
+        delay: number;
+        backoff?: 'linear' | 'exponential';
+    };
+}
+/**
+ * Default endpoint configuration
+ */
+export declare const defaultEndpointConfig: EndpointConfig;
+/**
+ * Create endpoint configuration with custom base URL
+ */
+export declare function createEndpointConfig(baseUrl: string, overrides?: Partial<EndpointConfig>): EndpointConfig;
+/**
+ * Build full URL for an endpoint
+ */
+export declare function buildEndpointUrl(config: EndpointConfig, endpointPath: string, params?: Record<string, string>): string;
+/**
+ * Get HTTP method for an endpoint
+ */
+export declare function getEndpointMethod(config: EndpointConfig, endpointKey: string): string;
+/**
+ * Get custom headers for an endpoint
+ */
+export declare function getEndpointHeaders(config: EndpointConfig, endpointKey: string): Record<string, string>;