@flowdrop/flowdrop 1.5.0 → 1.7.0

package/dist/components/nodes/NotesNode.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { ConfigValues, NodeMetadata } from "../../types/index.js";
-  import Icon from "@iconify/svelte";
-  import MarkdownDisplay from "../MarkdownDisplay.svelte";
+  import type { ConfigValues, NodeMetadata } from '../../types/index.js';
+  import Icon from '@iconify/svelte';
+  import MarkdownDisplay from '../MarkdownDisplay.svelte';
 
   /**
    * NotesNode component props
@@ -25,46 +25,42 @@
   }>();
 
   /** Note content derived from config */
-  const noteContent = $derived(
-    (props.data.config?.content as string) || "Add your notes here...",
-  );
+  const noteContent = $derived((props.data.config?.content as string) || 'Add your notes here...');
 
   /** Note type derived from config */
-  const noteType = $derived((props.data.config?.noteType as string) || "info");
+  const noteType = $derived((props.data.config?.noteType as string) || 'info');
 
   /** Note type configuration with styling for each type */
   const noteTypes = {
     info: {
-      name: "Info",
-      typeClass: "flowdrop-notes-node--info",
-      icon: "mdi:information",
+      name: 'Info',
+      typeClass: 'flowdrop-notes-node--info',
+      icon: 'mdi:information'
     },
     warning: {
-      name: "Warning",
-      typeClass: "flowdrop-notes-node--warning",
-      icon: "mdi:alert",
+      name: 'Warning',
+      typeClass: 'flowdrop-notes-node--warning',
+      icon: 'mdi:alert'
     },
     success: {
-      name: "Success",
-      typeClass: "flowdrop-notes-node--success",
-      icon: "mdi:check-circle",
+      name: 'Success',
+      typeClass: 'flowdrop-notes-node--success',
+      icon: 'mdi:check-circle'
     },
     error: {
-      name: "Error",
-      typeClass: "flowdrop-notes-node--error",
-      icon: "mdi:close-circle",
+      name: 'Error',
+      typeClass: 'flowdrop-notes-node--error',
+      icon: 'mdi:close-circle'
     },
     note: {
-      name: "Note",
-      typeClass: "flowdrop-notes-node--note",
-      icon: "mdi:note-text",
-    },
+      name: 'Note',
+      typeClass: 'flowdrop-notes-node--note',
+      icon: 'mdi:note-text'
+    }
   };
 
   /** Current note type configuration based on selected type */
-  const currentType = $derived(
-    noteTypes[noteType as keyof typeof noteTypes] || noteTypes.info,
-  );
+  const currentType = $derived(noteTypes[noteType as keyof typeof noteTypes] || noteTypes.info);
 
   /**
    * Opens the configuration sidebar for editing note properties
@@ -72,9 +68,9 @@
   function openConfigSidebar(): void {
     if (props.data.onConfigOpen) {
       const nodeForConfig = {
-        id: props.data.nodeId || "unknown",
-        type: "note",
-        data: props.data,
+        id: props.data.nodeId || 'unknown',
+        type: 'note',
+        data: props.data
       };
       props.data.onConfigOpen(nodeForConfig);
     }
@@ -92,7 +88,7 @@
    * @param event - The keyboard event
    */
   function handleKeydown(event: KeyboardEvent): void {
-    if (event.key === "Enter" || event.key === " ") {
+    if (event.key === 'Enter' || event.key === ' ') {
       event.preventDefault();
       handleDoubleClick();
     }
@@ -123,10 +119,7 @@
 
     <!-- Rendered markdown content -->
     <div class="flowdrop-notes-node__body">
-      <MarkdownDisplay
-        content={noteContent}
-        className="flowdrop-notes-node__markdown"
-      />
+      <MarkdownDisplay content={noteContent} className="flowdrop-notes-node__markdown" />
     </div>
 
     <!-- Processing indicator -->
@@ -266,11 +259,7 @@
     width: 2.25rem;
     height: 2.25rem;
     border-radius: 0.5rem;
-    background: color-mix(
-      in srgb,
-      var(--_notes-icon) var(--fd-node-icon-bg-opacity),
-      transparent
-    );
+    background: color-mix(in srgb, var(--_notes-icon) var(--fd-node-icon-bg-opacity), transparent);
     flex-shrink: 0;
     transition: all var(--fd-transition-normal);
   }

package/dist/components/nodes/NotesNode.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigValues, NodeMetadata } from "../../types/index.js";
+import type { ConfigValues, NodeMetadata } from '../../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;

package/dist/components/nodes/SimpleNode.stories.svelte

@@ -1,43 +1,43 @@
 <script module>
-  import { defineMeta } from "@storybook/addon-svelte-csf";
-  import NodeDecorator from "../../stories/NodeDecorator.svelte";
-  import { createSampleNodeData } from "../../stories/utils.js";
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import NodeDecorator from '../../stories/NodeDecorator.svelte';
+  import { createSampleNodeData } from '../../stories/utils.js';
 
   const { Story } = defineMeta({
-    title: "Nodes/SimpleNode",
-    tags: ["autodocs"],
+    title: 'Nodes/SimpleNode',
+    tags: ['autodocs'],
     parameters: {
-      layout: "centered",
-    },
+      layout: 'centered'
+    }
   });
 </script>
 
 <Story name="Default">
   <NodeDecorator
     data={createSampleNodeData({
-      label: "Text Input",
+      label: 'Text Input',
       metadata: {
-        id: "text_input",
-        name: "Text Input",
-        description: "Simple text input for user data",
-        category: "inputs",
-        version: "1.0.0",
-        type: "simple",
-        supportedTypes: ["simple", "square", "default"],
-        icon: "mdi:text",
-        color: "#22c55e",
+        id: 'text_input',
+        name: 'Text Input',
+        description: 'Simple text input for user data',
+        category: 'inputs',
+        version: '1.0.0',
+        type: 'simple',
+        supportedTypes: ['simple', 'square', 'default'],
+        icon: 'mdi:text',
+        color: '#22c55e',
         inputs: [],
         outputs: [
           {
-            id: "text",
-            name: "text",
-            type: "output",
-            dataType: "string",
+            id: 'text',
+            name: 'text',
+            type: 'output',
+            dataType: 'string',
             required: false,
-            description: "The input text value",
-          },
-        ],
-      },
+            description: 'The input text value'
+          }
+        ]
+      }
     })}
   />
 </Story>
@@ -45,47 +45,46 @@
 <Story name="With Icon">
   <NodeDecorator
     data={createSampleNodeData({
-      label: "Notification Template",
+      label: 'Notification Template',
       metadata: {
-        id: "notification_template",
-        name: "Notification Template",
-        description:
-          "Create notification templates with API-driven variable suggestions",
-        category: "outputs",
-        version: "1.0.0",
-        type: "simple",
-        supportedTypes: ["simple", "default"],
-        icon: "mdi:bell-ring",
-        color: "#f59e0b",
+        id: 'notification_template',
+        name: 'Notification Template',
+        description: 'Create notification templates with API-driven variable suggestions',
+        category: 'outputs',
+        version: '1.0.0',
+        type: 'simple',
+        supportedTypes: ['simple', 'default'],
+        icon: 'mdi:bell-ring',
+        color: '#f59e0b',
         inputs: [
           {
-            id: "event",
-            name: "Event Data",
-            type: "input",
-            dataType: "json",
+            id: 'event',
+            name: 'Event Data',
+            type: 'input',
+            dataType: 'json',
             required: false,
-            description: "Event that triggered notification",
+            description: 'Event that triggered notification'
           },
           {
-            id: "trigger",
-            name: "Trigger",
-            type: "input",
-            dataType: "trigger",
+            id: 'trigger',
+            name: 'Trigger',
+            type: 'input',
+            dataType: 'trigger',
             required: false,
-            description: "Execution trigger",
-          },
+            description: 'Execution trigger'
+          }
         ],
         outputs: [
           {
-            id: "notification",
-            name: "Notification",
-            type: "output",
-            dataType: "json",
+            id: 'notification',
+            name: 'Notification',
+            type: 'output',
+            dataType: 'json',
             required: false,
-            description: "Formatted notification object",
-          },
-        ],
-      },
+            description: 'Formatted notification object'
+          }
+        ]
+      }
     })}
   />
 </Story>
@@ -93,29 +92,29 @@
 <Story name="Selected">
   <NodeDecorator
     data={createSampleNodeData({
-      label: "Text Input",
+      label: 'Text Input',
       metadata: {
-        id: "text_input",
-        name: "Text Input",
-        description: "Simple text input for user data",
-        category: "inputs",
-        version: "1.0.0",
-        type: "simple",
-        supportedTypes: ["simple", "square", "default"],
-        icon: "mdi:text",
-        color: "#22c55e",
+        id: 'text_input',
+        name: 'Text Input',
+        description: 'Simple text input for user data',
+        category: 'inputs',
+        version: '1.0.0',
+        type: 'simple',
+        supportedTypes: ['simple', 'square', 'default'],
+        icon: 'mdi:text',
+        color: '#22c55e',
         inputs: [],
         outputs: [
           {
-            id: "text",
-            name: "text",
-            type: "output",
-            dataType: "string",
+            id: 'text',
+            name: 'text',
+            type: 'output',
+            dataType: 'string',
             required: false,
-            description: "The input text value",
-          },
-        ],
-      },
+            description: 'The input text value'
+          }
+        ]
+      }
     })}
     selected={true}
   />
@@ -124,37 +123,37 @@
 <Story name="Multiple Ports">
   <NodeDecorator
     data={createSampleNodeData({
-      label: "Text Output",
+      label: 'Text Output',
       metadata: {
-        id: "text_output",
-        name: "Text Output",
-        description: "Simple text output for displaying data",
-        category: "outputs",
-        version: "1.0.0",
-        type: "simple",
-        supportedTypes: ["square", "simple", "default"],
-        icon: "mdi:text-box",
-        color: "#ef4444",
+        id: 'text_output',
+        name: 'Text Output',
+        description: 'Simple text output for displaying data',
+        category: 'outputs',
+        version: '1.0.0',
+        type: 'simple',
+        supportedTypes: ['square', 'simple', 'default'],
+        icon: 'mdi:text-box',
+        color: '#ef4444',
         inputs: [
           {
-            id: "text",
-            name: "Text Input",
-            type: "input",
-            dataType: "string",
+            id: 'text',
+            name: 'Text Input',
+            type: 'input',
+            dataType: 'string',
             required: false,
-            description: "The text to output",
+            description: 'The text to output'
           },
           {
-            id: "trigger",
-            name: "Trigger",
-            type: "input",
-            dataType: "trigger",
+            id: 'trigger',
+            name: 'Trigger',
+            type: 'input',
+            dataType: 'trigger',
             required: false,
-            description: "",
-          },
+            description: ''
+          }
         ],
-        outputs: [],
-      },
+        outputs: []
+      }
     })}
   />
 </Story>
@@ -162,63 +161,63 @@
 <Story name="Dynamic Ports">
   <NodeDecorator
     data={createSampleNodeData({
-      label: "Custom Function",
+      label: 'Custom Function',
       config: {
         dynamicInputs: [
           {
-            name: "param_a",
-            label: "Parameter A",
-            description: "First parameter",
-            dataType: "string",
-            required: true,
+            name: 'param_a',
+            label: 'Parameter A',
+            description: 'First parameter',
+            dataType: 'string',
+            required: true
           },
           {
-            name: "param_b",
-            label: "Parameter B",
-            description: "Second parameter",
-            dataType: "number",
-            required: false,
-          },
+            name: 'param_b',
+            label: 'Parameter B',
+            description: 'Second parameter',
+            dataType: 'number',
+            required: false
+          }
         ],
         dynamicOutputs: [
           {
-            name: "result",
-            label: "Result",
-            description: "Function result",
-            dataType: "json",
-            required: false,
-          },
-        ],
+            name: 'result',
+            label: 'Result',
+            description: 'Function result',
+            dataType: 'json',
+            required: false
+          }
+        ]
       },
       metadata: {
-        id: "custom_function",
-        name: "Custom Function",
-        description: "A node with dynamic input and output ports",
-        category: "processing",
-        version: "1.0.0",
-        type: "simple",
-        supportedTypes: ["simple", "square", "default"],
-        icon: "mdi:function-variant",
-        color: "#8b5cf6",
+        id: 'custom_function',
+        name: 'Custom Function',
+        description: 'A node with dynamic input and output ports',
+        category: 'processing',
+        version: '1.0.0',
+        type: 'simple',
+        supportedTypes: ['simple', 'square', 'default'],
+        icon: 'mdi:function-variant',
+        color: '#8b5cf6',
         inputs: [
           {
-            id: "trigger",
-            name: "Trigger",
-            type: "input",
-            dataType: "trigger",
-            required: false,
-          },
+            id: 'trigger',
+            name: 'Trigger',
+            type: 'input',
+            dataType: 'trigger',
+            required: false
+          }
         ],
         outputs: [
           {
-            id: "done",
-            name: "Done",
-            type: "output",
-            dataType: "trigger",
-            required: false,
-          },
-        ],
-      },
+            id: 'done',
+            name: 'Done',
+            type: 'output',
+            dataType: 'trigger',
+            required: false
+          }
+        ]
+      }
     })}
   />
 </Story>