@flowdrop/flowdrop 1.0.1 → 1.1.0

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
  *

package/dist/stores/workflowStore.svelte.js

@@ -10,14 +10,14 @@
  *
  * @module stores/workflowStore
  */
-import { DEFAULT_WORKFLOW_FORMAT } from '../types/index.js';
-import { historyService } from '../services/historyService.js';
+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',
+        version: existing?.version ?? "1.0",
         createdAt: existing?.createdAt ?? new Date().toISOString(),
         updatedAt: new Date().toISOString(),
         author: existing?.author,
@@ -25,7 +25,7 @@ function buildMetadata(existing, updates) {
         versionId: existing?.versionId,
         updateNumber: existing?.updateNumber,
         format: existing?.format,
-        ...updates
+        ...updates,
     };
 }
 // =========================================================================
@@ -106,7 +106,7 @@ export function getWorkflowId() {
  * @returns The workflow name or 'Untitled Workflow'
  */
 export function getWorkflowName() {
-    return workflowState?.name ?? 'Untitled Workflow';
+    return workflowState?.name ?? "Untitled Workflow";
 }
 /**
  * Get the workflow nodes reactively
@@ -131,11 +131,11 @@ export function getWorkflowEdges() {
  */
 export function getWorkflowMetadata() {
     return (workflowState?.metadata ?? {
-        version: '1.0.0',
+        version: "1.0.0",
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
         versionId: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-        updateNumber: 0
+        updateNumber: 0,
     });
 }
 /**
@@ -155,7 +155,7 @@ export function getWorkflowChanged() {
     return {
         nodes: getWorkflowNodes(),
         edges: getWorkflowEdges(),
-        name: getWorkflowName()
+        name: getWorkflowName(),
     };
 }
 /**
@@ -171,7 +171,7 @@ export function getWorkflowValidation() {
         hasEdges: edges.length > 0,
         nodeCount: nodes.length,
         edgeCount: edges.length,
-        isValid: nodes.length > 0 && edges.length >= 0
+        isValid: nodes.length > 0 && edges.length >= 0,
     };
 }
 /**
@@ -184,7 +184,7 @@ export function getWorkflowMetadataChanged() {
     return {
         createdAt: metadata.createdAt,
         updatedAt: metadata.updatedAt,
-        version: metadata.version ?? '1.0.0'
+        version: metadata.version ?? "1.0.0",
     };
 }
 /**
@@ -256,16 +256,16 @@ function createSnapshot(workflow) {
             position: n.position,
             data: {
                 label: n.data.label,
-                config: n.data.config
-            }
+                config: n.data.config,
+            },
         })),
         edges: workflow.edges.map((e) => ({
             id: e.id,
             source: e.source,
             target: e.target,
             sourceHandle: e.sourceHandle,
-            targetHandle: e.targetHandle
-        }))
+            targetHandle: e.targetHandle,
+        })),
     };
     return JSON.stringify(toSnapshot);
 }
@@ -403,7 +403,8 @@ function hasWorkflowDataChanged(currentWorkflow, newNodes, newEdges) {
             return true;
         if (currentEdge.id !== newEdge.id)
             return true;
-        if (currentEdge.source !== newEdge.source || currentEdge.target !== newEdge.target)
+        if (currentEdge.source !== newEdge.source ||
+            currentEdge.target !== newEdge.target)
             return true;
     }
     return false;
@@ -442,7 +443,7 @@ export const workflowActions = {
      */
     updateWorkflow: (workflow) => {
         workflowState = workflow;
-        notifyWorkflowChange('metadata');
+        notifyWorkflowChange("metadata");
     },
     /**
      * Restore workflow from history (undo/redo)
@@ -452,7 +453,7 @@ export const workflowActions = {
     restoreFromHistory: (workflow) => {
         isRestoringFromHistory = true;
         workflowState = workflow;
-        notifyWorkflowChange('metadata');
+        notifyWorkflowChange("metadata");
         isRestoringFromHistory = false;
     },
     /**
@@ -472,10 +473,10 @@ export const workflowActions = {
             nodes,
             metadata: buildMetadata(workflowState.metadata, {
                 versionId,
-                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1
-            })
+                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1,
+            }),
         };
-        notifyWorkflowChange('node_move');
+        notifyWorkflowChange("node_move");
     },
     /**
      * Update edges
@@ -494,10 +495,10 @@ export const workflowActions = {
             edges,
             metadata: buildMetadata(workflowState.metadata, {
                 versionId,
-                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1
-            })
+                updateNumber: (workflowState.metadata?.updateNumber ?? 0) + 1,
+            }),
         };
-        notifyWorkflowChange('edge_add');
+        notifyWorkflowChange("edge_add");
     },
     /**
      * Update workflow name
@@ -508,23 +509,23 @@ export const workflowActions = {
         workflowState = {
             ...workflowState,
             name,
-            metadata: buildMetadata(workflowState.metadata)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('name');
+        notifyWorkflowChange("name");
     },
     /**
      * Add a node
      */
     addNode: (node) => {
-        pushToHistory('Add node');
+        pushToHistory("Add node");
         if (!workflowState)
             return;
         workflowState = {
             ...workflowState,
             nodes: [...workflowState.nodes, node],
-            metadata: buildMetadata(workflowState.metadata)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('node_add');
+        notifyWorkflowChange("node_add");
     },
     /**
      * Remove a node
@@ -533,44 +534,44 @@ export const workflowActions = {
      * A single undo will restore both the node and its edges.
      */
     removeNode: (nodeId) => {
-        pushToHistory('Delete node');
+        pushToHistory("Delete node");
         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)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('node_remove');
+        notifyWorkflowChange("node_remove");
     },
     /**
      * Add an edge
      */
     addEdge: (edge) => {
-        pushToHistory('Add connection');
+        pushToHistory("Add connection");
         if (!workflowState)
             return;
         workflowState = {
             ...workflowState,
             edges: [...workflowState.edges, edge],
-            metadata: buildMetadata(workflowState.metadata)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('edge_add');
+        notifyWorkflowChange("edge_add");
     },
     /**
      * Remove an edge
      */
     removeEdge: (edgeId) => {
-        pushToHistory('Delete connection');
+        pushToHistory("Delete connection");
         if (!workflowState)
             return;
         workflowState = {
             ...workflowState,
             edges: workflowState.edges.filter((edge) => edge.id !== edgeId),
-            metadata: buildMetadata(workflowState.metadata)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('edge_remove');
+        notifyWorkflowChange("edge_remove");
     },
     /**
      * Update a specific node
@@ -578,15 +579,15 @@ export const workflowActions = {
      * Used for config changes. Pushes to history for undo support.
      */
     updateNode: (nodeId, updates) => {
-        pushToHistory('Update node config');
+        pushToHistory("Update node config");
         if (!workflowState)
             return;
         workflowState = {
             ...workflowState,
             nodes: workflowState.nodes.map((node) => node.id === nodeId ? { ...node, ...updates } : node),
-            metadata: buildMetadata(workflowState.metadata)
+            metadata: buildMetadata(workflowState.metadata),
         };
-        notifyWorkflowChange('node_config');
+        notifyWorkflowChange("node_config");
     },
     /**
      * Clear the workflow
@@ -610,9 +611,9 @@ export const workflowActions = {
             return;
         workflowState = {
             ...workflowState,
-            metadata: buildMetadata(workflowState.metadata, metadata)
+            metadata: buildMetadata(workflowState.metadata, metadata),
         };
-        notifyWorkflowChange('metadata');
+        notifyWorkflowChange("metadata");
     },
     /**
      * Batch update nodes and edges
@@ -621,7 +622,7 @@ export const workflowActions = {
      * Creates a single history entry for the entire batch.
      */
     batchUpdate: (updates) => {
-        pushToHistory('Batch update');
+        pushToHistory("Batch update");
         if (!workflowState)
             return;
         workflowState = {
@@ -629,10 +630,12 @@ export const workflowActions = {
             ...(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)
+            ...(updates.description !== undefined && {
+                description: updates.description,
+            }),
+            metadata: buildMetadata(workflowState.metadata, updates.metadata ?? undefined),
         };
-        notifyWorkflowChange('metadata');
+        notifyWorkflowChange("metadata");
     },
     /**
      * Push current state to history manually
@@ -645,5 +648,5 @@ export const workflowActions = {
      */
     pushHistory: (description, workflow) => {
         pushToHistory(description, workflow);
-    }
+    },
 };