@d34dman/flowdrop 0.0.62 → 0.0.64

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

@@ -1,101 +1,159 @@
 <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",
-		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",
-			inputs: [],
-			outputs: [
-				{ id: "text", name: "text", type: "output", dataType: "string", required: false, description: "The input text value" },
-			],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			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',
+				inputs: [],
+				outputs: [
+					{
+						id: 'text',
+						name: 'text',
+						type: 'output',
+						dataType: 'string',
+						required: false,
+						description: 'The input text value'
+					}
+				]
+			}
+		})}
+	/>
 </Story>
 
 <Story name="With Icon">
-	<NodeDecorator data={createSampleNodeData({
-		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",
-			inputs: [
-				{ id: "event", name: "Event Data", type: "input", dataType: "json", required: false, description: "Event that triggered notification" },
-				{ id: "trigger", name: "Trigger", type: "input", dataType: "trigger", required: false, description: "Execution trigger" },
-			],
-			outputs: [
-				{ id: "notification", name: "Notification", type: "output", dataType: "json", required: false, description: "Formatted notification object" },
-			],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			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',
+				inputs: [
+					{
+						id: 'event',
+						name: 'Event Data',
+						type: 'input',
+						dataType: 'json',
+						required: false,
+						description: 'Event that triggered notification'
+					},
+					{
+						id: 'trigger',
+						name: 'Trigger',
+						type: 'input',
+						dataType: 'trigger',
+						required: false,
+						description: 'Execution trigger'
+					}
+				],
+				outputs: [
+					{
+						id: 'notification',
+						name: 'Notification',
+						type: 'output',
+						dataType: 'json',
+						required: false,
+						description: 'Formatted notification object'
+					}
+				]
+			}
+		})}
+	/>
 </Story>
 
 <Story name="Selected">
-	<NodeDecorator data={createSampleNodeData({
-		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",
-			inputs: [],
-			outputs: [
-				{ id: "text", name: "text", type: "output", dataType: "string", required: false, description: "The input text value" },
-			],
-		},
-	})} selected={true} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			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',
+				inputs: [],
+				outputs: [
+					{
+						id: 'text',
+						name: 'text',
+						type: 'output',
+						dataType: 'string',
+						required: false,
+						description: 'The input text value'
+					}
+				]
+			}
+		})}
+		selected={true}
+	/>
 </Story>
 
 <Story name="Multiple Ports">
-	<NodeDecorator data={createSampleNodeData({
-		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",
-			inputs: [
-				{ id: "text", name: "Text Input", type: "input", dataType: "string", required: false, description: "The text to output" },
-				{ id: "trigger", name: "Trigger", type: "input", dataType: "trigger", required: false, description: "" },
-			],
-			outputs: [],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			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',
+				inputs: [
+					{
+						id: 'text',
+						name: 'Text Input',
+						type: 'input',
+						dataType: 'string',
+						required: false,
+						description: 'The text to output'
+					},
+					{
+						id: 'trigger',
+						name: 'Trigger',
+						type: 'input',
+						dataType: 'trigger',
+						required: false,
+						description: ''
+					}
+				],
+				outputs: []
+			}
+		})}
+	/>
 </Story>

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

@@ -1,56 +1,82 @@
 <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/SquareNode",
-		tags: ["autodocs"],
+		title: 'Nodes/SquareNode',
+		tags: ['autodocs'],
 		parameters: {
-			layout: "centered",
-		},
+			layout: 'centered'
+		}
 	});
 </script>
 
 <Story name="Default">
-	<NodeDecorator data={createSampleNodeData({
-		label: "Text Input",
-		metadata: {
-			id: "text_input",
-			name: "Text Input",
-			description: "Simple text input for user data",
-			category: "inputs",
-			version: "1.0.0",
-			type: "square",
-			supportedTypes: ["simple", "square", "default"],
-			icon: "mdi:text",
-			color: "#22c55e",
-			inputs: [],
-			outputs: [
-				{ id: "text", name: "text", type: "output", dataType: "string", required: false, description: "The input text value" },
-			],
-		},
-	})} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			label: 'Text Input',
+			metadata: {
+				id: 'text_input',
+				name: 'Text Input',
+				description: 'Simple text input for user data',
+				category: 'inputs',
+				version: '1.0.0',
+				type: 'square',
+				supportedTypes: ['square'],
+				icon: 'mdi:text',
+				color: '#22c55e',
+				inputs: [],
+				outputs: [
+					{
+						id: 'text',
+						name: 'text',
+						type: 'output',
+						dataType: 'string',
+						required: false,
+						description: 'The input text value'
+					}
+				]
+			}
+		})}
+	/>
 </Story>
 
 <Story name="Selected">
-	<NodeDecorator data={createSampleNodeData({
-		label: "Text Output",
-		metadata: {
-			id: "text_output",
-			name: "Text Output",
-			description: "Simple text output for displaying data",
-			category: "outputs",
-			version: "1.0.0",
-			type: "square",
-			supportedTypes: ["square", "simple", "default"],
-			icon: "mdi:text-box",
-			color: "#ef4444",
-			inputs: [
-				{ id: "text", name: "Text Input", type: "input", dataType: "string", required: false, description: "The text to output" },
-				{ id: "trigger", name: "Trigger", type: "input", dataType: "trigger", required: false, description: "" },
-			],
-			outputs: [],
-		},
-	})} selected={true} />
+	<NodeDecorator
+		data={createSampleNodeData({
+			label: 'Text Output',
+			metadata: {
+				id: 'text_output',
+				name: 'Text Output',
+				description: 'Simple text output for displaying data',
+				category: 'outputs',
+				version: '1.0.0',
+				type: 'square',
+				supportedTypes: ['square'],
+				icon: 'mdi:text-box',
+				color: '#ef4444',
+				inputs: [
+					{
+						id: 'text',
+						name: 'Text Input',
+						type: 'input',
+						dataType: 'string',
+						required: false,
+						description: 'The text to output'
+					},
+					{
+						id: 'trigger',
+						name: 'Trigger',
+						type: 'input',
+						dataType: 'trigger',
+						required: false,
+						description: ''
+					}
+				],
+				outputs: []
+			}
+		})}
+		selected={true}
+	/>
 </Story>

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

@@ -1,25 +1,25 @@
 <script module>
-	import { defineMeta } from "@storybook/addon-svelte-csf";
-	import NodeDecorator from "../../stories/NodeDecorator.svelte";
-	import { createTerminalNodeData } from "../../stories/utils.js";
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import NodeDecorator from '../../stories/NodeDecorator.svelte';
+	import { createTerminalNodeData } from '../../stories/utils.js';
 
 	const { Story } = defineMeta({
-		title: "Nodes/TerminalNode",
-		tags: ["autodocs"],
+		title: 'Nodes/TerminalNode',
+		tags: ['autodocs'],
 		parameters: {
-			layout: "centered",
-		},
+			layout: 'centered'
+		}
 	});
 </script>
 
 <Story name="Start">
-	<NodeDecorator data={createTerminalNodeData("start")} />
+	<NodeDecorator data={createTerminalNodeData('start')} />
 </Story>
 
 <Story name="End">
-	<NodeDecorator data={createTerminalNodeData("end")} />
+	<NodeDecorator data={createTerminalNodeData('end')} />
 </Story>
 
 <Story name="Exit">
-	<NodeDecorator data={createTerminalNodeData("exit")} />
+	<NodeDecorator data={createTerminalNodeData('exit')} />
 </Story>

package/dist/components/nodes/TerminalNode.svelte

@@ -267,12 +267,16 @@
 	/**
 	 * Visible input ports filtered by hideUnconnectedHandles setting
 	 */
-	let visibleInputPorts = $derived(inputPorts.filter((port: NodePort) => isPortVisible(port, 'input')));
+	let visibleInputPorts = $derived(
+		inputPorts.filter((port: NodePort) => isPortVisible(port, 'input'))
+	);
 
 	/**
 	 * Visible output ports filtered by hideUnconnectedHandles setting
 	 */
-	let visibleOutputPorts = $derived(outputPorts.filter((port: NodePort) => isPortVisible(port, 'output')));
+	let visibleOutputPorts = $derived(
+		outputPorts.filter((port: NodePort) => isPortVisible(port, 'output'))
+	);
 
 	/**
 	 * Determine if we should show inputs based on visible ports
@@ -658,7 +662,7 @@
 		width: 16px !important;
 		height: 16px !important;
 		border-radius: 50% !important;
-		border: 2px solid var(--fd-handle-border) !important;
+		border: none !important;
 		transition: all var(--fd-transition-normal) !important;
 		cursor: pointer !important;
 		z-index: 20 !important;