@d34dman/flowdrop 0.0.7 → 0.0.8

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, {

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/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/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/package.json

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