@d34dman/flowdrop 0.0.61 → 0.0.62

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

@@ -1,84 +1,146 @@
 /**
  * Playground Store
  *
- * Svelte stores for managing playground state including sessions,
+ * Svelte 5 rune-based state for managing playground state including sessions,
  * messages, and execution status.
  *
  * @module stores/playgroundStore
  */
-import { writable, derived, get } from 'svelte/store';
 import { isChatInputNode, defaultIsTerminalStatus } from '../types/playground.js';
+import { logger } from '../utils/logger.js';
 // =========================================================================
-// Core Stores
+// Core State
 // =========================================================================
 /**
  * Currently active playground session
  */
-export const currentSession = writable(null);
+let _currentSession = $state(null);
 /**
  * List of all sessions for the current workflow
  */
-export const sessions = writable([]);
+let _sessions = $state([]);
 /**
  * Messages in the current session
  */
-export const messages = writable([]);
+let _messages = $state([]);
 /**
  * Whether an execution is currently running
  */
-export const isExecuting = writable(false);
+let _isExecuting = $state(false);
 /**
  * Whether we are currently loading data
  */
-export const isLoading = writable(false);
+let _isLoading = $state(false);
 /**
  * Current error message, if any
  */
-export const error = writable(null);
+let _error = $state(null);
 /**
  * Current workflow being tested
  */
-export const currentWorkflow = writable(null);
+let _currentWorkflow = $state(null);
 /**
  * Last polling timestamp for incremental message fetching
  */
-export const lastPollTimestamp = writable(null);
+let _lastPollTimestamp = $state(null);
 // =========================================================================
-// Derived Stores
+// Getter Functions (for reactive access in components)
 // =========================================================================
 /**
- * Derived store for current session status
+ * Get the current session
  */
-export const sessionStatus = derived(currentSession, ($session) => $session?.status ?? 'idle');
+export function getCurrentSession() {
+    return _currentSession;
+}
+/**
+ * Get all sessions
+ */
+export function getSessions() {
+    return _sessions;
+}
+/**
+ * Get all messages
+ */
+export function getMessages() {
+    return _messages;
+}
+/**
+ * Get executing state
+ */
+export function getIsExecuting() {
+    return _isExecuting;
+}
+/**
+ * Get loading state
+ */
+export function getIsLoading() {
+    return _isLoading;
+}
+/**
+ * Get error state
+ */
+export function getError() {
+    return _error;
+}
+/**
+ * Get the current workflow
+ */
+export function getCurrentWorkflow() {
+    return _currentWorkflow;
+}
+/**
+ * Get the last poll timestamp
+ */
+export function getLastPollTimestamp() {
+    return _lastPollTimestamp;
+}
+// =========================================================================
+// Derived Getters
+// =========================================================================
 /**
- * Derived store for message count
+ * Get current session status
  */
-export const messageCount = derived(messages, ($messages) => $messages.length);
+export function getSessionStatus() {
+    return _currentSession?.status ?? 'idle';
+}
 /**
- * Derived store for chat messages (excludes log messages)
+ * Get message count
  */
-export const chatMessages = derived(messages, ($messages) => $messages.filter((m) => m.role !== 'log'));
+export function getMessageCount() {
+    return _messages.length;
+}
 /**
- * Derived store for log messages only
+ * Get chat messages (excludes log messages)
  */
-export const logMessages = derived(messages, ($messages) => $messages.filter((m) => m.role === 'log'));
+export function getChatMessages() {
+    return _messages.filter((m) => m.role !== 'log');
+}
 /**
- * Derived store for the latest message
+ * Get log messages only
  */
-export const latestMessage = derived(messages, ($messages) => $messages.length > 0 ? $messages[$messages.length - 1] : null);
+export function getLogMessages() {
+    return _messages.filter((m) => m.role === 'log');
+}
 /**
- * Derived store for input fields from workflow input nodes
+ * Get the latest message
+ */
+export function getLatestMessage() {
+    return _messages.length > 0 ? _messages[_messages.length - 1] : null;
+}
+/**
+ * Get input fields from workflow input nodes
  *
  * Analyzes the workflow to extract input nodes and their configuration
  * schemas for auto-generating input forms.
  */
-export const inputFields = derived(currentWorkflow, ($workflow) => {
-    if (!$workflow) {
+export function getInputFields() {
+    const workflow = _currentWorkflow;
+    if (!workflow) {
         return [];
     }
     const fields = [];
     // Find input nodes in the workflow
-    $workflow.nodes.forEach((node) => {
+    workflow.nodes.forEach((node) => {
         const category = node.data.metadata?.category;
         const nodeTypeId = node.data.metadata?.id ?? node.type;
         // Check if this is an input-type node
@@ -128,15 +190,20 @@ export const inputFields = derived(currentWorkflow, ($workflow) => {
         }
     });
     return fields;
-});
+}
 /**
- * Derived store for detecting if workflow has a chat input
+ * Check if workflow has a chat input
  */
-export const hasChatInput = derived(inputFields, ($fields) => $fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string'));
+export function getHasChatInput() {
+    const fields = getInputFields();
+    return fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string');
+}
 /**
- * Derived store for session count
+ * Get session count
  */
-export const sessionCount = derived(sessions, ($sessions) => $sessions.length);
+export function getSessionCount() {
+    return _sessions.length;
+}
 // =========================================================================
 // Helper Functions
 // =========================================================================
@@ -184,7 +251,7 @@ export const playgroundActions = {
      * @param workflow - The workflow to test
      */
     setWorkflow: (workflow) => {
-        currentWorkflow.set(workflow);
+        _currentWorkflow = workflow;
     },
     /**
      * Set the current session
@@ -192,10 +259,10 @@ export const playgroundActions = {
      * @param session - The session to set as active
      */
     setCurrentSession: (session) => {
-        currentSession.set(session);
+        _currentSession = session;
         if (session) {
             // Update session in the list
-            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? session : s)));
+            _sessions = _sessions.map((s) => (s.id === session.id ? session : s));
         }
     },
     /**
@@ -204,15 +271,13 @@ export const playgroundActions = {
      * @param status - The new status
      */
     updateSessionStatus: (status) => {
-        currentSession.update(($session) => {
-            if (!$session)
-                return null;
-            return { ...$session, status, updatedAt: new Date().toISOString() };
-        });
+        if (_currentSession) {
+            _currentSession = { ..._currentSession, status, updatedAt: new Date().toISOString() };
+        }
         // Also update in sessions list
-        const session = get(currentSession);
+        const session = _currentSession;
         if (session) {
-            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? { ...s, status } : s)));
+            _sessions = _sessions.map((s) => (s.id === session.id ? { ...s, status } : s));
         }
     },
     /**
@@ -221,7 +286,7 @@ export const playgroundActions = {
      * @param sessionList - Array of sessions
      */
     setSessions: (sessionList) => {
-        sessions.set(sessionList);
+        _sessions = sessionList;
     },
     /**
      * Add a new session to the list
@@ -229,7 +294,7 @@ export const playgroundActions = {
      * @param session - The session to add
      */
     addSession: (session) => {
-        sessions.update(($sessions) => [session, ...$sessions]);
+        _sessions = [session, ..._sessions];
     },
     /**
      * Remove a session from the list
@@ -237,12 +302,11 @@ export const playgroundActions = {
      * @param sessionId - The session ID to remove
      */
     removeSession: (sessionId) => {
-        sessions.update(($sessions) => $sessions.filter((s) => s.id !== sessionId));
+        _sessions = _sessions.filter((s) => s.id !== sessionId);
         // Clear current session if it was removed
-        const current = get(currentSession);
-        if (current?.id === sessionId) {
-            currentSession.set(null);
-            messages.set([]);
+        if (_currentSession?.id === sessionId) {
+            _currentSession = null;
+            _messages = [];
         }
     },
     /**
@@ -252,7 +316,7 @@ export const playgroundActions = {
      * @param messageList - Array of messages
      */
     setMessages: (messageList) => {
-        messages.set(sortMessagesChronologically(messageList));
+        _messages = sortMessagesChronologically(messageList);
     },
     /**
      * Add a message to the current session
@@ -261,7 +325,7 @@ export const playgroundActions = {
      * @param message - The message to add
      */
     addMessage: (message) => {
-        messages.update(($messages) => sortMessagesChronologically([...$messages, message]));
+        _messages = sortMessagesChronologically([..._messages, message]);
     },
     /**
      * Add multiple messages to the current session
@@ -272,20 +336,18 @@ export const playgroundActions = {
     addMessages: (newMessages) => {
         if (newMessages.length === 0)
             return;
-        messages.update(($messages) => {
-            // Deduplicate by message ID
-            const existingIds = new Set($messages.map((m) => m.id));
-            const uniqueNewMessages = newMessages.filter((m) => !existingIds.has(m.id));
-            // Sort the combined messages chronologically
-            return sortMessagesChronologically([...$messages, ...uniqueNewMessages]);
-        });
+        // Deduplicate by message ID
+        const existingIds = new Set(_messages.map((m) => m.id));
+        const uniqueNewMessages = newMessages.filter((m) => !existingIds.has(m.id));
+        // Sort the combined messages chronologically
+        _messages = sortMessagesChronologically([..._messages, ...uniqueNewMessages]);
     },
     /**
      * Clear all messages
      */
     clearMessages: () => {
-        messages.set([]);
-        lastPollTimestamp.set(null);
+        _messages = [];
+        _lastPollTimestamp = null;
     },
     /**
      * Set the executing state
@@ -293,7 +355,7 @@ export const playgroundActions = {
      * @param executing - Whether execution is in progress
      */
     setExecuting: (executing) => {
-        isExecuting.set(executing);
+        _isExecuting = executing;
     },
     /**
      * Set the loading state
@@ -301,7 +363,7 @@ export const playgroundActions = {
      * @param loading - Whether loading is in progress
      */
     setLoading: (loading) => {
-        isLoading.set(loading);
+        _isLoading = loading;
     },
     /**
      * Set an error message
@@ -309,7 +371,7 @@ export const playgroundActions = {
      * @param errorMessage - The error message or null to clear
      */
     setError: (errorMessage) => {
-        error.set(errorMessage);
+        _error = errorMessage;
     },
     /**
      * Update the last poll timestamp
@@ -317,20 +379,20 @@ export const playgroundActions = {
      * @param timestamp - ISO 8601 timestamp
      */
     updateLastPollTimestamp: (timestamp) => {
-        lastPollTimestamp.set(timestamp);
+        _lastPollTimestamp = timestamp;
     },
     /**
      * Reset all playground state
      */
     reset: () => {
-        currentSession.set(null);
-        sessions.set([]);
-        messages.set([]);
-        isExecuting.set(false);
-        isLoading.set(false);
-        error.set(null);
-        currentWorkflow.set(null);
-        lastPollTimestamp.set(null);
+        _currentSession = null;
+        _sessions = [];
+        _messages = [];
+        _isExecuting = false;
+        _isLoading = false;
+        _error = null;
+        _currentWorkflow = null;
+        _lastPollTimestamp = null;
     },
     /**
      * Switch to a different session
@@ -338,12 +400,11 @@ export const playgroundActions = {
      * @param sessionId - The session ID to switch to
      */
     switchSession: (sessionId) => {
-        const sessionList = get(sessions);
-        const session = sessionList.find((s) => s.id === sessionId);
+        const session = _sessions.find((s) => s.id === sessionId);
         if (session) {
-            currentSession.set(session);
-            messages.set([]);
-            lastPollTimestamp.set(null);
+            _currentSession = session;
+            _messages = [];
+            _lastPollTimestamp = null;
         }
     }
 };
@@ -380,7 +441,7 @@ export function createPollingCallback(isTerminalStatus = defaultIsTerminalStatus
  * @returns The current session ID or null
  */
 export function getCurrentSessionId() {
-    return get(currentSession)?.id ?? null;
+    return _currentSession?.id ?? null;
 }
 /**
  * Check if a specific session is selected
@@ -389,7 +450,7 @@ export function getCurrentSessionId() {
  * @returns True if the session is currently selected
  */
 export function isSessionSelected(sessionId) {
-    return get(currentSession)?.id === sessionId;
+    return _currentSession?.id === sessionId;
 }
 /**
  * Get all messages as a snapshot
@@ -397,7 +458,7 @@ export function isSessionSelected(sessionId) {
  * @returns Array of all messages
  */
 export function getMessagesSnapshot() {
-    return get(messages);
+    return _messages;
 }
 /**
  * Get the latest message timestamp for polling
@@ -405,10 +466,29 @@ export function getMessagesSnapshot() {
  * @returns ISO 8601 timestamp of the latest message, or null
  */
 export function getLatestMessageTimestamp() {
-    const msgs = get(messages);
-    if (msgs.length === 0)
+    if (_messages.length === 0)
         return null;
-    return msgs[msgs.length - 1].timestamp;
+    return _messages[_messages.length - 1].timestamp;
+}
+/**
+ * Subscribe to session status changes using $effect.root.
+ * This is designed for use in non-component contexts (e.g., mount.ts).
+ *
+ * @param callback - Called when session status changes
+ * @returns Cleanup function to stop the subscription
+ */
+export function subscribeToSessionStatus(callback) {
+    let previousStatus = getSessionStatus();
+    const cleanup = $effect.root(() => {
+        $effect(() => {
+            const status = getSessionStatus();
+            if (status !== previousStatus) {
+                callback(status, previousStatus);
+                previousStatus = status;
+            }
+        });
+    });
+    return cleanup;
 }
 /**
  * Refresh messages for the current session
@@ -421,7 +501,7 @@ export function getLatestMessageTimestamp() {
  * @returns Promise that resolves when messages are refreshed
  */
 export async function refreshSessionMessages(fetchMessages, isTerminalStatus) {
-    const session = get(currentSession);
+    const session = _currentSession;
     if (!session)
         return;
     try {
@@ -430,6 +510,6 @@ export async function refreshSessionMessages(fetchMessages, isTerminalStatus) {
         callback(response);
     }
     catch (err) {
-        console.error('[playgroundStore] Failed to refresh messages:', err);
+        logger.error('[playgroundStore] Failed to refresh messages:', err);
     }
 }

package/dist/stores/{portCoordinateStore.d.ts → portCoordinateStore.svelte.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Port Coordinate Store
+ * Port Coordinate Store (Svelte 5 Runes)
  *
  * General-purpose store that maintains absolute canvas-space coordinates
  * for all port handles in the workflow. Built from SvelteFlow's internal
@@ -14,8 +14,6 @@
  */
 import type { WorkflowNode as WorkflowNodeType, PortCoordinate, PortCoordinateMap } from '../types/index.js';
 import type { InternalNode } from '@xyflow/svelte';
-/** Store holding all port absolute coordinates, keyed by handleId */
-export declare const portCoordinateStore: import("svelte/store").Writable<PortCoordinateMap>;
 /**
  * Rebuild coordinates for ALL nodes from SvelteFlow internals.
  * Call on initial workflow load (after render) and after bulk changes.
@@ -53,8 +51,16 @@ export declare function getPortCoordinate(handleId: string): PortCoordinate | un
  */
 export declare function getNodePortCoordinates(nodeId: string): PortCoordinate[];
 /**
- * Get the current snapshot of all port coordinates (non-reactive).
+ * Get the current snapshot of all port coordinates.
+ * Returns the reactive SvelteMap directly.
  *
  * @returns Current port coordinate map
  */
 export declare function getPortCoordinateSnapshot(): PortCoordinateMap;
+/**
+ * Get the reactive port coordinates state.
+ * Useful for components that need to reactively read the coordinates.
+ *
+ * @returns The reactive port coordinate map
+ */
+export declare function getPortCoordinates(): PortCoordinateMap;

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

@@ -1,5 +1,5 @@
 /**
- * Port Coordinate Store
+ * Port Coordinate Store (Svelte 5 Runes)
  *
  * General-purpose store that maintains absolute canvas-space coordinates
  * for all port handles in the workflow. Built from SvelteFlow's internal
@@ -12,10 +12,10 @@
  * which SvelteFlow already maintains for all node types. This avoids replicating
  * CSS positioning logic and stays automatically accurate.
  */
-import { writable, get } from 'svelte/store';
+import { SvelteMap } from 'svelte/reactivity';
 import { ProximityConnectHelper } from '../helpers/proximityConnect.js';
-/** Store holding all port absolute coordinates, keyed by handleId */
-export const portCoordinateStore = writable(new Map());
+/** Reactive state holding all port absolute coordinates, keyed by handleId */
+let coordinates = $state(new SvelteMap());
 /**
  * Parse a handle ID to extract nodeId, direction, and portId.
  * Handle ID format: ${nodeId}-${direction}-${portId}
@@ -37,7 +37,7 @@ function parseHandleId(handleId) {
 }
 /**
  * Build a dataType lookup map from a node's ports.
- * Maps portId → dataType for quick lookup when processing handle bounds.
+ * Maps portId -> dataType for quick lookup when processing handle bounds.
  */
 function buildPortDataTypeLookup(node) {
     const lookup = new Map();
@@ -64,7 +64,7 @@ function computeNodePortCoordinates(node, internalNode) {
         return [];
     const posAbs = internalNode.internals.positionAbsolute;
     const dataTypeLookup = buildPortDataTypeLookup(node);
-    const coordinates = [];
+    const result = [];
     const allHandles = [...(handleBounds.source ?? []), ...(handleBounds.target ?? [])];
     for (const handle of allHandles) {
         if (!handle.id)
@@ -76,7 +76,7 @@ function computeNodePortCoordinates(node, internalNode) {
         const dataType = dataTypeLookup.get(lookupKey);
         if (!dataType)
             continue;
-        coordinates.push({
+        result.push({
             x: posAbs.x + handle.x + handle.width / 2,
             y: posAbs.y + handle.y + handle.height / 2,
             handleId: handle.id,
@@ -85,7 +85,7 @@ function computeNodePortCoordinates(node, internalNode) {
             dataType
         });
     }
-    return coordinates;
+    return result;
 }
 /**
  * Rebuild coordinates for ALL nodes from SvelteFlow internals.
@@ -95,7 +95,7 @@ function computeNodePortCoordinates(node, internalNode) {
  * @param getInternalNode - SvelteFlow's getInternalNode function
  */
 export function rebuildAllPortCoordinates(nodes, getInternalNode) {
-    const map = new Map();
+    const map = new SvelteMap();
     for (const node of nodes) {
         const internalNode = getInternalNode(node.id);
         if (!internalNode)
@@ -105,7 +105,7 @@ export function rebuildAllPortCoordinates(nodes, getInternalNode) {
             map.set(coord.handleId, coord);
         }
     }
-    portCoordinateStore.set(map);
+    coordinates = map;
 }
 /**
  * Update coordinates for a single node (efficient for drag updates).
@@ -118,21 +118,17 @@ export function updateNodePortCoordinates(node, getInternalNode) {
     const internalNode = getInternalNode(node.id);
     if (!internalNode)
         return;
-    portCoordinateStore.update((map) => {
-        // Remove old entries for this node
-        for (const [key, coord] of map) {
-            if (coord.nodeId === node.id) {
-                map.delete(key);
-            }
+    // Remove old entries for this node
+    for (const [key, coord] of coordinates) {
+        if (coord.nodeId === node.id) {
+            coordinates.delete(key);
         }
-        // Add new entries
-        const coords = computeNodePortCoordinates(node, internalNode);
-        for (const coord of coords) {
-            map.set(coord.handleId, coord);
-        }
-        // Return new reference for reactivity
-        return new Map(map);
-    });
+    }
+    // Add new entries
+    const coords = computeNodePortCoordinates(node, internalNode);
+    for (const coord of coords) {
+        coordinates.set(coord.handleId, coord);
+    }
 }
 /**
  * Remove all coordinates for a node (on node delete).
@@ -140,14 +136,11 @@ export function updateNodePortCoordinates(node, getInternalNode) {
  * @param nodeId - ID of the node to remove
  */
 export function removeNodePortCoordinates(nodeId) {
-    portCoordinateStore.update((map) => {
-        for (const [key, coord] of map) {
-            if (coord.nodeId === nodeId) {
-                map.delete(key);
-            }
+    for (const [key, coord] of coordinates) {
+        if (coord.nodeId === nodeId) {
+            coordinates.delete(key);
         }
-        return new Map(map);
-    });
+    }
 }
 /**
  * Get coordinates for a specific handle.
@@ -156,7 +149,7 @@ export function removeNodePortCoordinates(nodeId) {
  * @returns The port coordinate or undefined if not found
  */
 export function getPortCoordinate(handleId) {
-    return get(portCoordinateStore).get(handleId);
+    return coordinates.get(handleId);
 }
 /**
  * Get all coordinates for a specific node.
@@ -166,7 +159,7 @@ export function getPortCoordinate(handleId) {
  */
 export function getNodePortCoordinates(nodeId) {
     const result = [];
-    for (const coord of get(portCoordinateStore).values()) {
+    for (const coord of coordinates.values()) {
         if (coord.nodeId === nodeId) {
             result.push(coord);
         }
@@ -174,10 +167,20 @@ export function getNodePortCoordinates(nodeId) {
     return result;
 }
 /**
- * Get the current snapshot of all port coordinates (non-reactive).
+ * Get the current snapshot of all port coordinates.
+ * Returns the reactive SvelteMap directly.
  *
  * @returns Current port coordinate map
  */
 export function getPortCoordinateSnapshot() {
-    return get(portCoordinateStore);
+    return coordinates;
+}
+/**
+ * Get the reactive port coordinates state.
+ * Useful for components that need to reactively read the coordinates.
+ *
+ * @returns The reactive port coordinate map
+ */
+export function getPortCoordinates() {
+    return coordinates;
 }