@d34dman/flowdrop 0.0.7 → 0.0.9

package/dist/components/App.svelte

@@ -43,6 +43,7 @@
 		}>;
 		// API configuration - optional, defaults to '/api/flowdrop'
 		apiBaseUrl?: string;
+		endpointConfig?: EndpointConfig;
 	}
 
 	let {
@@ -57,7 +58,8 @@
 		pipelineId,
 		navbarTitle,
 		navbarActions = [],
-		apiBaseUrl
+		apiBaseUrl,
+		endpointConfig: propEndpointConfig
 	}: Props = $props();
 
 	// Create breadcrumb-style title - at top level to avoid store subscription issues
@@ -182,10 +184,17 @@
 
 	/**
 	 * Initialize API endpoints
-	 * Only initializes if not already configured (respects configuration from parent)
+	 * Priority: propEndpointConfig > existingConfig > apiBaseUrl > default
 	 */
 	async function initializeApiEndpoints(): Promise<void> {
-		// Check if endpoint config is already set (e.g., by parent layout)
+		// First priority: Use endpointConfig prop if provided (from mountFlowDropApp)
+		if (propEndpointConfig) {
+			setEndpointConfig(propEndpointConfig);
+			endpointConfig = propEndpointConfig;
+			return;
+		}
+
+		// Second priority: Check if endpoint config is already set (e.g., by parent layout)
 		const { getEndpointConfig } = await import('../services/api.js');
 		const existingConfig = getEndpointConfig();
 
@@ -195,7 +204,7 @@
 			return;
 		}
 
-		// Use provided apiBaseUrl or default
+		// Third priority: Use provided apiBaseUrl or default
 		const baseUrl = apiBaseUrl || '/api/flowdrop';
 
 		const config = createEndpointConfig(baseUrl, {
@@ -249,8 +258,6 @@
 	 * Handle workflow configuration save
 	 */
 	async function handleWorkflowSave(config: any): Promise<void> {
-		console.log('Workflow configuration saved:', config);
-
 		// Update the workflow store
 		if ($workflowStore) {
 			$workflowStore.name = config.name;
@@ -263,7 +270,6 @@
 		// Also save the workflow to the backend
 		try {
 			await saveWorkflow();
-			console.log('Workflow saved to backend successfully');
 		} catch (error) {
 			console.error('Failed to save workflow to backend:', error);
 			// Note: We don't throw the error here to avoid breaking the UI flow

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

@@ -1,4 +1,5 @@
 import type { Workflow } from '../types/index.js';
+import type { EndpointConfig } from '../config/endpoints.js';
 interface Props {
     workflow?: Workflow;
     height?: string | number;
@@ -18,6 +19,7 @@ interface Props {
         onclick?: (event: Event) => void;
     }>;
     apiBaseUrl?: string;
+    endpointConfig?: EndpointConfig;
 }
 declare const App: import("svelte").Component<Props, {}, "">;
 type App = ReturnType<typeof App>;

package/dist/components/ConfigModal.svelte

@@ -82,9 +82,6 @@
 					on:change={({ detail }) => {
 						localConfigValues = detail.values;
 					}}
-					on:validate={({ detail }) => {
-						console.log('Config validation:', detail);
-					}}
 				/>
 			</div>
 

package/dist/components/NodeSidebar.svelte

@@ -121,7 +121,6 @@
 	 */
 	function handleNodeClick(nodeType: NodeMetadata): void {
 		// Handle node click - could be used for preview or configuration
-		console.log('Node clicked:', nodeType.name);
 	}
 
 	/**

package/dist/components/PipelineStatus.svelte

@@ -10,12 +10,14 @@
 	import LogsSidebar from './LogsSidebar.svelte';
 	import { FlowDropApiClient } from '../api/client.js';
 	import type { Workflow } from '../types/index.js';
+	import type { EndpointConfig } from '../config/endpoints.js';
 
 	interface Props {
 		pipelineId: string;
 		workflow: Workflow;
 		apiClient?: FlowDropApiClient;
 		baseUrl?: string;
+		endpointConfig?: EndpointConfig;
 		onActionsReady?: (
 			actions: Array<{
 				label: string;
@@ -27,10 +29,10 @@
 		) => void;
 	}
 
-	let { pipelineId, workflow, apiClient, baseUrl, onActionsReady }: Props = $props();
+	let { pipelineId, workflow, apiClient, baseUrl, endpointConfig, onActionsReady }: Props = $props();
 
 	// Initialize API client if not provided
-	const client = apiClient || new FlowDropApiClient(baseUrl || "/api/flowdrop");
+	const client = apiClient || new FlowDropApiClient(endpointConfig?.baseUrl || baseUrl || "/api/flowdrop");
 
 	// Pipeline status and job data
 	let pipelineStatus = $state<string>('unknown');
@@ -276,6 +278,7 @@
 		readOnly={true}
 		{nodeStatuses}
 		{pipelineId}
+		{endpointConfig}
 	/>
 
 	<!-- Logs Sidebar -->

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

@@ -1,10 +1,12 @@
 import { FlowDropApiClient } from '../api/client.js';
 import type { Workflow } from '../types/index.js';
+import type { EndpointConfig } from '../config/endpoints.js';
 interface Props {
     pipelineId: string;
     workflow: Workflow;
     apiClient?: FlowDropApiClient;
     baseUrl?: string;
+    endpointConfig?: EndpointConfig;
     onActionsReady?: (actions: Array<{
         label: string;
         href: string;

package/dist/components/WorkflowEditor.svelte

@@ -55,16 +55,6 @@
 
 	let props: Props = $props();
 
-	// Debug logging for props
-	$effect(() => {
-		console.log('🔧 WorkflowEditor: Props received:', {
-			hasOpenConfigSidebar: !!props.openConfigSidebar,
-			hasCloseConfigSidebar: !!props.closeConfigSidebar,
-			selectedNodeForConfig: props.selectedNodeForConfig?.id,
-			isConfigSidebarOpen: props.isConfigSidebarOpen
-		});
-	});
-
 	// Create a local currentWorkflow variable that we can control directly
 	let currentWorkflow = $state<Workflow | null>(null);
 
@@ -106,18 +96,6 @@
 	// Function to update the global store when currentWorkflow changes
 	function updateGlobalStore(): void {
 		if (currentWorkflow) {
-			console.log('🔍 WorkflowEditor: Updating global store from currentWorkflow:', {
-				nodeCount: currentWorkflow.nodes.length,
-				edgeCount: currentWorkflow.edges.length,
-				nodePositions: currentWorkflow.nodes.map((node) => ({
-					id: node.id,
-					position: node.position
-				})),
-				workflowName: currentWorkflow.name,
-				versionId: currentWorkflow.metadata?.versionId,
-				updateNumber: currentWorkflow.metadata?.updateNumber
-			});
-
 			workflowActions.updateWorkflow(currentWorkflow);
 		}
 	}
@@ -186,7 +164,6 @@
 		const edgesChanged = JSON.stringify(flowEdges) !== JSON.stringify(previousEdges);
 
 		if ((nodesChanged || edgesChanged) && currentWorkflow) {
-			console.log('🔍 WorkflowEditor: SvelteFlow changed nodes/edges, updating currentWorkflow');
 			updateCurrentWorkflowFromSvelteFlow();
 
 			// Update previous values
@@ -227,8 +204,6 @@
 		targetHandle?: string;
 	}): Promise<void> {
 		// SvelteFlow will automatically create the edge due to bind:edges
-		console.log('Connection created:', connection);
-
 		// Wait for DOM update before applying styling
 		await tick();
 
@@ -311,19 +286,15 @@
 						const newNode = NodeOperationsHelper.createNodeFromDrop(nodeTypeData, position);
 
 						if (newNode && currentWorkflow) {
-							console.log('🔧 WorkflowEditor: Adding new node to currentWorkflow:', newNode.id);
 							currentWorkflow = WorkflowOperationsHelper.addNode(currentWorkflow, newNode);
 
-							console.log(
-								'🔧 WorkflowEditor: Updated currentWorkflow with new node, calling updateGlobalStore'
-							);
 							// Update the global store
 							updateGlobalStore();
 
 							// Wait for DOM update to ensure SvelteFlow updates
 							await tick();
 						} else if (!currentWorkflow) {
-							console.warn('⚠️ WorkflowEditor: No currentWorkflow available for new node');
+							console.warn('No currentWorkflow available for new node');
 						}
 					}
 				}}

package/dist/helpers/workflowEditorHelper.js

@@ -57,7 +57,6 @@ export class EdgeStylingHelper {
             const sourceNode = nodes.find((node) => node.id === edge.source);
             const targetNode = nodes.find((node) => node.id === edge.target);
             if (!sourceNode || !targetNode) {
-                console.warn('Could not find nodes for edge:', edge.id);
                 return edge;
             }
             // Create a copy of the edge and apply styling
@@ -258,7 +257,7 @@ export class WorkflowOperationsHelper {
      */
     static async saveWorkflow(workflow) {
         if (!workflow) {
-            console.warn('⚠️ No workflow data available to save');
+            console.warn('No workflow data available to save');
             return null;
         }
         try {
@@ -283,21 +282,9 @@ export class WorkflowOperationsHelper {
                     updatedAt: new Date().toISOString()
                 }
             };
-            console.log('💾 WorkflowEditor: Saving workflow to backend:');
-            console.log('   - ID:', workflowToSave.id);
-            console.log('   - Name:', workflowToSave.name);
-            console.log('   - Nodes count:', workflowToSave.nodes.length);
-            console.log('   - Edges count:', workflowToSave.edges.length);
-            console.log('   - Full workflow object:', JSON.stringify(workflowToSave, null, 2));
             const savedWorkflow = await workflowApi.saveWorkflow(workflowToSave);
-            console.log('✅ WorkflowEditor: Received workflow from backend:');
-            console.log('   - ID:', savedWorkflow.id);
-            console.log('   - Name:', savedWorkflow.name);
-            console.log('   - Nodes count:', savedWorkflow.nodes?.length || 0);
-            console.log('   - Edges count:', savedWorkflow.edges?.length || 0);
             // Update the workflow ID if it changed (new workflow)
             if (savedWorkflow.id && savedWorkflow.id !== workflowToSave.id) {
-                console.log('🔄 Updating workflow ID from', workflowToSave.id, 'to', savedWorkflow.id);
                 workflowActions.batchUpdate({
                     nodes: workflowToSave.nodes,
                     edges: workflowToSave.edges,
@@ -320,7 +307,7 @@ export class WorkflowOperationsHelper {
      */
     static exportWorkflow(workflow) {
         if (!workflow) {
-            console.warn('⚠️ No workflow data available to export');
+            console.warn('No workflow data available to export');
             return;
         }
         // Use the same ID logic as saveWorkflow

package/dist/services/nodeExecutionService.js

@@ -26,7 +26,6 @@ export class NodeExecutionService {
      */
     async getNodeExecutionInfo(nodeId, pipelineId) {
         if (!pipelineId) {
-            console.warn('Pipeline ID is required to fetch node execution info');
             return null;
         }
         try {
@@ -72,12 +71,10 @@ export class NodeExecutionService {
      */
     async getMultipleNodeExecutionInfo(nodeIds, pipelineId) {
         if (!pipelineId) {
-            console.warn('Pipeline ID is required to fetch node execution info');
             return {};
         }
         // Check if API is temporarily unavailable
         if (this.apiUnavailable && Date.now() < this.apiUnavailableUntil) {
-            console.log('API temporarily unavailable, returning cached/default values');
             const defaultExecutionInfo = {};
             nodeIds.forEach((nodeId) => {
                 defaultExecutionInfo[nodeId] = {

package/dist/services/portConfigApi.js

@@ -11,27 +11,19 @@ import { FlowDropApiClient } from '../api/client.js';
 export async function fetchPortConfig(endpointConfig) {
     try {
         const url = buildEndpointUrl(endpointConfig, endpointConfig.endpoints.portConfig);
-        console.log('📡 Fetching port configuration from:', url);
         // Create API client instance
         const client = new FlowDropApiClient(endpointConfig.baseUrl);
         // Use the client to fetch port configuration
         const portConfig = await client.getPortConfig();
         // Validate the configuration has required fields
         if (!portConfig.dataTypes || !Array.isArray(portConfig.dataTypes)) {
-            console.warn('⚠️ Invalid port config received from API, using default');
+            console.warn('Invalid port config received from API, using default');
             return DEFAULT_PORT_CONFIG;
         }
-        console.log('✅ Port configuration loaded successfully:', {
-            version: portConfig.version,
-            dataTypesCount: portConfig.dataTypes.length,
-            rulesCount: portConfig.compatibilityRules?.length || 0,
-            defaultType: portConfig.defaultDataType
-        });
         return portConfig;
     }
     catch (error) {
-        console.error('❌ Error fetching port configuration:', error);
-        console.log('🔄 Falling back to default port configuration');
+        console.error('Error fetching port configuration:', error);
         return DEFAULT_PORT_CONFIG;
     }
 }

package/dist/stores/workflowStore.js

@@ -52,15 +52,11 @@ function hasWorkflowDataChanged(currentWorkflow, newNodes, newEdges) {
 export const workflowActions = {
     // Initialize workflow
     initialize: (workflow) => {
-        console.log('🔍 Debug: initialize called with:', workflow);
         workflowStore.set(workflow);
-        console.log('🔍 Debug: workflow store initialized');
     },
     // Update the entire workflow
     updateWorkflow: (workflow) => {
-        console.log('🔍 Debug: updateWorkflow called with:', workflow);
         workflowStore.set(workflow);
-        console.log('🔍 Debug: workflow store updated');
     },
     // Update nodes
     updateNodes: (nodes) => {
@@ -69,16 +65,10 @@ export const workflowActions = {
                 return null;
             // Check if nodes have actually changed to prevent infinite loops
             if (!hasWorkflowDataChanged($workflow, nodes, $workflow.edges)) {
-                console.log('🔍 Debug: Nodes unchanged, skipping update to prevent infinite loop');
                 return $workflow;
             }
             // Generate unique version identifier
             const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-            console.log('🔍 Debug: Updating nodes with versionId:', versionId);
-            console.log('🔍 Debug: Node position changes detected:', nodes.map((node) => ({
-                id: node.id,
-                position: node.position
-            })));
             return {
                 ...$workflow,
                 nodes,
@@ -98,12 +88,10 @@ export const workflowActions = {
                 return null;
             // Check if edges have actually changed to prevent infinite loops
             if (!hasWorkflowDataChanged($workflow, $workflow.nodes, edges)) {
-                console.log('🔍 Debug: Edges unchanged, skipping update to prevent infinite loop');
                 return $workflow;
             }
             // Generate unique version identifier
             const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-            console.log('🔍 Debug: Updating edges with versionId:', versionId);
             return {
                 ...$workflow,
                 edges,

package/dist/svelte-app.js

@@ -66,7 +66,8 @@ export async function mountFlowDropApp(container, options = {}) {
             nodeStatuses,
             pipelineId,
             navbarTitle,
-            navbarActions
+            navbarActions,
+            endpointConfig: config
         }
     });
     // Expose save and export functionality

package/dist/utils/connections.js

@@ -159,13 +159,6 @@ export function validateConnection(sourceNodeId, sourcePortId, targetNodeId, tar
     const sourceMetadata = nodeTypes.find((nt) => nt.id === sourceNode.data.metadata.id);
     const targetMetadata = nodeTypes.find((nt) => nt.id === targetNode.data.metadata.id);
     if (!sourceMetadata || !targetMetadata) {
-        console.log('Metadata lookup failed:', {
-            sourceNodeId,
-            targetNodeId,
-            sourceMetadataId: sourceNode.data.metadata.id,
-            targetMetadataId: targetNode.data.metadata.id,
-            availableNodeTypes: nodeTypes.map((nt) => nt.id)
-        });
         return { valid: false, error: 'Node metadata not found' };
     }
     // Find ports

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@d34dman/flowdrop",
 	"license": "MIT",
 	"private": false,
-	"version": "0.0.7",
+	"version": "0.0.9",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",