@d34dman/flowdrop 0.0.17 → 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
@@ -272,44 +270,45 @@ Override CSS custom properties:
 
 ### Node Types
 
-Define custom node types:
+FlowDrop includes 7 built-in visual node types that control how nodes are rendered:
+
+| Type       | Description                                             | Use Case                 |
+| ---------- | ------------------------------------------------------- | ------------------------ |
+| `default`  | Full-featured workflow node with inputs/outputs display | Standard nodes           |
+| `simple`   | Compact layout with header, icon, and description       | Space-efficient nodes    |
+| `square`   | Minimal square node showing only an icon                | Icon-only representation |
+| `tool`     | Specialized node for agent tools with tool metadata     | AI agent tools           |
+| `gateway`  | Branching control flow with multiple output branches    | Conditional logic        |
+| `terminal` | Circular node for workflow start/end/exit points        | Workflow boundaries      |
+| `note`     | Documentation note with markdown support                | Comments/documentation   |
+
+#### Terminal Nodes
+
+Terminal nodes are special circular nodes for workflow boundaries:
 
 ```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'
-			}
-		}
-	}
+// Start node - output only
+const startNode: NodeMetadata = {
+	id: 'workflow-start',
+	name: 'Start',
+	type: 'terminal',
+	tags: ['start'],
+	inputs: [],
+	outputs: [{ id: 'trigger', name: 'Go', type: 'output', dataType: 'trigger' }]
+};
+
+// End node - input only
+const endNode: NodeMetadata = {
+	id: 'workflow-end',
+	name: 'End',
+	type: 'terminal',
+	tags: ['end'],
+	inputs: [{ id: 'done', name: 'Done', type: 'input', dataType: 'trigger' }],
+	outputs: []
 };
 ```
 
+
 ## 🔌 Backend Integration
 
 FlowDrop is backend-agnostic. Implement the API endpoints expected by the client:
@@ -365,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
 
@@ -415,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;