@flowdrop/flowdrop 1.4.0 → 1.6.0

package/dist/stores/playgroundStore.svelte.js

@@ -6,8 +6,8 @@
  *
  * @module stores/playgroundStore
  */
-import { isChatInputNode, defaultIsTerminalStatus, } from "../types/playground.js";
-import { logger } from "../utils/logger.js";
+import { isChatInputNode, defaultIsTerminalStatus } from '../types/playground.js';
+import { logger } from '../utils/logger.js';
 // =========================================================================
 // Core State
 // =========================================================================
@@ -101,7 +101,7 @@ export function getLastPollTimestamp() {
  * Get current session status
  */
 export function getSessionStatus() {
-    return _currentSession?.status ?? "idle";
+    return _currentSession?.status ?? 'idle';
 }
 /**
  * Get message count
@@ -113,13 +113,13 @@ export function getMessageCount() {
  * Get chat messages (excludes log messages)
  */
 export function getChatMessages() {
-    return _messages.filter((m) => m.role !== "log");
+    return _messages.filter((m) => m.role !== 'log');
 }
 /**
  * Get log messages only
  */
 export function getLogMessages() {
-    return _messages.filter((m) => m.role === "log");
+    return _messages.filter((m) => m.role === 'log');
 }
 /**
  * Get the latest message
@@ -145,21 +145,21 @@ export function getInputFields() {
         const nodeTypeId = node.data.metadata?.id ?? node.type;
         // Check if this is an input-type node
         // The category can be "inputs" (standard) or variations like "input"
-        const categoryStr = String(category || "");
-        const isInputCategory = categoryStr === "inputs" || categoryStr === "input";
+        const categoryStr = String(category || '');
+        const isInputCategory = categoryStr === 'inputs' || categoryStr === 'input';
         if (isInputCategory || isChatInputNode(nodeTypeId)) {
             // Get output ports that provide data
             const outputs = node.data.metadata?.outputs ?? [];
             outputs.forEach((output) => {
-                if (output.type === "output") {
+                if (output.type === 'output') {
                     // Create a field for each output
                     const field = {
                         nodeId: node.id,
                         fieldId: output.id,
                         label: node.data.label || output.name || nodeTypeId,
-                        type: output.dataType || "string",
+                        type: output.dataType || 'string',
                         defaultValue: node.data.config?.[output.id],
-                        required: output.required ?? false,
+                        required: output.required ?? false
                     };
                     // Check for schema in configSchema
                     const configSchema = node.data.metadata?.configSchema;
@@ -178,10 +178,10 @@ export function getInputFields() {
                             nodeId: node.id,
                             fieldId: key,
                             label: schema.title || key,
-                            type: schema.type || "string",
+                            type: schema.type || 'string',
                             defaultValue: node.data.config?.[key] ?? schema.default,
                             required: configSchema.required?.includes(key) ?? false,
-                            schema,
+                            schema
                         };
                         fields.push(field);
                     });
@@ -196,7 +196,7 @@ export function getInputFields() {
  */
 export function getHasChatInput() {
     const fields = getInputFields();
-    return fields.some((field) => isChatInputNode(field.nodeId) || field.type === "string");
+    return fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string');
 }
 /**
  * Get session count
@@ -275,13 +275,13 @@ export const playgroundActions = {
             _currentSession = {
                 ..._currentSession,
                 status,
-                updatedAt: new Date().toISOString(),
+                updatedAt: new Date().toISOString()
             };
         }
         // Also update in sessions list
         const session = _currentSession;
         if (session) {
-            _sessions = _sessions.map((s) => s.id === session.id ? { ...s, status } : s);
+            _sessions = _sessions.map((s) => (s.id === session.id ? { ...s, status } : s));
         }
     },
     /**
@@ -324,12 +324,21 @@ export const playgroundActions = {
     },
     /**
      * Add a message to the current session
-     * Messages are automatically sorted chronologically after adding
+     * Uses binary search insertion for O(log n) instead of full sort.
      *
      * @param message - The message to add
      */
     addMessage: (message) => {
-        _messages = sortMessagesChronologically([..._messages, message]);
+        const seq = message.sequenceNumber ?? 0;
+        let lo = 0, hi = _messages.length;
+        while (lo < hi) {
+            const mid = (lo + hi) >>> 1;
+            if ((_messages[mid].sequenceNumber ?? 0) <= seq)
+                lo = mid + 1;
+            else
+                hi = mid;
+        }
+        _messages = [..._messages.slice(0, lo), message, ..._messages.slice(lo)];
     },
     /**
      * Add multiple messages to the current session
@@ -344,10 +353,7 @@ export const playgroundActions = {
         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,
-        ]);
+        _messages = sortMessagesChronologically([..._messages, ...uniqueNewMessages]);
     },
     /**
      * Clear all messages
@@ -413,7 +419,7 @@ export const playgroundActions = {
             _messages = [];
             _lastPollTimestamp = null;
         }
-    },
+    }
 };
 // =========================================================================
 // Polling Callback Factory
@@ -517,6 +523,6 @@ export async function refreshSessionMessages(fetchMessages, isTerminalStatus) {
         callback(response);
     }
     catch (err) {
-        logger.error("[playgroundStore] Failed to refresh messages:", err);
+        logger.error('[playgroundStore] Failed to refresh messages:', err);
     }
 }

package/dist/stores/portCoordinateStore.svelte.d.ts

@@ -12,8 +12,8 @@
  * which SvelteFlow already maintains for all node types. This avoids replicating
  * CSS positioning logic and stays automatically accurate.
  */
-import type { WorkflowNode as WorkflowNodeType, PortCoordinate, PortCoordinateMap } from "../types/index.js";
-import type { InternalNode } from "@xyflow/svelte";
+import type { WorkflowNode as WorkflowNodeType, PortCoordinate, PortCoordinateMap } from '../types/index.js';
+import type { InternalNode } from '@xyflow/svelte';
 /**
  * Rebuild coordinates for ALL nodes from SvelteFlow internals.
  * Call on initial workflow load (after render) and after bulk changes.
@@ -36,6 +36,10 @@ export declare function updateNodePortCoordinates(node: WorkflowNodeType, getInt
  * @param nodeId - ID of the node to remove
  */
 export declare function removeNodePortCoordinates(nodeId: string): void;
+/**
+ * Clear all port coordinates (lifecycle cleanup).
+ */
+export declare function clearPortCoordinates(): void;
 /**
  * Get coordinates for a specific handle.
  *

package/dist/stores/portCoordinateStore.svelte.js

@@ -12,9 +12,9 @@
  * which SvelteFlow already maintains for all node types. This avoids replicating
  * CSS positioning logic and stays automatically accurate.
  */
-import { SvelteMap } from "svelte/reactivity";
-import { untrack } from "svelte";
-import { ProximityConnectHelper } from "../helpers/proximityConnect.js";
+import { SvelteMap } from 'svelte/reactivity';
+import { untrack } from 'svelte';
+import { ProximityConnectHelper } from '../helpers/proximityConnect.js';
 /** Reactive state holding all port absolute coordinates, keyed by handleId */
 let coordinates = $state(new SvelteMap());
 /**
@@ -28,14 +28,14 @@ function parseHandleId(handleId) {
     // Match the last occurrence of -input- or -output- to handle nodeIds with hyphens
     const inputMatch = handleId.match(/^(.+)-input-(.+)$/);
     if (inputMatch) {
-        return { nodeId: inputMatch[1], direction: "input", portId: inputMatch[2] };
+        return { nodeId: inputMatch[1], direction: 'input', portId: inputMatch[2] };
     }
     const outputMatch = handleId.match(/^(.+)-output-(.+)$/);
     if (outputMatch) {
         return {
             nodeId: outputMatch[1],
-            direction: "output",
-            portId: outputMatch[2],
+            direction: 'output',
+            portId: outputMatch[2]
         };
     }
     return null;
@@ -46,11 +46,11 @@ function parseHandleId(handleId) {
  */
 function buildPortDataTypeLookup(node) {
     const lookup = new Map();
-    const inputs = ProximityConnectHelper.getAllPorts(node, "input");
+    const inputs = ProximityConnectHelper.getAllPorts(node, 'input');
     for (const port of inputs) {
         lookup.set(`input-${port.id}`, port.dataType);
     }
-    const outputs = ProximityConnectHelper.getAllPorts(node, "output");
+    const outputs = ProximityConnectHelper.getAllPorts(node, 'output');
     for (const port of outputs) {
         lookup.set(`output-${port.id}`, port.dataType);
     }
@@ -70,10 +70,7 @@ function computeNodePortCoordinates(node, internalNode) {
     const posAbs = internalNode.internals.positionAbsolute;
     const dataTypeLookup = buildPortDataTypeLookup(node);
     const result = [];
-    const allHandles = [
-        ...(handleBounds.source ?? []),
-        ...(handleBounds.target ?? []),
-    ];
+    const allHandles = [...(handleBounds.source ?? []), ...(handleBounds.target ?? [])];
     for (const handle of allHandles) {
         if (!handle.id)
             continue;
@@ -90,7 +87,7 @@ function computeNodePortCoordinates(node, internalNode) {
             handleId: handle.id,
             nodeId: parsed.nodeId,
             direction: parsed.direction,
-            dataType,
+            dataType
         });
     }
     return result;
@@ -126,27 +123,19 @@ export function updateNodePortCoordinates(node, getInternalNode) {
     const internalNode = getInternalNode(node.id);
     if (!internalNode)
         return;
-    // Remove old entries for this node.
-    // untrack prevents this read from creating a reactive dependency on `coordinates`
-    // inside any $effect that calls this function — otherwise the effect would re-run
-    // every time we mutate `coordinates`, creating an infinite reactive loop during drag.
-    const keysToDelete = untrack(() => {
-        const keys = [];
+    // Build a new map with all entries except this node's, then add recomputed entries.
+    // Single assignment fires one reactive notification instead of N deletes + M sets.
+    const newMap = new SvelteMap();
+    untrack(() => {
         for (const [key, coord] of coordinates) {
-            if (coord.nodeId === node.id) {
-                keys.push(key);
-            }
+            if (coord.nodeId !== node.id)
+                newMap.set(key, coord);
         }
-        return keys;
     });
-    for (const key of keysToDelete) {
-        coordinates.delete(key);
-    }
-    // Add new entries
-    const coords = computeNodePortCoordinates(node, internalNode);
-    for (const coord of coords) {
-        coordinates.set(coord.handleId, coord);
+    for (const coord of computeNodePortCoordinates(node, internalNode)) {
+        newMap.set(coord.handleId, coord);
     }
+    coordinates = newMap;
 }
 /**
  * Remove all coordinates for a node (on node delete).
@@ -154,18 +143,20 @@ export function updateNodePortCoordinates(node, getInternalNode) {
  * @param nodeId - ID of the node to remove
  */
 export function removeNodePortCoordinates(nodeId) {
-    const keysToDelete = untrack(() => {
-        const keys = [];
+    const newMap = new SvelteMap();
+    untrack(() => {
         for (const [key, coord] of coordinates) {
-            if (coord.nodeId === nodeId) {
-                keys.push(key);
-            }
+            if (coord.nodeId !== nodeId)
+                newMap.set(key, coord);
         }
-        return keys;
     });
-    for (const key of keysToDelete) {
-        coordinates.delete(key);
-    }
+    coordinates = newMap;
+}
+/**
+ * Clear all port coordinates (lifecycle cleanup).
+ */
+export function clearPortCoordinates() {
+    coordinates = new SvelteMap();
 }
 /**
  * Get coordinates for a specific handle.

package/dist/stores/settingsStore.svelte.d.ts

@@ -9,8 +9,8 @@
  *
  * @module stores/settingsStore
  */
-import type { FlowDropSettings, ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, PartialSettings, SyncStatus, ResolvedTheme, ThemePreference, SettingsChangeCallback, SettingsCategory } from "../types/settings.js";
-export type { ThemePreference, ResolvedTheme } from "../types/settings.js";
+import type { FlowDropSettings, ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, PartialSettings, SyncStatus, ResolvedTheme, ThemePreference, SettingsChangeCallback, SettingsCategory } from '../types/settings.js';
+export type { ThemePreference, ResolvedTheme } from '../types/settings.js';
 /**
  * Get current settings (replaces settingsStore derived store)
  */

package/dist/stores/settingsStore.svelte.js

@@ -9,8 +9,8 @@
  *
  * @module stores/settingsStore
  */
-import { DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY } from "../types/settings.js";
-import { logger } from "../utils/logger.js";
+import { DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY } from '../types/settings.js';
+import { logger } from '../utils/logger.js';
 // =========================================================================
 // Internal State
 // =========================================================================
@@ -32,7 +32,7 @@ const changeListeners = new Set();
  * @returns Saved settings or null if not found/invalid
  */
 function loadFromStorage() {
-    if (typeof window === "undefined") {
+    if (typeof window === 'undefined') {
         return null;
     }
     try {
@@ -44,7 +44,7 @@ function loadFromStorage() {
         }
     }
     catch (error) {
-        logger.warn("Failed to load settings from localStorage:", error);
+        logger.warn('Failed to load settings from localStorage:', error);
     }
     return null;
 }
@@ -54,14 +54,14 @@ function loadFromStorage() {
  * @param settings - Settings to persist
  */
 function saveToStorage(settings) {
-    if (typeof window === "undefined") {
+    if (typeof window === 'undefined') {
         return;
     }
     try {
         localStorage.setItem(SETTINGS_STORAGE_KEY, JSON.stringify(settings));
     }
     catch (error) {
-        logger.warn("Failed to save settings to localStorage:", error);
+        logger.warn('Failed to save settings to localStorage:', error);
     }
 }
 // =========================================================================
@@ -80,7 +80,7 @@ function deepMergeSettings(target, source) {
         editor: { ...target.editor },
         ui: { ...target.ui },
         behavior: { ...target.behavior },
-        api: { ...target.api },
+        api: { ...target.api }
     };
     // Merge theme settings
     if (source.theme) {
@@ -117,15 +117,15 @@ const initialSettings = loadFromStorage() ?? DEFAULT_SETTINGS;
 let storeState = $state({
     settings: initialSettings,
     initialized: true,
-    syncStatus: "idle",
+    syncStatus: 'idle',
     lastSyncedAt: null,
-    syncError: null,
+    syncError: null
 });
 /**
  * System theme preference using $state rune
  * Updates when system preference changes
  */
-let systemThemeState = $state(typeof window !== "undefined" ? getSystemTheme() : "light");
+let systemThemeState = $state(typeof window !== 'undefined' ? getSystemTheme() : 'light');
 // =========================================================================
 // Getter Functions (replacing derived stores)
 // =========================================================================
@@ -142,7 +142,7 @@ export function getSyncStatus() {
     return {
         status: storeState.syncStatus,
         lastSyncedAt: storeState.lastSyncedAt,
-        error: storeState.syncError,
+        error: storeState.syncError
     };
 }
 /**
@@ -187,7 +187,7 @@ export function getTheme() {
  * (replaces resolvedTheme derived store)
  */
 export function getResolvedTheme() {
-    if (storeState.settings.theme.preference === "auto") {
+    if (storeState.settings.theme.preference === 'auto') {
         return systemThemeState;
     }
     return storeState.settings.theme.preference;
@@ -205,12 +205,10 @@ export function getSystemThemeState() {
  * Get the system's color scheme preference
  */
 function getSystemTheme() {
-    if (typeof window === "undefined") {
-        return "light";
+    if (typeof window === 'undefined') {
+        return 'light';
     }
-    return window.matchMedia("(prefers-color-scheme: dark)").matches
-        ? "dark"
-        : "light";
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
 }
 /**
  * Initialize the system theme change listener.
@@ -219,16 +217,16 @@ function getSystemTheme() {
  * @returns Cleanup function that removes the listener
  */
 export function initThemeListener() {
-    if (typeof window === "undefined") {
+    if (typeof window === 'undefined') {
         return () => { };
     }
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
     const handleSystemThemeChange = (event) => {
-        systemThemeState = event.matches ? "dark" : "light";
+        systemThemeState = event.matches ? 'dark' : 'light';
     };
-    mediaQuery.addEventListener("change", handleSystemThemeChange);
+    mediaQuery.addEventListener('change', handleSystemThemeChange);
     return () => {
-        mediaQuery.removeEventListener("change", handleSystemThemeChange);
+        mediaQuery.removeEventListener('change', handleSystemThemeChange);
     };
 }
 // =========================================================================
@@ -242,14 +240,14 @@ function notifyChange(category, key, previousValue, newValue) {
         category,
         key,
         previousValue,
-        newValue,
+        newValue
     };
     changeListeners.forEach((listener) => {
         try {
             listener(event);
         }
         catch (error) {
-            logger.error("Settings change listener error:", error);
+            logger.error('Settings change listener error:', error);
         }
     });
 }
@@ -272,7 +270,7 @@ export function updateSettings(partial) {
     // Notify listeners for each changed category
     for (const category of Object.keys(partial)) {
         const partialCategory = partial[category];
-        if (partialCategory && typeof partialCategory === "object") {
+        if (partialCategory && typeof partialCategory === 'object') {
             for (const key of Object.keys(partialCategory)) {
                 const prevCat = getCategoryAsRecord(previousSettings, category);
                 const newCat = getCategoryAsRecord(newSettings, category);
@@ -284,7 +282,7 @@ export function updateSettings(partial) {
     }
     storeState = {
         ...storeState,
-        settings: newSettings,
+        settings: newSettings
     };
 }
 /**
@@ -296,8 +294,7 @@ export function resetSettings(categories) {
     if (categories && categories.length > 0) {
         const partial = {};
         for (const category of categories) {
-            partial[category] =
-                DEFAULT_SETTINGS[category];
+            partial[category] = DEFAULT_SETTINGS[category];
         }
         updateSettings(partial);
     }
@@ -305,7 +302,7 @@ export function resetSettings(categories) {
         saveToStorage(DEFAULT_SETTINGS);
         storeState = {
             ...storeState,
-            settings: DEFAULT_SETTINGS,
+            settings: DEFAULT_SETTINGS
         };
     }
 }
@@ -327,11 +324,11 @@ export function setTheme(newTheme) {
 export function toggleTheme() {
     const currentTheme = getTheme();
     const currentResolved = getResolvedTheme();
-    if (currentTheme === "auto") {
-        setTheme(currentResolved === "dark" ? "light" : "dark");
+    if (currentTheme === 'auto') {
+        setTheme(currentResolved === 'dark' ? 'light' : 'dark');
     }
     else {
-        setTheme(currentTheme === "dark" ? "light" : "dark");
+        setTheme(currentTheme === 'dark' ? 'light' : 'dark');
     }
 }
 /**
@@ -340,14 +337,14 @@ export function toggleTheme() {
 export function cycleTheme() {
     const currentTheme = getTheme();
     switch (currentTheme) {
-        case "light":
-            setTheme("dark");
+        case 'light':
+            setTheme('dark');
             break;
-        case "dark":
-            setTheme("auto");
+        case 'dark':
+            setTheme('auto');
             break;
-        case "auto":
-            setTheme("light");
+        case 'auto':
+            setTheme('light');
             break;
     }
 }
@@ -357,10 +354,10 @@ export function cycleTheme() {
  * @param resolved - The resolved theme to apply
  */
 function applyTheme(resolved) {
-    if (typeof document === "undefined") {
+    if (typeof document === 'undefined') {
         return;
     }
-    document.documentElement.setAttribute("data-theme", resolved);
+    document.documentElement.setAttribute('data-theme', resolved);
 }
 /**
  * Stored cleanup function for the theme effect.
@@ -409,10 +406,10 @@ export function initializeTheme() {
  * @returns true if running in browser and theme is applied
  */
 export function isThemeInitialized() {
-    if (typeof document === "undefined") {
+    if (typeof document === 'undefined') {
         return false;
     }
-    return document.documentElement.hasAttribute("data-theme");
+    return document.documentElement.hasAttribute('data-theme');
 }
 // =========================================================================
 // API Sync Functions
@@ -432,30 +429,30 @@ export function setSettingsService(service) {
  */
 export async function syncSettingsToApi() {
     if (!settingsService) {
-        logger.warn("Settings service not configured for API sync");
+        logger.warn('Settings service not configured for API sync');
         return;
     }
     storeState = {
         ...storeState,
-        syncStatus: "syncing",
-        syncError: null,
+        syncStatus: 'syncing',
+        syncError: null
     };
     try {
         const currentSettings = getSettings();
         await settingsService.savePreferences(currentSettings);
         storeState = {
             ...storeState,
-            syncStatus: "synced",
+            syncStatus: 'synced',
             lastSyncedAt: Date.now(),
-            syncError: null,
+            syncError: null
         };
     }
     catch (error) {
-        const errorMessage = error instanceof Error ? error.message : "Failed to sync settings";
+        const errorMessage = error instanceof Error ? error.message : 'Failed to sync settings';
         storeState = {
             ...storeState,
-            syncStatus: "error",
-            syncError: errorMessage,
+            syncStatus: 'error',
+            syncError: errorMessage
         };
         throw error;
     }
@@ -467,13 +464,13 @@ export async function syncSettingsToApi() {
  */
 export async function loadSettingsFromApi() {
     if (!settingsService) {
-        logger.warn("Settings service not configured for API sync");
+        logger.warn('Settings service not configured for API sync');
         return;
     }
     storeState = {
         ...storeState,
-        syncStatus: "syncing",
-        syncError: null,
+        syncStatus: 'syncing',
+        syncError: null
     };
     try {
         const apiSettingsData = await settingsService.getPreferences();
@@ -481,21 +478,19 @@ export async function loadSettingsFromApi() {
         storeState = {
             ...storeState,
             settings: mergedSettings,
-            syncStatus: "synced",
+            syncStatus: 'synced',
             lastSyncedAt: Date.now(),
-            syncError: null,
+            syncError: null
         };
         // Also persist to localStorage
         saveToStorage(mergedSettings);
     }
     catch (error) {
-        const errorMessage = error instanceof Error
-            ? error.message
-            : "Failed to load settings from API";
+        const errorMessage = error instanceof Error ? error.message : 'Failed to load settings from API';
         storeState = {
             ...storeState,
-            syncStatus: "error",
-            syncError: errorMessage,
+            syncStatus: 'error',
+            syncError: errorMessage
         };
         throw error;
     }
@@ -530,7 +525,7 @@ export async function initializeSettings(options) {
         const withDefaults = deepMergeSettings(currentSettings, options.defaults);
         storeState = {
             ...storeState,
-            settings: withDefaults,
+            settings: withDefaults
         };
         saveToStorage(withDefaults);
     }
@@ -543,7 +538,7 @@ export async function initializeSettings(options) {
         }
         catch {
             // Silently fail - local settings are still available
-            logger.warn("Failed to sync settings from API on initialization");
+            logger.warn('Failed to sync settings from API on initialization');
         }
     }
 }