@flowdrop/flowdrop 1.4.0 → 1.6.0

package/dist/components/ThemeToggle.svelte

@@ -6,31 +6,23 @@
 -->
 
 <script lang="ts">
-  import Icon from "@iconify/svelte";
-  import {
-    getTheme,
-    getResolvedTheme,
-    cycleTheme,
-  } from "../stores/settingsStore.svelte.js";
-  import type { ThemePreference } from "../types/settings.js";
+  import Icon from '@iconify/svelte';
+  import { getTheme, getResolvedTheme, cycleTheme } from '../stores/settingsStore.svelte.js';
+  import type { ThemePreference } from '../types/settings.js';
 
   /**
    * Props interface for ThemeToggle component
    */
   interface Props {
     /** Size variant of the toggle button */
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
     /** Whether to show the theme label text */
     showLabel?: boolean;
     /** Custom class name for styling */
     class?: string;
   }
 
-  const {
-    size = "md",
-    showLabel = false,
-    class: className = "",
-  }: Props = $props();
+  const { size = 'md', showLabel = false, class: className = '' }: Props = $props();
 
   /**
    * Get the icon for the current theme
@@ -45,12 +37,12 @@
    */
   function getThemeIcon(currentTheme: ThemePreference): string {
     switch (currentTheme) {
-      case "light":
-        return "mdi:white-balance-sunny";
-      case "dark":
-        return "mdi:moon-waning-crescent";
-      case "auto":
-        return "mdi:desktop-mac";
+      case 'light':
+        return 'mdi:white-balance-sunny';
+      case 'dark':
+        return 'mdi:moon-waning-crescent';
+      case 'auto':
+        return 'mdi:desktop-mac';
     }
   }
 
@@ -64,12 +56,12 @@
    */
   function getThemeLabel(currentTheme: ThemePreference): string {
     switch (currentTheme) {
-      case "light":
-        return "Light";
-      case "dark":
-        return "Dark";
-      case "auto":
-        return "Auto";
+      case 'light':
+        return 'Light';
+      case 'dark':
+        return 'Dark';
+      case 'auto':
+        return 'Auto';
     }
   }
 
@@ -81,15 +73,12 @@
   /**
    * Get tooltip text based on theme preference
    */
-  function getTooltipText(
-    currentTheme: ThemePreference,
-    resolved: "light" | "dark",
-  ): string {
-    if (currentTheme === "auto") {
+  function getTooltipText(currentTheme: ThemePreference, resolved: 'light' | 'dark'): string {
+    if (currentTheme === 'auto') {
       return `Theme: Auto (${resolved}). Click to switch to Light`;
     }
-    const next = currentTheme === "light" ? "Dark" : "Auto";
-    return `Theme: ${currentTheme === "light" ? "Light" : "Dark"}. Click to switch to ${next}`;
+    const next = currentTheme === 'light' ? 'Dark' : 'Auto';
+    return `Theme: ${currentTheme === 'light' ? 'Light' : 'Dark'}. Click to switch to ${next}`;
   }
 
   /**
@@ -103,7 +92,7 @@
    * Handle keyboard events for accessibility
    */
   function handleKeydown(event: KeyboardEvent): void {
-    if (event.key === "Enter" || event.key === " ") {
+    if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       cycleTheme();
     }

package/dist/components/ThemeToggle.svelte.d.ts

@@ -3,7 +3,7 @@
  */
 interface Props {
     /** Size variant of the toggle button */
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
     /** Whether to show the theme label text */
     showLabel?: boolean;
     /** Custom class name for styling */

package/dist/components/UniversalNode.svelte

@@ -8,24 +8,20 @@
 -->
 
 <script lang="ts">
-  import type { WorkflowNode } from "../types/index.js";
-  import { nodeComponentRegistry } from "../registry/nodeComponentRegistry.js";
-  import { resolveBuiltinAlias } from "../registry/builtinNodes.js";
-  import NodeStatusOverlay from "./NodeStatusOverlay.svelte";
-  import { shouldShowNodeStatus } from "../utils/nodeWrapper.js";
-  import { resolveComponentName } from "../utils/nodeTypes.js";
+  import type { WorkflowNode } from '../types/index.js';
+  import { nodeComponentRegistry } from '../registry/nodeComponentRegistry.js';
+  import { resolveBuiltinAlias } from '../registry/builtinNodes.js';
+  import NodeStatusOverlay from './NodeStatusOverlay.svelte';
+  import { shouldShowNodeStatus } from '../utils/nodeWrapper.js';
+  import { resolveComponentName } from '../utils/nodeTypes.js';
 
   let {
     data,
-    selected = false,
+    selected = false
   }: {
-    data: WorkflowNode["data"] & {
+    data: WorkflowNode['data'] & {
       nodeId?: string;
-      onConfigOpen?: (node: {
-        id: string;
-        type: string;
-        data: WorkflowNode["data"];
-      }) => void;
+      onConfigOpen?: (node: { id: string; type: string; data: WorkflowNode['data'] }) => void;
     };
     selected?: boolean;
   } = $props();
@@ -42,9 +38,7 @@
    * This handles the logic of choosing between config.nodeType and metadata.type.
    */
   let resolvedComponentName = $derived(
-    data.metadata
-      ? resolveComponentName(data.metadata, configNodeType)
-      : "workflowNode",
+    data.metadata ? resolveComponentName(data.metadata, configNodeType) : 'workflowNode'
   );
 
   /**
@@ -62,7 +56,7 @@
    * Hide for note nodes as they have their own styling.
    */
   let shouldShowStatus = $derived(
-    shouldShowNodeStatus(executionInfo) && resolvedComponentName !== "note",
+    shouldShowNodeStatus(executionInfo) && resolvedComponentName !== 'note'
   );
 
   /**
@@ -82,36 +76,30 @@
     }
 
     // Return the default component from registry
-    return nodeComponentRegistry.getComponent("workflowNode");
+    return nodeComponentRegistry.getComponent('workflowNode');
   }
 
   /**
    * Get optimal status position for this node type.
    * Uses registry if available, otherwise falls back to defaults.
    */
-  function getStatusPosition():
-    | "top-left"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-right" {
+  function getStatusPosition(): 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' {
     // Try registry first
-    const position = nodeComponentRegistry.getStatusPosition(
-      resolvedComponentName,
-    );
+    const position = nodeComponentRegistry.getStatusPosition(resolvedComponentName);
     if (position) {
       return position;
     }
 
     // Fallback based on node type
     switch (resolvedComponentName) {
-      case "tool":
-        return "top-left";
-      case "note":
-        return "bottom-right";
-      case "simple":
-      case "square":
+      case 'tool':
+        return 'top-left';
+      case 'note':
+        return 'bottom-right';
+      case 'simple':
+      case 'square':
       default:
-        return "top-right";
+        return 'top-right';
     }
   }
 
@@ -119,7 +107,7 @@
    * Get optimal status size for this node type.
    * Uses registry if available, otherwise falls back to defaults.
    */
-  function getStatusSize(): "sm" | "md" | "lg" {
+  function getStatusSize(): 'sm' | 'md' | 'lg' {
     // Try registry first
     const size = nodeComponentRegistry.getStatusSize(resolvedComponentName);
     if (size) {
@@ -128,13 +116,13 @@
 
     // Fallback based on node type
     switch (resolvedComponentName) {
-      case "tool":
-      case "note":
-      case "square":
-        return "sm";
-      case "simple":
+      case 'tool':
+      case 'note':
+      case 'square':
+        return 'sm';
+      case 'simple':
       default:
-        return "md";
+        return 'md';
     }
   }
 </script>
@@ -150,7 +138,7 @@
   <!-- Status overlay - only show if there's meaningful status information -->
   {#if shouldShowStatus}
     <NodeStatusOverlay
-      nodeId={data.nodeId ?? "unknown"}
+      nodeId={data.nodeId ?? 'unknown'}
       {executionInfo}
       position={getStatusPosition()}
       size={getStatusSize()}

package/dist/components/UniversalNode.svelte.d.ts

@@ -1,11 +1,11 @@
-import type { WorkflowNode } from "../types/index.js";
+import type { WorkflowNode } from '../types/index.js';
 type $$ComponentProps = {
-    data: WorkflowNode["data"] & {
+    data: WorkflowNode['data'] & {
         nodeId?: string;
         onConfigOpen?: (node: {
             id: string;
             type: string;
-            data: WorkflowNode["data"];
+            data: WorkflowNode['data'];
         }) => void;
     };
     selected?: boolean;