@flowdrop/flowdrop 1.0.1 → 1.2.0

package/dist/stories/NodeDecorator.svelte

@@ -3,71 +3,77 @@
   inside a canvas, matching how they appear in the workflow editor.
 -->
 <script lang="ts">
-	import { SvelteFlow, Controls } from '@xyflow/svelte';
-	import type { Node, ColorMode } from '@xyflow/svelte';
-	import '@xyflow/svelte/dist/style.css';
-	import UniversalNode from '../components/UniversalNode.svelte';
-	import { registerBuiltinNodes } from '../registry/builtinNodes.js';
+  import { SvelteFlow, Controls } from "@xyflow/svelte";
+  import type { Node, ColorMode } from "@xyflow/svelte";
+  import "@xyflow/svelte/dist/style.css";
+  import UniversalNode from "../components/UniversalNode.svelte";
+  import { registerBuiltinNodes } from "../registry/builtinNodes.js";
 
-	let { data, selected = false }: { data: Record<string, unknown>; selected?: boolean } = $props();
+  let {
+    data,
+    selected = false,
+  }: { data: Record<string, unknown>; selected?: boolean } = $props();
 
-	// Ensure built-in node components are registered
-	registerBuiltinNodes();
+  // Ensure built-in node components are registered
+  registerBuiltinNodes();
 
-	const nodeTypes = {
-		universalNode: UniversalNode
-	};
+  const nodeTypes = {
+    universalNode: UniversalNode,
+  };
 
-	let nodes = $derived<Node[]>([
-		{
-			id: 'story-node',
-			type: 'universalNode',
-			position: { x: 0, y: 0 },
-			selected,
-			data
-		}
-	]);
+  let nodes = $derived<Node[]>([
+    {
+      id: "story-node",
+      type: "universalNode",
+      position: { x: 0, y: 0 },
+      selected,
+      data,
+    },
+  ]);
 
-	// Watch the data-theme attribute set by Storybook's addon-themes
-	let colorMode = $state<ColorMode>(
-		(document.documentElement.getAttribute('data-theme') as ColorMode) || 'light'
-	);
+  // Watch the data-theme attribute set by Storybook's addon-themes
+  let colorMode = $state<ColorMode>(
+    (document.documentElement.getAttribute("data-theme") as ColorMode) ||
+      "light",
+  );
 
-	$effect(() => {
-		const observer = new MutationObserver(() => {
-			colorMode = (document.documentElement.getAttribute('data-theme') as ColorMode) || 'light';
-		});
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: ['data-theme']
-		});
-		return () => observer.disconnect();
-	});
+  $effect(() => {
+    const observer = new MutationObserver(() => {
+      colorMode =
+        (document.documentElement.getAttribute("data-theme") as ColorMode) ||
+        "light";
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme"],
+    });
+    return () => observer.disconnect();
+  });
 </script>
 
 <div class="node-decorator-wrapper">
-	<SvelteFlow
-		{nodes}
-		edges={[]}
-		{nodeTypes}
-		fitView
-		fitViewOptions={{ maxZoom: 0.85, padding: 0.2 }}
-		{colorMode}
-	>
-		<Controls />
-	</SvelteFlow>
+  <SvelteFlow
+    {nodes}
+    edges={[]}
+    {nodeTypes}
+    fitView
+    fitViewOptions={{ maxZoom: 0.85, padding: 0.2 }}
+    {colorMode}
+  >
+    <Controls />
+  </SvelteFlow>
 </div>
 
 <style>
-	.node-decorator-wrapper {
-		width: 800px;
-		height: 400px;
-		position: relative;
-	}
+  .node-decorator-wrapper {
+    width: 800px;
+    height: 400px;
+    position: relative;
+  }
 
-	/* Fix: SvelteFlow's scoped styles use non-prefixed --background-color-default
+  /* Fix: SvelteFlow's scoped styles use non-prefixed --background-color-default
 	   which doesn't update with colorMode="dark". Map the --xy- themed value. */
-	.node-decorator-wrapper :global(.svelte-flow.dark) {
-		--background-color-default: var(--xy-background-color-default);
-	}
+  .node-decorator-wrapper :global(.svelte-flow.dark) {
+    --background-color-default: var(--xy-background-color-default);
+  }
 </style>

package/dist/stories/NodeDecorator.svelte.d.ts

@@ -1,4 +1,4 @@
-import '@xyflow/svelte/dist/style.css';
+import "@xyflow/svelte/dist/style.css";
 type $$ComponentProps = {
     data: Record<string, unknown>;
     selected?: boolean;

package/dist/stories/utils.d.ts

@@ -2,7 +2,7 @@
  * Shared story utilities
  * Reusable mock data factories for Storybook stories
  */
-import type { ConfirmationConfig, ChoiceConfig, TextConfig, ReviewConfig, ReviewChange } from '../types/interrupt.js';
+import type { ConfirmationConfig, ChoiceConfig, TextConfig, ReviewConfig, ReviewChange } from "../types/interrupt.js";
 export declare function createSampleNodeData(overrides?: Record<string, unknown>): {
     label: string;
     config: {};
@@ -28,7 +28,7 @@ export declare function createSampleNodeData(overrides?: Record<string, unknown>
         }[];
     };
 };
-export declare function createTerminalNodeData(variant?: 'start' | 'end' | 'exit'): {
+export declare function createTerminalNodeData(variant?: "start" | "end" | "exit"): {
     label: string;
     config: {};
     metadata: {

package/dist/stories/utils.js

@@ -4,119 +4,157 @@
  */
 export function createSampleNodeData(overrides) {
     return {
-        label: 'Sample Node',
+        label: "Sample Node",
         config: {},
         metadata: {
-            id: 'sample-node',
-            name: 'Sample Node',
-            description: 'A sample node for stories',
-            category: 'processing',
-            version: '1.0.0',
-            type: 'default',
-            inputs: [{ id: 'input', name: 'Input', type: 'input', dataType: 'any', required: false }],
-            outputs: [{ id: 'output', name: 'Output', type: 'output', dataType: 'any' }]
+            id: "sample-node",
+            name: "Sample Node",
+            description: "A sample node for stories",
+            category: "processing",
+            version: "1.0.0",
+            type: "default",
+            inputs: [
+                {
+                    id: "input",
+                    name: "Input",
+                    type: "input",
+                    dataType: "any",
+                    required: false,
+                },
+            ],
+            outputs: [
+                { id: "output", name: "Output", type: "output", dataType: "any" },
+            ],
         },
-        ...overrides
+        ...overrides,
     };
 }
-export function createTerminalNodeData(variant = 'start') {
+export function createTerminalNodeData(variant = "start") {
     const configs = {
         start: {
-            label: 'Start',
+            label: "Start",
             config: {},
             metadata: {
-                id: 'start',
-                name: 'Start',
-                description: 'Workflow start point',
-                category: 'terminal',
-                version: '1.0.0',
-                type: 'terminal',
+                id: "start",
+                name: "Start",
+                description: "Workflow start point",
+                category: "terminal",
+                version: "1.0.0",
+                type: "terminal",
                 inputs: [],
-                outputs: [{ id: 'output', name: 'Output', type: 'output', dataType: 'any' }]
-            }
+                outputs: [
+                    { id: "output", name: "Output", type: "output", dataType: "any" },
+                ],
+            },
         },
         end: {
-            label: 'End',
+            label: "End",
             config: {},
             metadata: {
-                id: 'end',
-                name: 'End',
-                description: 'Workflow end point',
-                category: 'terminal',
-                version: '1.0.0',
-                type: 'terminal',
-                inputs: [{ id: 'input', name: 'Input', type: 'input', dataType: 'any', required: false }],
-                outputs: []
-            }
+                id: "end",
+                name: "End",
+                description: "Workflow end point",
+                category: "terminal",
+                version: "1.0.0",
+                type: "terminal",
+                inputs: [
+                    {
+                        id: "input",
+                        name: "Input",
+                        type: "input",
+                        dataType: "any",
+                        required: false,
+                    },
+                ],
+                outputs: [],
+            },
         },
         exit: {
-            label: 'Exit',
+            label: "Exit",
             config: {},
             metadata: {
-                id: 'exit',
-                name: 'Exit',
-                description: 'Early exit point',
-                category: 'terminal',
-                version: '1.0.0',
-                type: 'terminal',
-                subType: 'exit',
-                inputs: [{ id: 'input', name: 'Input', type: 'input', dataType: 'any', required: false }],
-                outputs: []
-            }
-        }
+                id: "exit",
+                name: "Exit",
+                description: "Early exit point",
+                category: "terminal",
+                version: "1.0.0",
+                type: "terminal",
+                subType: "exit",
+                inputs: [
+                    {
+                        id: "input",
+                        name: "Input",
+                        type: "input",
+                        dataType: "any",
+                        required: false,
+                    },
+                ],
+                outputs: [],
+            },
+        },
     };
     return configs[variant];
 }
 export function createConfirmationConfig(overrides) {
     return {
-        message: 'Are you sure you want to proceed with this action?',
-        confirmLabel: 'Yes, proceed',
-        cancelLabel: 'Cancel',
-        ...overrides
+        message: "Are you sure you want to proceed with this action?",
+        confirmLabel: "Yes, proceed",
+        cancelLabel: "Cancel",
+        ...overrides,
     };
 }
 export function createChoiceConfig(overrides) {
     return {
-        message: 'Select a priority level for this task:',
+        message: "Select a priority level for this task:",
         options: [
-            { value: 'low', label: 'Low', description: 'Non-urgent task' },
-            { value: 'medium', label: 'Medium', description: 'Normal priority' },
-            { value: 'high', label: 'High', description: 'Urgent task' }
+            { value: "low", label: "Low", description: "Non-urgent task" },
+            { value: "medium", label: "Medium", description: "Normal priority" },
+            { value: "high", label: "High", description: "Urgent task" },
         ],
         multiple: false,
-        ...overrides
+        ...overrides,
     };
 }
 export function createTextConfig(overrides) {
     return {
-        message: 'Please provide additional details:',
-        placeholder: 'Enter your response here...',
+        message: "Please provide additional details:",
+        placeholder: "Enter your response here...",
         multiline: false,
-        ...overrides
+        ...overrides,
     };
 }
 export function createReviewConfig(overrides) {
     return {
-        message: 'Review the following changes before submitting:',
+        message: "Review the following changes before submitting:",
         changes: [
-            { field: 'title', label: 'Title', original: 'Old Title', proposed: 'New Title' },
             {
-                field: 'description',
-                label: 'Description',
-                original: 'Old description text',
-                proposed: 'Updated description text'
+                field: "title",
+                label: "Title",
+                original: "Old Title",
+                proposed: "New Title",
+            },
+            {
+                field: "description",
+                label: "Description",
+                original: "Old description text",
+                proposed: "Updated description text",
+            },
+            {
+                field: "status",
+                label: "Status",
+                original: "draft",
+                proposed: "published",
             },
-            { field: 'status', label: 'Status', original: 'draft', proposed: 'published' }
         ],
-        ...overrides
+        ...overrides,
     };
 }
 export function createReviewChange(overrides) {
     return {
-        field: 'title',
-        label: 'Title',
-        original: 'Original value',
-        proposed: 'Proposed value',
-        ...overrides
+        field: "title",
+        label: "Title",
+        original: "Original value",
+        proposed: "Proposed value",
+        ...overrides,
     };
 }