@d34dman/flowdrop 0.0.18 → 0.0.19

package/README.md

@@ -169,8 +169,6 @@ const workflow = app.getWorkflow();
 app.destroy();
 ```
 
-See the [Enterprise Integration Guide](./docs/enterprise-integration.md) for React, Vue, Angular, and Drupal examples.
-
 #### 3. Integration with Backend Frameworks
 
 ##### Drupal Example
@@ -310,47 +308,6 @@ const endNode: NodeMetadata = {
 };
 ```
 
-Terminal variants are auto-detected from `id`, `name`, or `tags` containing: `start`, `end`, `exit`, `abort`, `entry`, `finish`, `complete`.
-
-#### Custom Node Types
-
-Define custom node types:
-
-```typescript
-const customNode: NodeMetadata = {
-	id: 'custom_processor',
-	name: 'Custom Processor',
-	category: 'data_processing',
-	description: 'Process data with custom logic',
-	icon: 'mdi:cog',
-	color: '#3b82f6',
-	inputs: [
-		{
-			id: 'input',
-			name: 'Input',
-			type: 'input',
-			dataType: 'mixed'
-		}
-	],
-	outputs: [
-		{
-			id: 'output',
-			name: 'Output',
-			type: 'output',
-			dataType: 'mixed'
-		}
-	],
-	configSchema: {
-		type: 'object',
-		properties: {
-			operation: {
-				type: 'string',
-				title: 'Operation'
-			}
-		}
-	}
-};
-```
 
 ## 🔌 Backend Integration
 
@@ -407,14 +364,6 @@ npm run format
 
 - **API.md** - REST API specification
 - **CHANGELOG.md** - Version history
-- **Storybook** - Component documentation (run `npm run storybook`)
-
-### Enterprise Features (v0.0.16+)
-
-- **[Enterprise Integration Guide](./docs/enterprise-integration.md)** - Complete integration patterns for React, Vue, Angular, Drupal
-- **[Authentication Guide](./docs/authentication-guide.md)** - OAuth, JWT, SSO, and custom auth providers
-- **[Event Handlers](./docs/event-handlers.md)** - Workflow lifecycle events and hooks
-- **[Features Configuration](./docs/features-configuration.md)** - Feature flags, draft auto-save, and customization
 
 ## 🤝 Contributing
 
@@ -457,10 +406,6 @@ docker-compose up -d
 - `FLOWDROP_AUTH_TYPE` - Authentication type (none/bearer/api_key/custom)
 - `FLOWDROP_AUTH_TOKEN` - Authentication token
 
-**Development (Build-time):**
-
-- `VITE_API_BASE_URL` - Dev API URL (used only during `npm run dev`)
-
 ### Build for Production
 
 ```bash

package/dist/api/enhanced-client.d.ts

@@ -30,7 +30,7 @@ export declare class ApiError extends Error {
  * // With AuthProvider
  * const client = new EnhancedFlowDropApiClient(config, authProvider);
  *
- * // Backward compatible (uses config.auth)
+ * // Without authentication
  * const client = new EnhancedFlowDropApiClient(config);
  * ```
  */
@@ -41,7 +41,7 @@ export declare class EnhancedFlowDropApiClient {
      * Create a new EnhancedFlowDropApiClient
      *
      * @param config - Endpoint configuration
-     * @param authProvider - Optional authentication provider (if not provided, uses config.auth)
+     * @param authProvider - Optional authentication provider (defaults to NoAuthProvider)
      */
     constructor(config: EndpointConfig, authProvider?: AuthProvider);
     /**

package/dist/api/enhanced-client.js

@@ -6,7 +6,7 @@
  * @module api/enhanced-client
  */
 import { buildEndpointUrl, getEndpointMethod, getEndpointHeaders } from '../config/endpoints.js';
-import { createAuthProviderFromLegacyConfig } from '../types/auth.js';
+import { NoAuthProvider } from '../types/auth.js';
 /**
  * API error with additional context
  */
@@ -35,7 +35,7 @@ export class ApiError extends Error {
  * // With AuthProvider
  * const client = new EnhancedFlowDropApiClient(config, authProvider);
  *
- * // Backward compatible (uses config.auth)
+ * // Without authentication
  * const client = new EnhancedFlowDropApiClient(config);
  * ```
  */
@@ -46,12 +46,12 @@ export class EnhancedFlowDropApiClient {
      * Create a new EnhancedFlowDropApiClient
      *
      * @param config - Endpoint configuration
-     * @param authProvider - Optional authentication provider (if not provided, uses config.auth)
+     * @param authProvider - Optional authentication provider (defaults to NoAuthProvider)
      */
     constructor(config, authProvider) {
         this.config = config;
-        // Use provided AuthProvider or create one from legacy config
-        this.authProvider = authProvider ?? createAuthProviderFromLegacyConfig(config.auth);
+        // Use provided AuthProvider or default to no authentication
+        this.authProvider = authProvider ?? new NoAuthProvider();
     }
     /**
      * Make HTTP request with error handling, retry logic, and auth support

package/dist/components/NotesNode.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { NodeConfig, NodeMetadata } from '../types/index.js';
+	import type { ConfigValues, NodeMetadata } from '../types/index.js';
 	import Icon from '@iconify/svelte';
 	import { createEventDispatcher } from 'svelte';
 	import MarkdownDisplay from './MarkdownDisplay.svelte';
@@ -9,13 +9,13 @@
 	const props = $props<{
 		data: {
 			label: string;
-			config: NodeConfig;
+			config: ConfigValues;
 			metadata: NodeMetadata;
 			nodeId?: string;
 			onConfigOpen?: (node: {
 				id: string;
 				type: string;
-				data: { label: string; config: NodeConfig; metadata: NodeMetadata };
+				data: { label: string; config: ConfigValues; metadata: NodeMetadata };
 			}) => void;
 		};
 		selected?: boolean;

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

@@ -1,8 +1,8 @@
-import type { NodeConfig, NodeMetadata } from '../types/index.js';
+import type { ConfigValues, NodeMetadata } from '../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;
-        config: NodeConfig;
+        config: ConfigValues;
         metadata: NodeMetadata;
         nodeId?: string;
         onConfigOpen?: (node: {
@@ -10,7 +10,7 @@ type $$ComponentProps = {
             type: string;
             data: {
                 label: string;
-                config: NodeConfig;
+                config: ConfigValues;
                 metadata: NodeMetadata;
             };
         }) => void;

package/dist/components/SimpleNode.svelte

@@ -6,20 +6,20 @@
 
 <script lang="ts">
 	import { Position, Handle } from '@xyflow/svelte';
-	import type { NodeConfig, NodeMetadata } from '../types/index.js';
+	import type { ConfigValues, NodeMetadata } from '../types/index.js';
 	import Icon from '@iconify/svelte';
 	import { getDataTypeColor } from '../utils/colors.js';
 
 	const props = $props<{
 		data: {
 			label: string;
-			config: NodeConfig;
+			config: ConfigValues;
 			metadata: NodeMetadata;
 			nodeId?: string;
 			onConfigOpen?: (node: {
 				id: string;
 				type: string;
-				data: { label: string; config: NodeConfig; metadata: NodeMetadata };
+				data: { label: string; config: ConfigValues; metadata: NodeMetadata };
 			}) => void;
 		};
 		selected?: boolean;

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

@@ -1,8 +1,8 @@
-import type { NodeConfig, NodeMetadata } from '../types/index.js';
+import type { ConfigValues, NodeMetadata } from '../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;
-        config: NodeConfig;
+        config: ConfigValues;
         metadata: NodeMetadata;
         nodeId?: string;
         onConfigOpen?: (node: {
@@ -10,7 +10,7 @@ type $$ComponentProps = {
             type: string;
             data: {
                 label: string;
-                config: NodeConfig;
+                config: ConfigValues;
                 metadata: NodeMetadata;
             };
         }) => void;

package/dist/components/SquareNode.svelte

@@ -6,20 +6,20 @@
 
 <script lang="ts">
 	import { Position, Handle } from '@xyflow/svelte';
-	import type { NodeConfig, NodeMetadata } from '../types/index.js';
+	import type { ConfigValues, NodeMetadata } from '../types/index.js';
 	import Icon from '@iconify/svelte';
 	import { getDataTypeColor } from '../utils/colors.js';
 
 	const props = $props<{
 		data: {
 			label: string;
-			config: NodeConfig;
+			config: ConfigValues;
 			metadata: NodeMetadata;
 			nodeId?: string;
 			onConfigOpen?: (node: {
 				id: string;
 				type: string;
-				data: { label: string; config: NodeConfig; metadata: NodeMetadata };
+				data: { label: string; config: ConfigValues; metadata: NodeMetadata };
 			}) => void;
 		};
 		selected?: boolean;

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

@@ -1,8 +1,8 @@
-import type { NodeConfig, NodeMetadata } from '../types/index.js';
+import type { ConfigValues, NodeMetadata } from '../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;
-        config: NodeConfig;
+        config: ConfigValues;
         metadata: NodeMetadata;
         nodeId?: string;
         onConfigOpen?: (node: {
@@ -10,7 +10,7 @@ type $$ComponentProps = {
             type: string;
             data: {
                 label: string;
-                config: NodeConfig;
+                config: ConfigValues;
                 metadata: NodeMetadata;
             };
         }) => void;

package/dist/components/TerminalNode.svelte

@@ -9,15 +9,15 @@
 -->
 
 <script lang="ts">
-	import { Position, Handle } from "@xyflow/svelte";
-	import type { NodeConfig, NodeMetadata } from "../types/index.js";
-	import Icon from "@iconify/svelte";
-	import { getDataTypeColor } from "../utils/colors.js";
+	import { Position, Handle } from '@xyflow/svelte';
+	import type { ConfigValues, NodeMetadata } from '../types/index.js';
+	import Icon from '@iconify/svelte';
+	import { getDataTypeColor } from '../utils/colors.js';
 
 	/**
 	 * Terminal node variant types
 	 */
-	type TerminalVariant = "start" | "end" | "exit";
+	type TerminalVariant = 'start' | 'end' | 'exit';
 
 	/**
 	 * Configuration for each terminal variant
@@ -40,23 +40,23 @@
 	 */
 	const VARIANT_CONFIGS: Record<TerminalVariant, VariantConfig> = {
 		start: {
-			icon: "mdi:play-circle",
-			color: "#10b981",
-			label: "Start",
+			icon: 'mdi:play-circle',
+			color: '#10b981',
+			label: 'Start',
 			hasInputs: false,
 			hasOutputs: true
 		},
 		end: {
-			icon: "mdi:stop-circle",
-			color: "#6b7280",
-			label: "End",
+			icon: 'mdi:stop-circle',
+			color: '#6b7280',
+			label: 'End',
 			hasInputs: true,
 			hasOutputs: false
 		},
 		exit: {
-			icon: "mdi:close-circle",
-			color: "#ef4444",
-			label: "Exit",
+			icon: 'mdi:close-circle',
+			color: '#ef4444',
+			label: 'Exit',
 			hasInputs: true,
 			hasOutputs: false
 		}
@@ -65,13 +65,13 @@
 	const props = $props<{
 		data: {
 			label: string;
-			config: NodeConfig;
+			config: ConfigValues;
 			metadata: NodeMetadata;
 			nodeId?: string;
 			onConfigOpen?: (node: {
 				id: string;
 				type: string;
-				data: { label: string; config: NodeConfig; metadata: NodeMetadata };
+				data: { label: string; config: ConfigValues; metadata: NodeMetadata };
 			}) => void;
 		};
 		selected?: boolean;
@@ -92,31 +92,36 @@
 
 		// Check metadata tags for variant hints
 		const tags = props.data.metadata?.tags || [];
-		if (tags.includes("start") || tags.includes("entry")) {
-			return "start";
+		if (tags.includes('start') || tags.includes('entry')) {
+			return 'start';
 		}
-		if (tags.includes("exit") || tags.includes("abort") || tags.includes("error")) {
-			return "exit";
+		if (tags.includes('exit') || tags.includes('abort') || tags.includes('error')) {
+			return 'exit';
 		}
-		if (tags.includes("end") || tags.includes("finish") || tags.includes("complete")) {
-			return "end";
+		if (tags.includes('end') || tags.includes('finish') || tags.includes('complete')) {
+			return 'end';
 		}
 
 		// Check metadata id/name for hints
-		const idLower = (props.data.metadata?.id || "").toLowerCase();
-		const nameLower = (props.data.metadata?.name || "").toLowerCase();
-		if (idLower.includes("start") || nameLower.includes("start")) {
-			return "start";
+		const idLower = (props.data.metadata?.id || '').toLowerCase();
+		const nameLower = (props.data.metadata?.name || '').toLowerCase();
+		if (idLower.includes('start') || nameLower.includes('start')) {
+			return 'start';
 		}
-		if (idLower.includes("exit") || idLower.includes("abort") || nameLower.includes("exit") || nameLower.includes("abort")) {
-			return "exit";
+		if (
+			idLower.includes('exit') ||
+			idLower.includes('abort') ||
+			nameLower.includes('exit') ||
+			nameLower.includes('abort')
+		) {
+			return 'exit';
 		}
-		if (idLower.includes("end") || nameLower.includes("end")) {
-			return "end";
+		if (idLower.includes('end') || nameLower.includes('end')) {
+			return 'end';
 		}
 
 		// Default to start
-		return "start";
+		return 'start';
 	}
 
 	let variant = $derived(getVariant());
@@ -131,8 +136,8 @@
 	 */
 	let terminalIcon = $derived(
 		(props.data.metadata?.icon as string) ||
-		(props.data.config?.icon as string) ||
-		variantConfig.icon
+			(props.data.config?.icon as string) ||
+			variantConfig.icon
 	);
 
 	/**
@@ -140,18 +145,14 @@
 	 */
 	let terminalColor = $derived(
 		(props.data.metadata?.color as string) ||
-		(props.data.config?.color as string) ||
-		variantConfig.color
+			(props.data.config?.color as string) ||
+			variantConfig.color
 	);
 
 	/**
 	 * Get display label
 	 */
-	let displayLabel = $derived(
-		props.data.label || 
-		props.data.metadata?.name || 
-		variantConfig.label
-	);
+	let displayLabel = $derived(props.data.label || props.data.metadata?.name || variantConfig.label);
 
 	/**
 	 * Check if metadata explicitly defines inputs (including empty array)
@@ -171,22 +172,22 @@
 	 * Default trigger input port for end/exit nodes
 	 */
 	const DEFAULT_INPUT_PORT = {
-		id: "trigger",
-		name: "Trigger",
-		type: "input" as const,
-		dataType: "trigger",
-		description: "Workflow trigger input"
+		id: 'trigger',
+		name: 'Trigger',
+		type: 'input' as const,
+		dataType: 'trigger',
+		description: 'Workflow trigger input'
 	};
 
 	/**
 	 * Default trigger output port for start nodes
 	 */
 	const DEFAULT_OUTPUT_PORT = {
-		id: "trigger",
-		name: "Trigger",
-		type: "output" as const,
-		dataType: "trigger",
-		description: "Workflow trigger output"
+		id: 'trigger',
+		name: 'Trigger',
+		type: 'output' as const,
+		dataType: 'trigger',
+		description: 'Workflow trigger output'
 	};
 
 	/**
@@ -233,8 +234,8 @@
 	function openConfigSidebar(): void {
 		if (props.data.onConfigOpen) {
 			const nodeForConfig = {
-				id: props.data.nodeId || "unknown",
-				type: "terminal",
+				id: props.data.nodeId || 'unknown',
+				type: 'terminal',
 				data: props.data
 			};
 			props.data.onConfigOpen(nodeForConfig);
@@ -259,7 +260,7 @@
 	 * Handle keyboard events for accessibility
 	 */
 	function handleKeydown(event: KeyboardEvent): void {
-		if (event.key === "Enter" || event.key === " ") {
+		if (event.key === 'Enter' || event.key === ' ') {
 			event.preventDefault();
 			handleDoubleClick();
 		}
@@ -272,9 +273,9 @@
 	class:flowdrop-terminal-node--selected={props.selected}
 	class:flowdrop-terminal-node--processing={props.isProcessing}
 	class:flowdrop-terminal-node--error={props.isError}
-	class:flowdrop-terminal-node--start={variant === "start"}
-	class:flowdrop-terminal-node--end={variant === "end"}
-	class:flowdrop-terminal-node--exit={variant === "exit"}
+	class:flowdrop-terminal-node--start={variant === 'start'}
+	class:flowdrop-terminal-node--end={variant === 'end'}
+	class:flowdrop-terminal-node--exit={variant === 'exit'}
 	style="--terminal-color: {terminalColor};"
 	onclick={handleClick}
 	ondblclick={handleDoubleClick}
@@ -300,7 +301,9 @@
 				<Handle
 					type="target"
 					position={Position.Left}
-					style="background-color: {getDataTypeColor(port.dataType)}; border-color: #ffffff; top: 50%; transform: translateY(-50%); z-index: 30;"
+					style="background-color: {getDataTypeColor(
+						port.dataType
+					)}; border-color: #ffffff; top: 50%; transform: translateY(-50%); z-index: 30;"
 					id={`${props.data.nodeId}-input-${port.id}`}
 				/>
 			{/each}
@@ -322,7 +325,9 @@
 					type="source"
 					position={Position.Right}
 					id={`${props.data.nodeId}-output-${port.id}`}
-					style="background-color: {getDataTypeColor(port.dataType)}; border-color: #ffffff; top: 50%; transform: translateY(-50%); z-index: 30;"
+					style="background-color: {getDataTypeColor(
+						port.dataType
+					)}; border-color: #ffffff; top: 50%; transform: translateY(-50%); z-index: 30;"
 				/>
 			{/each}
 		{/if}
@@ -377,17 +382,23 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+		box-shadow:
+			0 4px 6px -1px rgba(0, 0, 0, 0.1),
+			0 2px 4px -1px rgba(0, 0, 0, 0.06);
 		transition: all 0.2s ease-in-out;
 	}
 
 	.flowdrop-terminal-node:hover .flowdrop-terminal-node__content {
-		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+		box-shadow:
+			0 10px 15px -3px rgba(0, 0, 0, 0.1),
+			0 4px 6px -2px rgba(0, 0, 0, 0.05);
 		transform: scale(1.05);
 	}
 
 	.flowdrop-terminal-node--selected .flowdrop-terminal-node__content {
-		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(59, 130, 246, 0.5);
+		box-shadow:
+			0 10px 15px -3px rgba(0, 0, 0, 0.1),
+			0 0 0 3px rgba(59, 130, 246, 0.5);
 		border-color: #3b82f6;
 	}
 
@@ -402,19 +413,27 @@
 
 	/* Variant-specific glow effects */
 	.flowdrop-terminal-node--start .flowdrop-terminal-node__content {
-		box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2), 0 2px 4px -1px rgba(16, 185, 129, 0.1);
+		box-shadow:
+			0 4px 6px -1px rgba(16, 185, 129, 0.2),
+			0 2px 4px -1px rgba(16, 185, 129, 0.1);
 	}
 
 	.flowdrop-terminal-node--start:hover .flowdrop-terminal-node__content {
-		box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3), 0 4px 6px -2px rgba(16, 185, 129, 0.15);
+		box-shadow:
+			0 10px 15px -3px rgba(16, 185, 129, 0.3),
+			0 4px 6px -2px rgba(16, 185, 129, 0.15);
 	}
 
 	.flowdrop-terminal-node--exit .flowdrop-terminal-node__content {
-		box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.2), 0 2px 4px -1px rgba(239, 68, 68, 0.1);
+		box-shadow:
+			0 4px 6px -1px rgba(239, 68, 68, 0.2),
+			0 2px 4px -1px rgba(239, 68, 68, 0.1);
 	}
 
 	.flowdrop-terminal-node--exit:hover .flowdrop-terminal-node__content {
-		box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.15);
+		box-shadow:
+			0 10px 15px -3px rgba(239, 68, 68, 0.3),
+			0 4px 6px -2px rgba(239, 68, 68, 0.15);
 	}
 
 	:global(.flowdrop-terminal-node__icon) {
@@ -562,4 +581,3 @@
 		outline-offset: 2px !important;
 	}
 </style>
-

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

@@ -1,8 +1,8 @@
-import type { NodeConfig, NodeMetadata } from "../types/index.js";
+import type { ConfigValues, NodeMetadata } from '../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;
-        config: NodeConfig;
+        config: ConfigValues;
         metadata: NodeMetadata;
         nodeId?: string;
         onConfigOpen?: (node: {
@@ -10,7 +10,7 @@ type $$ComponentProps = {
             type: string;
             data: {
                 label: string;
-                config: NodeConfig;
+                config: ConfigValues;
                 metadata: NodeMetadata;
             };
         }) => void;

package/dist/components/UniversalNode.svelte

@@ -15,15 +15,6 @@
 	import { shouldShowNodeStatus } from '../utils/nodeWrapper.js';
 	import { resolveComponentName } from '../utils/nodeTypes.js';
 
-	// Fallback components for when registry is not available
-	// These are only used as last-resort fallbacks
-	import WorkflowNodeComponent from './WorkflowNode.svelte';
-	import NotesNode from './NotesNode.svelte';
-	import SimpleNode from './SimpleNode.svelte';
-	import SquareNode from './SquareNode.svelte';
-	import ToolNode from './ToolNode.svelte';
-	import GatewayNode from './GatewayNode.svelte';
-
 	let {
 		data,
 		selected = false
@@ -52,7 +43,6 @@
 
 	/**
 	 * Get the node component from the registry.
-	 * Falls back to built-in components if registry lookup fails.
 	 */
 	let nodeComponent = $derived(getNodeComponent(resolvedComponentName));
 
@@ -70,8 +60,7 @@
 	);
 
 	/**
-	 * Get the node component for the given type.
-	 * First tries the registry, then falls back to hardcoded components.
+	 * Get the node component for the given type from the registry.
 	 *
 	 * @param nodeType - The node type identifier
 	 * @returns The Svelte component to render
@@ -80,29 +69,14 @@
 		// Resolve any aliases (e.g., "default" -> "workflowNode")
 		const resolvedType = resolveBuiltinAlias(nodeType);
 
-		// Try registry first
-		const registeredComponent = nodeComponentRegistry.getComponent(resolvedType);
-		if (registeredComponent) {
-			return registeredComponent;
+		// Get component from registry (defaults to workflowNode if not found)
+		const component = nodeComponentRegistry.getComponent(resolvedType);
+		if (component) {
+			return component;
 		}
 
-		// Fallback to hardcoded switch for backwards compatibility
-		// This ensures the component works even if registry fails to initialize
-		switch (resolvedType) {
-			case 'note':
-				return NotesNode;
-			case 'simple':
-				return SimpleNode;
-			case 'square':
-				return SquareNode;
-			case 'tool':
-				return ToolNode;
-			case 'gateway':
-				return GatewayNode;
-			case 'workflowNode':
-			default:
-				return WorkflowNodeComponent;
-		}
+		// Return the default component from registry
+		return nodeComponentRegistry.getComponent('workflowNode');
 	}
 
 	/**