@d34dman/flowdrop 0.0.61 → 0.0.62

package/dist/stores/{workflowStore.js → workflowStore.svelte.js}

@@ -1,29 +1,48 @@
 /**
- * Workflow Store for FlowDrop
+ * Workflow Store for FlowDrop (Svelte 5 Runes)
  *
  * Provides global state management for workflows with dirty state tracking
  * and undo/redo history integration.
  *
+ * **Important: Single-instance only.** This store uses module-level singletons.
+ * Only one FlowDrop editor instance per page is supported. Mounting multiple
+ * FlowDrop editors on the same page will cause them to share workflow state.
+ *
  * @module stores/workflowStore
  */
-import { writable, derived, get } from 'svelte/store';
 import { DEFAULT_WORKFLOW_FORMAT } from '../types/index.js';
 import { historyService } from '../services/historyService.js';
+/**
+ * Safely build updated workflow metadata, providing defaults for required fields.
+ */
+function buildMetadata(existing, updates) {
+    return {
+        version: existing?.version ?? '1.0',
+        createdAt: existing?.createdAt ?? new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+        author: existing?.author,
+        tags: existing?.tags,
+        versionId: existing?.versionId,
+        updateNumber: existing?.updateNumber,
+        format: existing?.format,
+        ...updates
+    };
+}
 // =========================================================================
-// Core Workflow Store
+// Core Workflow State (Svelte 5 Runes)
 // =========================================================================
 /** Global workflow state */
-export const workflowStore = writable(null);
+let workflowState = $state(null);
 // =========================================================================
 // Dirty State Tracking
 // =========================================================================
 /**
- * Store for tracking if there are unsaved changes
+ * State for tracking if there are unsaved changes
  *
  * This is set to true whenever the workflow changes after initialization.
  * It can be reset to false by calling markAsSaved().
  */
-export const isDirtyStore = writable(false);
+let isDirtyState = $state(false);
 /**
  * Snapshot of the workflow when it was last saved
  *
@@ -54,6 +73,152 @@ let isRestoringFromHistory = false;
  * Can be disabled for bulk operations or when history is not needed.
  */
 let historyEnabled = true;
+// =========================================================================
+// Getter Functions (Reactive State Access)
+// =========================================================================
+/**
+ * Get the current workflow store value reactively
+ *
+ * @returns The current workflow or null
+ */
+export function getWorkflowStore() {
+    return workflowState;
+}
+/**
+ * Get the current dirty state reactively
+ *
+ * @returns true if there are unsaved changes
+ */
+export function getIsDirty() {
+    return isDirtyState;
+}
+/**
+ * Get the workflow ID reactively
+ *
+ * @returns The workflow ID or null
+ */
+export function getWorkflowId() {
+    return workflowState?.id ?? null;
+}
+/**
+ * Get the workflow name reactively
+ *
+ * @returns The workflow name or 'Untitled Workflow'
+ */
+export function getWorkflowName() {
+    return workflowState?.name ?? 'Untitled Workflow';
+}
+/**
+ * Get the workflow nodes reactively
+ *
+ * @returns Array of workflow nodes
+ */
+export function getWorkflowNodes() {
+    return workflowState?.nodes ?? [];
+}
+/**
+ * Get the workflow edges reactively
+ *
+ * @returns Array of workflow edges
+ */
+export function getWorkflowEdges() {
+    return workflowState?.edges ?? [];
+}
+/**
+ * Get the workflow metadata reactively
+ *
+ * @returns The workflow metadata with defaults
+ */
+export function getWorkflowMetadata() {
+    return (workflowState?.metadata ?? {
+        version: '1.0.0',
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+        versionId: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        updateNumber: 0
+    });
+}
+/**
+ * Get the current workflow format reactively
+ *
+ * @returns The workflow format string
+ */
+export function getWorkflowFormat() {
+    return workflowState?.metadata?.format ?? DEFAULT_WORKFLOW_FORMAT;
+}
+/**
+ * Get workflow change summary reactively (useful for triggering saves)
+ *
+ * @returns Object with nodes, edges, and name
+ */
+export function getWorkflowChanged() {
+    return {
+        nodes: getWorkflowNodes(),
+        edges: getWorkflowEdges(),
+        name: getWorkflowName()
+    };
+}
+/**
+ * Get workflow validation state reactively
+ *
+ * @returns Validation info object
+ */
+export function getWorkflowValidation() {
+    const nodes = getWorkflowNodes();
+    const edges = getWorkflowEdges();
+    return {
+        hasNodes: nodes.length > 0,
+        hasEdges: edges.length > 0,
+        nodeCount: nodes.length,
+        edgeCount: edges.length,
+        isValid: nodes.length > 0 && edges.length >= 0
+    };
+}
+/**
+ * Get workflow metadata change summary reactively
+ *
+ * @returns Metadata change info
+ */
+export function getWorkflowMetadataChanged() {
+    const metadata = getWorkflowMetadata();
+    return {
+        createdAt: metadata.createdAt,
+        updatedAt: metadata.updatedAt,
+        version: metadata.version ?? '1.0.0'
+    };
+}
+/**
+ * Get connected handles reactively
+ *
+ * Provides a Set of all handle IDs that are currently connected to edges.
+ * Used by node components to implement hideUnconnectedHandles functionality.
+ *
+ * @example
+ * ```typescript
+ * import { getConnectedHandles } from './workflowStore.svelte.js';
+ *
+ * // Check if a specific handle is connected
+ * const isConnected = getConnectedHandles().has('node-1-input-data');
+ * ```
+ */
+export function getConnectedHandles() {
+    const edges = getWorkflowEdges();
+    const handles = new Set();
+    edges.forEach((edge) => {
+        // Add source handle (output port)
+        if (edge.sourceHandle) {
+            handles.add(edge.sourceHandle);
+        }
+        // Add target handle (input port)
+        if (edge.targetHandle) {
+            handles.add(edge.targetHandle);
+        }
+    });
+    return handles;
+}
+// =========================================================================
+// Callback Setters
+// =========================================================================
 /**
  * Set the dirty state change callback
  *
@@ -70,6 +235,9 @@ export function setOnDirtyStateChange(callback) {
 export function setOnWorkflowChange(callback) {
     onWorkflowChangeCallback = callback;
 }
+// =========================================================================
+// Internal Helpers
+// =========================================================================
 /**
  * Create a snapshot of the workflow for comparison
  *
@@ -107,14 +275,12 @@ function createSnapshot(workflow) {
  * Compares current workflow with saved snapshot.
  */
 function updateDirtyState() {
-    const currentWorkflow = get(workflowStore);
-    const currentSnapshot = createSnapshot(currentWorkflow);
-    const isDirty = currentSnapshot !== savedSnapshot;
-    const previousDirty = get(isDirtyStore);
-    if (isDirty !== previousDirty) {
-        isDirtyStore.set(isDirty);
+    const currentSnapshot = createSnapshot(workflowState);
+    const newIsDirty = currentSnapshot !== savedSnapshot;
+    if (newIsDirty !== isDirtyState) {
+        isDirtyState = newIsDirty;
         if (onDirtyStateChangeCallback) {
-            onDirtyStateChangeCallback(isDirty);
+            onDirtyStateChangeCallback(newIsDirty);
         }
     }
 }
@@ -124,9 +290,8 @@ function updateDirtyState() {
  * @param changeType - The type of change that occurred
  */
 function notifyWorkflowChange(changeType) {
-    const workflow = get(workflowStore);
-    if (workflow && onWorkflowChangeCallback) {
-        onWorkflowChangeCallback(workflow, changeType);
+    if (workflowState && onWorkflowChangeCallback) {
+        onWorkflowChangeCallback(workflowState, changeType);
     }
     updateDirtyState();
 }
@@ -136,20 +301,19 @@ function notifyWorkflowChange(changeType) {
  * Clears the dirty state by updating the saved snapshot.
  */
 export function markAsSaved() {
-    const currentWorkflow = get(workflowStore);
-    savedSnapshot = createSnapshot(currentWorkflow);
-    isDirtyStore.set(false);
+    savedSnapshot = createSnapshot(workflowState);
+    isDirtyState = false;
     if (onDirtyStateChangeCallback) {
         onDirtyStateChangeCallback(false);
     }
 }
 /**
- * Check if there are unsaved changes
+ * Check if there are unsaved changes (non-reactive version for plain TS)
  *
  * @returns true if there are unsaved changes
  */
 export function isDirty() {
-    return get(isDirtyStore);
+    return isDirtyState;
 }
 /**
  * Enable or disable history recording
@@ -189,41 +353,20 @@ function pushToHistory(description, workflow) {
     if (!historyEnabled || isRestoringFromHistory) {
         return;
     }
-    const workflowToPush = workflow ?? get(workflowStore);
+    const workflowToPush = workflow ?? workflowState;
     if (workflowToPush) {
         historyService.push(workflowToPush, { description });
     }
 }
 /**
- * Get the current workflow
+ * Get the current workflow (non-reactive version for plain TS)
  *
  * @returns The current workflow or null
  */
 export function getWorkflow() {
-    return get(workflowStore);
+    return workflowState;
 }
 // =========================================================================
-// Derived Stores
-// =========================================================================
-/** Derived store for workflow ID */
-export const workflowId = derived(workflowStore, ($workflow) => $workflow?.id ?? null);
-/** Derived store for workflow name */
-export const workflowName = derived(workflowStore, ($workflow) => $workflow?.name ?? 'Untitled Workflow');
-/** Derived store for workflow nodes */
-export const workflowNodes = derived(workflowStore, ($workflow) => $workflow?.nodes ?? []);
-/** Derived store for workflow edges */
-export const workflowEdges = derived(workflowStore, ($workflow) => $workflow?.edges ?? []);
-/** Derived store for workflow metadata */
-export const workflowMetadata = derived(workflowStore, ($workflow) => $workflow?.metadata ?? {
-    version: '1.0.0',
-    createdAt: new Date().toISOString(),
-    updatedAt: new Date().toISOString(),
-    versionId: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-    updateNumber: 0
-});
-/** Derived store for the current workflow format */
-export const workflowFormat = derived(workflowStore, ($workflow) => $workflow?.metadata?.format ?? DEFAULT_WORKFLOW_FORMAT);
-// =========================================================================
 // Helper Functions
 // =========================================================================
 /**
@@ -281,10 +424,10 @@ export const workflowActions = {
      * This sets the initial saved snapshot, clears dirty state, and initializes history.
      */
     initialize: (workflow) => {
-        workflowStore.set(workflow);
+        workflowState = workflow;
         // Set the saved snapshot - workflow is "clean" after initialization
         savedSnapshot = createSnapshot(workflow);
-        isDirtyStore.set(false);
+        isDirtyState = false;
         if (onDirtyStateChangeCallback) {
             onDirtyStateChangeCallback(false);
         }
@@ -298,7 +441,7 @@ export const workflowActions = {
      * for every small change. History is pushed by specific actions or drag handlers.
      */
     updateWorkflow: (workflow) => {
-        workflowStore.set(workflow);
+        workflowState = workflow;
         notifyWorkflowChange('metadata');
     },
     /**
@@ -308,7 +451,7 @@ export const workflowActions = {
      */
     restoreFromHistory: (workflow) => {
         isRestoringFromHistory = true;
-        workflowStore.set(workflow);
+        workflowState = workflow;
         notifyWorkflowChange('metadata');
         isRestoringFromHistory = false;
     },
@@ -316,70 +459,57 @@ export const workflowActions = {
      * Update nodes
      */
     updateNodes: (nodes) => {
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            // Check if nodes have actually changed to prevent infinite loops
-            if (!hasWorkflowDataChanged($workflow, nodes, $workflow.edges)) {
-                return $workflow;
-            }
-            // Generate unique version identifier
-            const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-            return {
-                ...$workflow,
-                nodes,
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString(),
-                    versionId,
-                    updateNumber: ($workflow.metadata?.updateNumber ?? 0) + 1
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        // Check if nodes have actually changed to prevent infinite loops
+        if (!hasWorkflowDataChanged(workflowState, nodes, workflowState.edges)) {
+            return;
+        }
+        // Generate unique version identifier
+        const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        workflowState = {
+            ...workflowState,
+            nodes,
+            metadata: buildMetadata(workflowState.metadata, {
+                versionId,
+                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1
+            })
+        };
         notifyWorkflowChange('node_move');
     },
     /**
      * Update edges
      */
     updateEdges: (edges) => {
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            // Check if edges have actually changed to prevent infinite loops
-            if (!hasWorkflowDataChanged($workflow, $workflow.nodes, edges)) {
-                return $workflow;
-            }
-            // Generate unique version identifier
-            const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-            return {
-                ...$workflow,
-                edges,
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString(),
-                    versionId,
-                    updateNumber: ($workflow.metadata?.updateNumber ?? 0) + 1
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        // Check if edges have actually changed to prevent infinite loops
+        if (!hasWorkflowDataChanged(workflowState, workflowState.nodes, edges)) {
+            return;
+        }
+        // Generate unique version identifier
+        const versionId = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        workflowState = {
+            ...workflowState,
+            edges,
+            metadata: buildMetadata(workflowState.metadata, {
+                versionId,
+                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1
+            })
+        };
         notifyWorkflowChange('edge_add');
     },
     /**
      * Update workflow name
      */
     updateName: (name) => {
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                name,
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            name,
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('name');
     },
     /**
@@ -387,18 +517,13 @@ export const workflowActions = {
      */
     addNode: (node) => {
         pushToHistory('Add node');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                nodes: [...$workflow.nodes, node],
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            nodes: [...workflowState.nodes, node],
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('node_add');
     },
     /**
@@ -409,19 +534,14 @@ export const workflowActions = {
      */
     removeNode: (nodeId) => {
         pushToHistory('Delete node');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                nodes: $workflow.nodes.filter((node) => node.id !== nodeId),
-                edges: $workflow.edges.filter((edge) => edge.source !== nodeId && edge.target !== nodeId),
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            nodes: workflowState.nodes.filter((node) => node.id !== nodeId),
+            edges: workflowState.edges.filter((edge) => edge.source !== nodeId && edge.target !== nodeId),
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('node_remove');
     },
     /**
@@ -429,18 +549,13 @@ export const workflowActions = {
      */
     addEdge: (edge) => {
         pushToHistory('Add connection');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                edges: [...$workflow.edges, edge],
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            edges: [...workflowState.edges, edge],
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('edge_add');
     },
     /**
@@ -448,18 +563,13 @@ export const workflowActions = {
      */
     removeEdge: (edgeId) => {
         pushToHistory('Delete connection');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                edges: $workflow.edges.filter((edge) => edge.id !== edgeId),
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            edges: workflowState.edges.filter((edge) => edge.id !== edgeId),
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('edge_remove');
     },
     /**
@@ -469,18 +579,13 @@ export const workflowActions = {
      */
     updateNode: (nodeId, updates) => {
         pushToHistory('Update node config');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                nodes: $workflow.nodes.map((node) => (node.id === nodeId ? { ...node, ...updates } : node)),
-                metadata: {
-                    ...$workflow.metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            nodes: workflowState.nodes.map((node) => node.id === nodeId ? { ...node, ...updates } : node),
+            metadata: buildMetadata(workflowState.metadata)
+        };
         notifyWorkflowChange('node_config');
     },
     /**
@@ -489,9 +594,9 @@ export const workflowActions = {
      * Resets the workflow and clears history.
      */
     clear: () => {
-        workflowStore.set(null);
+        workflowState = null;
         savedSnapshot = null;
-        isDirtyStore.set(false);
+        isDirtyState = false;
         historyService.clear();
         if (onDirtyStateChangeCallback) {
             onDirtyStateChangeCallback(false);
@@ -501,18 +606,12 @@ export const workflowActions = {
      * Update workflow metadata
      */
     updateMetadata: (metadata) => {
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                metadata: {
-                    ...$workflow.metadata,
-                    ...metadata,
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            metadata: buildMetadata(workflowState.metadata, metadata)
+        };
         notifyWorkflowChange('metadata');
     },
     /**
@@ -523,22 +622,16 @@ export const workflowActions = {
      */
     batchUpdate: (updates) => {
         pushToHistory('Batch update');
-        workflowStore.update(($workflow) => {
-            if (!$workflow)
-                return null;
-            return {
-                ...$workflow,
-                ...(updates.nodes && { nodes: updates.nodes }),
-                ...(updates.edges && { edges: updates.edges }),
-                ...(updates.name && { name: updates.name }),
-                ...(updates.description !== undefined && { description: updates.description }),
-                metadata: {
-                    ...$workflow.metadata,
-                    ...(updates.metadata && { ...updates.metadata }),
-                    updatedAt: new Date().toISOString()
-                }
-            };
-        });
+        if (!workflowState)
+            return;
+        workflowState = {
+            ...workflowState,
+            ...(updates.nodes && { nodes: updates.nodes }),
+            ...(updates.edges && { edges: updates.edges }),
+            ...(updates.name && { name: updates.name }),
+            ...(updates.description !== undefined && { description: updates.description }),
+            metadata: buildMetadata(workflowState.metadata, updates.metadata ?? undefined)
+        };
         notifyWorkflowChange('metadata');
     },
     /**
@@ -554,50 +647,3 @@ export const workflowActions = {
         pushToHistory(description, workflow);
     }
 };
-// =========================================================================
-// Additional Derived Stores
-// =========================================================================
-/** Derived store for workflow changes (useful for triggering saves) */
-export const workflowChanged = derived([workflowNodes, workflowEdges, workflowName], ([nodes, edges, name]) => ({ nodes, edges, name }));
-/** Derived store for workflow validation */
-export const workflowValidation = derived([workflowNodes, workflowEdges], ([nodes, edges]) => ({
-    hasNodes: nodes.length > 0,
-    hasEdges: edges.length > 0,
-    nodeCount: nodes.length,
-    edgeCount: edges.length,
-    isValid: nodes.length > 0 && edges.length >= 0
-}));
-/** Derived store for workflow metadata changes */
-export const workflowMetadataChanged = derived(workflowMetadata, (metadata) => ({
-    createdAt: metadata.createdAt,
-    updatedAt: metadata.updatedAt,
-    version: metadata.version ?? '1.0.0'
-}));
-/**
- * Derived store for connected handles
- *
- * Provides a Set of all handle IDs that are currently connected to edges.
- * Used by node components to implement hideUnconnectedHandles functionality.
- *
- * @example
- * ```typescript
- * import { connectedHandles } from './workflowStore.js';
- *
- * // Check if a specific handle is connected
- * const isConnected = $connectedHandles.has('node-1-input-data');
- * ```
- */
-export const connectedHandles = derived(workflowEdges, (edges) => {
-    const handles = new Set();
-    edges.forEach((edge) => {
-        // Add source handle (output port)
-        if (edge.sourceHandle) {
-            handles.add(edge.sourceHandle);
-        }
-        // Add target handle (input port)
-        if (edge.targetHandle) {
-            handles.add(edge.targetHandle);
-        }
-    });
-    return handles;
-});