@flowdrop/flowdrop 1.0.1 → 1.2.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
@@ -272,12 +272,16 @@ export const playgroundActions = {
      */
     updateSessionStatus: (status) => {
         if (_currentSession) {
-            _currentSession = { ..._currentSession, status, updatedAt: new Date().toISOString() };
+            _currentSession = {
+                ..._currentSession,
+                status,
+                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);
         }
     },
     /**
@@ -340,7 +344,10 @@ 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
@@ -406,7 +413,7 @@ export const playgroundActions = {
             _messages = [];
             _lastPollTimestamp = null;
         }
-    }
+    },
 };
 // =========================================================================
 // Polling Callback Factory
@@ -510,6 +517,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.

package/dist/stores/portCoordinateStore.svelte.js

@@ -12,8 +12,8 @@
  * which SvelteFlow already maintains for all node types. This avoids replicating
  * CSS positioning logic and stays automatically accurate.
  */
-import { SvelteMap } from 'svelte/reactivity';
-import { ProximityConnectHelper } from '../helpers/proximityConnect.js';
+import { SvelteMap } from "svelte/reactivity";
+import { ProximityConnectHelper } from "../helpers/proximityConnect.js";
 /** Reactive state holding all port absolute coordinates, keyed by handleId */
 let coordinates = $state(new SvelteMap());
 /**
@@ -27,11 +27,15 @@ 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] };
+        return {
+            nodeId: outputMatch[1],
+            direction: "output",
+            portId: outputMatch[2],
+        };
     }
     return null;
 }
@@ -41,11 +45,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);
     }
@@ -65,7 +69,10 @@ 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;
@@ -82,7 +89,7 @@ function computeNodePortCoordinates(node, internalNode) {
             handleId: handle.id,
             nodeId: parsed.nodeId,
             direction: parsed.direction,
-            dataType
+            dataType,
         });
     }
     return result;

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,10 +205,12 @@ 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.
@@ -217,16 +219,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);
     };
 }
 // =========================================================================
@@ -240,14 +242,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);
         }
     });
 }
@@ -270,7 +272,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);
@@ -282,7 +284,7 @@ export function updateSettings(partial) {
     }
     storeState = {
         ...storeState,
-        settings: newSettings
+        settings: newSettings,
     };
 }
 /**
@@ -294,7 +296,8 @@ 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);
     }
@@ -302,7 +305,7 @@ export function resetSettings(categories) {
         saveToStorage(DEFAULT_SETTINGS);
         storeState = {
             ...storeState,
-            settings: DEFAULT_SETTINGS
+            settings: DEFAULT_SETTINGS,
         };
     }
 }
@@ -324,11 +327,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");
     }
 }
 /**
@@ -337,14 +340,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;
     }
 }
@@ -354,10 +357,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.
@@ -406,10 +409,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
@@ -429,30 +432,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;
     }
@@ -464,13 +467,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();
@@ -478,19 +481,21 @@ 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;
     }
@@ -525,7 +530,7 @@ export async function initializeSettings(options) {
         const withDefaults = deepMergeSettings(currentSettings, options.defaults);
         storeState = {
             ...storeState,
-            settings: withDefaults
+            settings: withDefaults,
         };
         saveToStorage(withDefaults);
     }
@@ -538,7 +543,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");
         }
     }
 }

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

@@ -10,9 +10,9 @@
  *
  * @module stores/workflowStore
  */
-import type { Workflow, WorkflowNode, WorkflowEdge } from '../types';
-import type { WorkflowChangeType } from '../types/events.js';
-type WorkflowMetadata = NonNullable<Workflow['metadata']>;
+import type { Workflow, WorkflowNode, WorkflowEdge } from "../types";
+import type { WorkflowChangeType } from "../types/events.js";
+type WorkflowMetadata = NonNullable<Workflow["metadata"]>;
 /**
  * Get the current workflow store value reactively
  *