@pyreon/flow 0.9.0 → 0.11.0

package/src/types.ts

@@ -1,5 +1,5 @@
-import type { VNodeChild } from '@pyreon/core'
-import type { Computed, Signal } from '@pyreon/reactivity'
+import type { VNodeChild } from "@pyreon/core"
+import type { Computed, Signal } from "@pyreon/reactivity"
 
 // ─── Position & Geometry ─────────────────────────────────────────────────────
 
@@ -25,13 +25,13 @@ export interface Viewport {
 
 // ─── Handle ──────────────────────────────────────────────────────────────────
 
-export type HandleType = 'source' | 'target'
+export type HandleType = "source" | "target"
 
 export enum Position {
-  Top = 'top',
-  Right = 'right',
-  Bottom = 'bottom',
-  Left = 'left',
+  Top = "top",
+  Right = "right",
+  Bottom = "bottom",
+  Left = "left",
 }
 
 export interface HandleConfig {
@@ -71,7 +71,7 @@ export interface FlowNode<TData = Record<string, unknown>> {
 
 // ─── Edge ────────────────────────────────────────────────────────────────────
 
-export type EdgeType = 'bezier' | 'smoothstep' | 'straight' | 'step'
+export type EdgeType = "bezier" | "smoothstep" | "straight" | "step"
 
 export interface FlowEdge {
   id?: string
@@ -104,10 +104,10 @@ export type ConnectionRule = Record<string, { outputs: string[] }>
 // ─── Node Change Events ──────────────────────────────────────────────────────
 
 export type NodeChange =
-  | { type: 'position'; id: string; position: XYPosition }
-  | { type: 'dimensions'; id: string; dimensions: Dimensions }
-  | { type: 'select'; id: string; selected: boolean }
-  | { type: 'remove'; id: string }
+  | { type: "position"; id: string; position: XYPosition }
+  | { type: "dimensions"; id: string; dimensions: Dimensions }
+  | { type: "select"; id: string; selected: boolean }
+  | { type: "remove"; id: string }
 
 // ─── Edge path result ────────────────────────────────────────────────────────
 
@@ -231,10 +231,7 @@ export interface FlowInstance {
   // ── Layout ───────────────────────────────────────────────────────────────
 
   /** Apply auto-layout using elkjs */
-  layout: (
-    algorithm?: LayoutAlgorithm,
-    options?: LayoutOptions,
-  ) => Promise<void>
+  layout: (algorithm?: LayoutAlgorithm, options?: LayoutOptions) => Promise<void>
 
   // ── Batch ────────────────────────────────────────────────────────────────
 
@@ -331,10 +328,7 @@ export interface FlowInstance {
   // ── Proximity connect ────────────────────────────────────────────────────
 
   /** Find the nearest unconnected node within threshold distance */
-  getProximityConnection: (
-    nodeId: string,
-    threshold?: number,
-  ) => Connection | null
+  getProximityConnection: (nodeId: string, threshold?: number) => Connection | null
 
   // ── Collision detection ─────────────────────────────────────────────────
 
@@ -348,11 +342,7 @@ export interface FlowInstance {
   /** Set drag boundaries for all nodes — [[minX, minY], [maxX, maxY]] or null to remove */
   setNodeExtent: (extent: [[number, number], [number, number]] | null) => void
   /** Clamp a position to the current node extent */
-  clampToExtent: (
-    position: XYPosition,
-    nodeWidth?: number,
-    nodeHeight?: number,
-  ) => XYPosition
+  clampToExtent: (position: XYPosition, nodeWidth?: number, nodeHeight?: number) => XYPosition
 
   // ── Search / Filter ─────────────────────────────────────────────────────
 
@@ -368,11 +358,7 @@ export interface FlowInstance {
   /** Export the flow as a JSON-serializable object */
   toJSON: () => { nodes: FlowNode[]; edges: FlowEdge[]; viewport: Viewport }
   /** Import flow state from a JSON object */
-  fromJSON: (data: {
-    nodes: FlowNode[]
-    edges: FlowEdge[]
-    viewport?: Viewport
-  }) => void
+  fromJSON: (data: { nodes: FlowNode[]; edges: FlowEdge[]; viewport?: Viewport }) => void
 
   // ── Viewport animation ─────────────────────────────────────────────────
 
@@ -404,23 +390,23 @@ export interface FlowInstance {
 // ─── Layout ──────────────────────────────────────────────────────────────────
 
 export type LayoutAlgorithm =
-  | 'layered'
-  | 'force'
-  | 'stress'
-  | 'tree'
-  | 'radial'
-  | 'box'
-  | 'rectpacking'
+  | "layered"
+  | "force"
+  | "stress"
+  | "tree"
+  | "radial"
+  | "box"
+  | "rectpacking"
 
 export interface LayoutOptions {
   /** Layout direction — default: 'DOWN' */
-  direction?: 'UP' | 'DOWN' | 'LEFT' | 'RIGHT'
+  direction?: "UP" | "DOWN" | "LEFT" | "RIGHT"
   /** Spacing between nodes — default: 50 */
   nodeSpacing?: number
   /** Spacing between layers — default: 80 */
   layerSpacing?: number
   /** Edge routing — default: 'orthogonal' */
-  edgeRouting?: 'orthogonal' | 'splines' | 'polyline'
+  edgeRouting?: "orthogonal" | "splines" | "polyline"
   /** Whether to animate the layout transition — default: true */
   animate?: boolean
   /** Animation duration in ms — default: 300 */
@@ -437,7 +423,7 @@ export interface FlowProps {
 }
 
 export interface BackgroundProps {
-  variant?: 'dots' | 'lines' | 'cross'
+  variant?: "dots" | "lines" | "cross"
   gap?: number
   size?: number
   color?: string
@@ -457,11 +443,11 @@ export interface ControlsProps {
   showZoomOut?: boolean
   showFitView?: boolean
   showLock?: boolean
-  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+  position?: "top-left" | "top-right" | "bottom-left" | "bottom-right"
 }
 
 export interface PanelProps {
-  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+  position?: "top-left" | "top-right" | "bottom-left" | "bottom-right"
   style?: string
   class?: string
   children?: VNodeChild