@d34dman/flowdrop 0.0.6 → 0.0.8

package/dist/api/client.js

@@ -42,7 +42,7 @@ export class FlowDropApiClient {
      * Fetch available node types and their metadata
      */
     async getAvailableNodes() {
-        const response = await this.request('/api/flowdrop/nodes');
+        const response = await this.request('/nodes');
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to fetch available nodes');
         }
@@ -52,7 +52,7 @@ export class FlowDropApiClient {
      * Fetch nodes by category
      */
     async getNodesByCategory(category) {
-        const response = await this.request(`/api/nodes?category=${encodeURIComponent(category)}`);
+        const response = await this.request(`/nodes?category=${encodeURIComponent(category)}`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to fetch nodes by category');
         }
@@ -62,7 +62,7 @@ export class FlowDropApiClient {
      * Fetch a specific node's metadata
      */
     async getNodeMetadata(nodeId) {
-        const response = await this.request(`/api/nodes/${encodeURIComponent(nodeId)}`);
+        const response = await this.request(`/nodes/${encodeURIComponent(nodeId)}`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to fetch node metadata');
         }
@@ -72,7 +72,7 @@ export class FlowDropApiClient {
      * Save a workflow
      */
     async saveWorkflow(workflow) {
-        const response = await this.request('/api/flowdrop/workflows', {
+        const response = await this.request('/workflows', {
             method: 'POST',
             body: JSON.stringify(workflow)
         });
@@ -85,7 +85,7 @@ export class FlowDropApiClient {
      * Update an existing workflow
      */
     async updateWorkflow(workflowId, workflow) {
-        const response = await this.request(`/api/workflows/${encodeURIComponent(workflowId)}`, {
+        const response = await this.request(`/workflows/${encodeURIComponent(workflowId)}`, {
             method: 'PUT',
             body: JSON.stringify(workflow)
         });
@@ -98,7 +98,7 @@ export class FlowDropApiClient {
      * Load a workflow by ID
      */
     async loadWorkflow(workflowId) {
-        const response = await this.request(`/api/workflows/${encodeURIComponent(workflowId)}`);
+        const response = await this.request(`/workflows/${encodeURIComponent(workflowId)}`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to load workflow');
         }
@@ -108,7 +108,7 @@ export class FlowDropApiClient {
      * List all workflows
      */
     async listWorkflows() {
-        const response = await this.request('/api/flowdrop/workflows');
+        const response = await this.request('/workflows');
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to list workflows');
         }
@@ -118,7 +118,7 @@ export class FlowDropApiClient {
      * Delete a workflow
      */
     async deleteWorkflow(workflowId) {
-        const response = await this.request(`/api/workflows/${encodeURIComponent(workflowId)}`, {
+        const response = await this.request(`/workflows/${encodeURIComponent(workflowId)}`, {
             method: 'DELETE'
         });
         if (!response.success) {
@@ -129,7 +129,7 @@ export class FlowDropApiClient {
      * Execute a workflow
      */
     async executeWorkflow(workflowId, inputs) {
-        const response = await this.request(`/api/workflows/${encodeURIComponent(workflowId)}/execute`, {
+        const response = await this.request(`/workflows/${encodeURIComponent(workflowId)}/execute`, {
             method: 'POST',
             body: JSON.stringify({ inputs })
         });
@@ -142,7 +142,7 @@ export class FlowDropApiClient {
      * Get execution status
      */
     async getExecutionStatus(executionId) {
-        const response = await this.request(`/api/executions/${encodeURIComponent(executionId)}`);
+        const response = await this.request(`/executions/${encodeURIComponent(executionId)}`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to get execution status');
         }
@@ -152,7 +152,7 @@ export class FlowDropApiClient {
      * Cancel workflow execution
      */
     async cancelExecution(executionId) {
-        const response = await this.request(`/api/executions/${encodeURIComponent(executionId)}/cancel`, {
+        const response = await this.request(`/executions/${encodeURIComponent(executionId)}/cancel`, {
             method: 'POST'
         });
         if (!response.success) {
@@ -163,7 +163,7 @@ export class FlowDropApiClient {
      * Get execution logs
      */
     async getExecutionLogs(executionId) {
-        const response = await this.request(`/api/executions/${encodeURIComponent(executionId)}/logs`);
+        const response = await this.request(`/executions/${encodeURIComponent(executionId)}/logs`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to get execution logs');
         }
@@ -173,7 +173,7 @@ export class FlowDropApiClient {
      * Validate workflow configuration
      */
     async validateWorkflow(workflow) {
-        const response = await this.request('/api/flowdrop/workflows/validate', {
+        const response = await this.request('/workflows/validate', {
             method: 'POST',
             body: JSON.stringify(workflow)
         });
@@ -186,7 +186,7 @@ export class FlowDropApiClient {
      * Export workflow as JSON
      */
     async exportWorkflow(workflowId) {
-        const response = await this.request(`/api/workflows/${encodeURIComponent(workflowId)}/export`);
+        const response = await this.request(`/workflows/${encodeURIComponent(workflowId)}/export`);
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to export workflow');
         }
@@ -196,7 +196,7 @@ export class FlowDropApiClient {
      * Import workflow from JSON
      */
     async importWorkflow(workflowJson) {
-        const response = await this.request('/api/flowdrop/workflows/import', {
+        const response = await this.request('/workflows/import', {
             method: 'POST',
             body: JSON.stringify({ workflow: workflowJson })
         });
@@ -209,7 +209,7 @@ export class FlowDropApiClient {
      * Fetch port configuration
      */
     async getPortConfig() {
-        const response = await this.request('/api/flowdrop/port-config');
+        const response = await this.request('/port-config');
         if (!response.success || !response.data) {
             throw new Error(response.error || 'Failed to fetch port configuration');
         }
@@ -219,7 +219,7 @@ export class FlowDropApiClient {
      * Fetch pipeline data including job information and status
      */
     async getPipelineData(pipelineId) {
-        const response = await this.request(`/api/flowdrop/pipeline/${encodeURIComponent(pipelineId)}`);
+        const response = await this.request(`/pipeline/${encodeURIComponent(pipelineId)}`);
         return response;
     }
 }

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
@@ -164,27 +166,35 @@
 	 */
 	async function testApiConnection(): Promise<void> {
 		try {
-			const testUrl = '/api/flowdrop/nodes';
+			const baseUrl = endpointConfig?.baseUrl || apiBaseUrl || "/api/flowdrop";
+			const testUrl = `${baseUrl}/nodes`;
 
 			const response = await fetch(testUrl);
 			const data = await response.json();
 
 			if (response.ok && data.success) {
-				apiToasts.success('API connection test', 'Connection successful');
+				apiToasts.success("API connection test", "Connection successful");
 			} else {
-				apiToasts.error('API connection test', 'Connection failed');
+				apiToasts.error("API connection test", "Connection failed");
 			}
 		} catch (err) {
-			apiToasts.error('API connection test', err instanceof Error ? err.message : 'Unknown error');
+			apiToasts.error("API connection test", err instanceof Error ? err.message : "Unknown error");
 		}
 	}
 
 	/**
 	 * 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();
 
@@ -194,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 || window.location.origin);
+	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.6",
+	"version": "0.0.8",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -83,6 +83,10 @@
 		"@sveltejs/kit": "^2.0.0",
 		"svelte": "^5.0.0"
 	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/d34dman/flowdrop.git"
+	},
 	"devDependencies": {
 		"@chromatic-com/storybook": "^4.0.1",
 		"@eslint/compat": "^1.2.5",