@bemedev/mind-flow 0.0.1 → 0.1.1

package/lib/services/main.typings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.typings.d.ts","sourceRoot":"","sources":["../../src/services/main.typings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD,qDAAqD;AACrD,eAAO,MAAM,KAAK;;;EAAqC,CAAC;AAExD,uEAAuE;AACvE,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzC,oEAAoE;AACpE,eAAO,MAAM,UAAU;;;;;;;;;EAGpB,CAAC;AAEJ,6CAA6C;AAC7C,eAAO,MAAM,WAAW;;;EAAyC,CAAC;AAElE,gEAAgE;AAChE,eAAO,MAAM,QAAQ;;;;;;;;;;EAIlB,CAAC;AAEJ,gEAAgE;AAChE,eAAO,MAAM,QAAQ;;;EAAc,CAAC;AAEpC,+EAA+E;AAC/E,eAAO,MAAM,UAAU;;;;;;;;;;;;EAMpB,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;EAKjB,CAAC;AAEH,yEAAyE;AACzE,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"main.typings.d.ts","sourceRoot":"","sources":["../../src/services/main.typings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEnD,qDAAqD;AACrD,eAAO,MAAM,KAAK;;;EAAqC,CAAC;AAExD,uEAAuE;AACvE,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzC,oEAAoE;AACpE,eAAO,MAAM,UAAU;;;;;;;;;EAGpB,CAAC;AAEJ,8CAA8C;AAC9C,eAAO,MAAM,WAAW;;;EAAyC,CAAC;AAElE,gEAAgE;AAChE,eAAO,MAAM,QAAQ;;;;;;;;;;EAIlB,CAAC;AAEJ,gEAAgE;AAChE,eAAO,MAAM,QAAQ;;;EAAc,CAAC;AAEpC,+EAA+E;AAC/E,eAAO,MAAM,UAAU;;;;;;;;;;;;EAMpB,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;EAKjB,CAAC;AAEH,yEAAyE;AACzE,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/lib/ui/Flow.d.ts

@@ -1,8 +1,8 @@
 import { Component } from 'solid-js';
 import { FlowProps } from './components/FlowChart';
 /**
- * Root Flow component wrapping the {@linkcode FlowChart} inside the flow
- * context provider.
+ * Root Flow component wrapping the {@linkcode FlowChart} inside the flow context
+ * provider.
  *
  * @param props - Flow chart configuration and callbacks of type
  *   {@linkcode FlowProps}.

package/lib/ui/Flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["../../src/ui/Flow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnE;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CAIrC,CAAC"}
+{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["../../src/ui/Flow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnE;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CAIrC,CAAC"}

package/lib/ui/components/Bounds.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'solid-js';
 /**
- * Drag boundary transformer component that clamps draggable nodes within
- * container scroll bounds.
+ * Drag boundary transformer component that clamps draggable nodes within container
+ * scroll bounds.
  *
- * @returns `null` as this component performs side-effect transformer
- *   registrations only.
+ * @returns `null` as this component performs side-effect transformer registrations
+ *   only.
  */
 export declare const DragBounds: Component;
 //# sourceMappingURL=Bounds.d.ts.map

package/lib/ui/components/Bounds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bounds.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Bounds.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,SAuExB,CAAC"}
+{"version":3,"file":"Bounds.d.ts","sourceRoot":"","sources":["../../../src/ui/components/Bounds.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,SAgExB,CAAC"}

package/lib/ui/components/EdgeComponent.d.ts

@@ -8,8 +8,8 @@ type Props = {
     isNew?: boolean;
 } & Vector;
 /**
- * SVG edge component rendering bezier curves and delete interaction
- * handles for node connections.
+ * SVG edge component rendering bezier curves and delete interaction handles for node
+ * connections.
  *
  * @param props - Edge properties of type {@linkcode Props}.
  *

package/lib/ui/components/EdgeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/EdgeComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoC,MAAM,UAAU,CAAC;AACvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG1D,0EAA0E;AAC1E,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,MAAM,CAAC;AAuBX;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CA+D1C,CAAC"}
+{"version":3,"file":"EdgeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/EdgeComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoC,MAAM,UAAU,CAAC;AAEvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG1D,0EAA0E;AAC1E,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,MAAM,CAAC;AAuBX;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CA6D1C,CAAC"}

package/lib/ui/components/EdgesBoard.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'solid-js';
 /**
- * SVG board overlay component that renders all active connecting edges and
- * ongoing edge creation previews.
+ * SVG board overlay component that renders all active connecting edges and ongoing
+ * edge creation previews.
  *
  * @returns The rendered SVG JSX element.
  */

package/lib/ui/components/EdgesBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/EdgesBoard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,UAAU,CAAC;AAIlB;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,SAsCxB,CAAC"}
+{"version":3,"file":"EdgesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/EdgesBoard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,UAAU,CAAC;AAKlB;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,SAsCxB,CAAC"}

package/lib/ui/components/FlowChart.context.d.ts

@@ -1,4 +1,4 @@
-import { Point } from '../../services/main.typings';
+import { Point, Vector } from '../../services/main.typings';
 /** Layout dimensions and handle offset coordinates for a flowchart node. */
 type Dimensions = {
     /** Node width in pixels. */
@@ -15,21 +15,13 @@ type Dimensions = {
     inputOffset?: Point;
 };
 /** Connection edge coordinate representation between two endpoints. */
-export type Edge = {
+type Edge = {
     /** Source node identifier. */
     from: string;
-    /** Starting X-coordinate. */
-    x0: number;
-    /** Starting Y-coordinate. */
-    y0: number;
-    /** Ending X-coordinate. */
-    x1: number;
-    /** Ending Y-coordinate. */
-    y1: number;
-};
+} & Vector;
 /**
- * Solid Context Provider component and hook for accessing flowchart board
- * state, services, and zoom.
+ * Solid Context Provider component and hook for accessing flowchart board state,
+ * services, and zoom.
  */
 export declare const Provider: import('solid-js').ParentComponent, useFlow: () => {
     readonly dimensions: readonly [import('solid-js').Accessor<Record<string, Dimensions>>, import('solid-js').Setter<Record<string, Dimensions>>];
@@ -67,17 +59,12 @@ export declare const Provider: import('solid-js').ParentComponent, useFlow: () =
             };
             readonly working: {
                 readonly on: {
-                    readonly MOVE: {
-                        readonly actions: readonly ["moveNode", "buildUI"];
-                        readonly target: "/construction";
-                    };
                     readonly MOVE_IMMEDIATE: {
                         readonly actions: readonly [{
                             readonly name: "buildImmediateUI";
                             readonly description: "Must be in the ui";
                         }];
                     };
-                    readonly UPDATE_UI: "/construction";
                     readonly ADD_CHILD: {
                         readonly actions: readonly ["generateID", {
                             readonly name: "placeChild";
@@ -99,6 +86,10 @@ export declare const Provider: import('solid-js').ParentComponent, useFlow: () =
                         }, "linkSibling"];
                         readonly target: "/construction";
                     };
+                    readonly MOVE: {
+                        readonly actions: readonly ["moveNode", "buildUI"];
+                        readonly target: "/construction";
+                    };
                     readonly ADD_EDGE: {
                         readonly actions: readonly ["addEdge"];
                         readonly target: "/construction";
@@ -1223,6 +1214,7 @@ export declare const Provider: import('solid-js').ParentComponent, useFlow: () =
         };
     }>>;
     readonly zoom: import('solid-js').Signal<number>;
+    readonly clampPosition: (x: number, y: number, nodeWidth?: number, nodeHeight?: number) => Point;
 };
 export {};
 //# sourceMappingURL=FlowChart.context.d.ts.map

package/lib/ui/components/FlowChart.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowChart.context.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.context.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAU,MAAM,6BAA6B,CAAC;AAQjE,4EAA4E;AAC5E,KAAK,UAAU,GAAG;IAChB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,MAAM,EAAE,KAAK,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,uEAAuE;AACvE,MAAM,MAAM,IAAI,GAAG;IACjB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAWF;;;GAGG;AACH,eAAO,MAAO,QAAQ,sCAAE,OAAO;;;;sCAUK,MAAM,WAAW,MAAM,KAAG,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiTlE,CAAC"}
+{"version":3,"file":"FlowChart.context.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.context.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAQjE,4EAA4E;AAC5E,KAAK,UAAU,GAAG;IAChB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,MAAM,EAAE,KAAK,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,uEAAuE;AACvE,KAAK,IAAI,GAAG;IACV,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAO,QAAQ,sCAAE,OAAO;;;;sCA6BK,MAAM,WAAW,MAAM,KAAG,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2B1D,MAAM,KACN,MAAM,8CAGR,KAAK;CAwQX,CAAC"}

package/lib/ui/components/FlowChart.d.ts

@@ -1,15 +1,9 @@
 import { inferT } from '@bemedev/app/typings';
 import { Component } from 'solid-js';
 import { edgeJSON, nodeJSON } from '../../services/main.typings';
-/**
- * Serialized node properties type inferred from schema
- * {@linkcode nodeJSON}.
- */
+/** Serialized node properties type inferred from schema {@linkcode nodeJSON}. */
 export type NodeProps = inferT<typeof nodeJSON>;
-/**
- * Serialized edge properties type inferred from schema
- * {@linkcode edgeJSON}.
- */
+/** Serialized edge properties type inferred from schema {@linkcode edgeJSON}. */
 export type EdgeProps = inferT<typeof edgeJSON>;
 /**
  * Configuration options and callback handlers for the {@linkcode FlowChart}
@@ -51,8 +45,8 @@ export type FlowProps = {
     onEdgeDeleted?: (edgeId: string) => void;
 };
 /**
- * Flowchart board canvas component that renders interactive nodes, edges,
- * pan/zoom, and toolbar controls.
+ * Flowchart board canvas component that renders interactive nodes, edges, pan/zoom,
+ * and toolbar controls.
  *
  * @param props - Flowchart configuration and event handlers of type
  *   {@linkcode FlowProps}.

package/lib/ui/components/FlowChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowChart.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAsB,MAAM,UAAU,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAKtE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;QACvC,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;KACxC,CAAC;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,SAAS,CA6C1C,CAAC"}
+{"version":3,"file":"FlowChart.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAsB,MAAM,UAAU,CAAC;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAKtE,iFAAiF;AACjF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD,iFAAiF;AACjF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;QACvC,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;KACxC,CAAC;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,SAAS,CA6C1C,CAAC"}

package/lib/ui/components/FlowChart.data.d.ts

@@ -1,8 +1,5 @@
 import { NodeProps } from './FlowChart';
-/**
- * Horizontal gap in pixels between a parent node and newly created child
- * node.
- */
+/** Horizontal gap in pixels between a parent node and newly created child node. */
 export declare const PARENT_CHILD_GAP_WIDTH = 100;
 /** Border width in pixels for a node container. */
 export declare const NODE_BORDER_WIDTH = 1.5;
@@ -27,10 +24,7 @@ export declare const DEFAULT_INPUT_OFFSET: {
     x: number;
     y: number;
 };
-/**
- * Dimensions representing width and height of the flow chart container
- * canvas.
- */
+/** Dimensions representing width and height of the flow chart container canvas. */
 export declare const CONTAINER_DIMENSIONS: {
     WIDTH: number;
     HEIGHT: number;
@@ -51,8 +45,8 @@ export declare const TOOLBAR_TOP_OFFSET = 30;
 /** Safety buffer in pixels applied above the toolbar. */
 export declare const TOOLBAR_BUFFER = 5;
 /**
- * Boundary padding constraints for node dragging and positioning within
- * the viewport.
+ * Boundary padding constraints for node dragging and positioning within the
+ * viewport.
  */
 export declare const BOUNDS_CONSTRAINTS: {
     horizontal: number;
@@ -60,7 +54,12 @@ export declare const BOUNDS_CONSTRAINTS: {
 };
 /** Multiplier factor used to compute canvas virtual scroll dimensions. */
 export declare const CANVAS_FACTOR = 5;
-/** Default node items provided when no initial configuration is given. */
+/** Multiplier factor used to compute canvas scroll dimensions. */
+export declare const SCROLL_MULTIPLIER = 3;
+/**
+ * Default node items of type {@linkcode NodeProps} provided when no initial
+ * configuration is given.
+ */
 export declare const DEFAULT_NODES: (NodeProps & {
     id: string;
 })[];

package/lib/ui/components/FlowChart.data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowChart.data.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAG1C,mDAAmD;AACnD,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,sDAAsD;AACtD,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,oDAAoD;AACpD,eAAO,MAAM,aAAa,QAAkB,CAAC;AAE7C,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,kEAAkE;AAClE,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,sDAAsD;AACtD,eAAO,MAAM,eAAe,QAAoC,CAAC;AAEjE,mEAAmE;AACnE,eAAO,MAAM,sBAAsB,QAC4B,CAAC;AAEhE,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,QAA0B,CAAC;AAE9D,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,QAAkB,CAAC;AAEtD,kEAAkE;AAClE,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;CAAgC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,cAAS;;;CAG9C,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,yDAAyD;AACzD,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,aAAa,IAAI,CAAC;AAG/B,0EAA0E;AAC1E,eAAO,MAAM,aAAa,EAAE,CAAC,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,EAOvD,CAAC"}
+{"version":3,"file":"FlowChart.data.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,mFAAmF;AACnF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAG1C,mDAAmD;AACnD,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,sDAAsD;AACtD,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,oDAAoD;AACpD,eAAO,MAAM,aAAa,QAAkB,CAAC;AAE7C,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,kEAAkE;AAClE,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,sDAAsD;AACtD,eAAO,MAAM,eAAe,QAAoC,CAAC;AAEjE,mEAAmE;AACnE,eAAO,MAAM,sBAAsB,QAC4B,CAAC;AAEhE,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,QAA0B,CAAC;AAE9D,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,QAAkB,CAAC;AAEtD,kEAAkE;AAClE,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,oBAAoB;;;CAAgC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,cAAS;;;CAG9C,CAAC;AAEH,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,yDAAyD;AACzD,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;CAAmC,CAAC;AAEnE,0EAA0E;AAC1E,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAGnC;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,CAAC,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,EAOvD,CAAC"}

package/lib/ui/components/NodeComponent.d.ts

@@ -22,8 +22,8 @@ type Props = {
     input: boolean;
 };
 /**
- * Interactive flowchart node component supporting dragging, selection,
- * handle connections, and child/sibling creation.
+ * Interactive flowchart node component supporting dragging, selection, handle
+ * connections, and child/sibling creation.
  *
  * @param props - Node rendering properties of type {@linkcode Props}.
  *

package/lib/ui/components/NodeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodeComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAoC,MAAM,UAAU,CAAC;AAWvE,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,GAAG,CAAC;QACZ,UAAU,UAAU;YAClB,SAAS,EAAE,GAAG,CAAC;SAChB;KACF;CACF;AAED,uEAAuE;AACvE,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,CAAC,EAAE,MAAM,CAAC;IACV,0DAA0D;IAC1D,CAAC,EAAE,MAAM,CAAC;IACV,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CAiP1C,CAAC"}
+{"version":3,"file":"NodeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodeComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA+B,MAAM,UAAU,CAAC;AAYlE,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,GAAG,CAAC;QACZ,UAAU,UAAU;YAClB,SAAS,EAAE,GAAG,CAAC;SAChB;KACF;CACF;AAED,uEAAuE;AACvE,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,CAAC,EAAE,MAAM,CAAC;IACV,0DAA0D;IAC1D,CAAC,EAAE,MAAM,CAAC;IACV,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CAoO1C,CAAC"}

package/lib/ui/components/NodesBoard.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'solid-js';
 /**
- * Interactive board component containing the drag-drop viewport, zoom
- * controls, panning gestures, and rendered nodes/edges.
+ * Interactive board component containing the drag-drop viewport, zoom controls,
+ * panning gestures, and rendered nodes/edges.
  *
  * @returns The rendered Solid component.
  */

package/lib/ui/components/NodesBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodesBoard.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,SAAS,EAOV,MAAM,UAAU,CAAC;AAOlB;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,SA6QxB,CAAC"}
+{"version":3,"file":"NodesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodesBoard.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAA6C,MAAM,UAAU,CAAC;AAQhF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,SA6RxB,CAAC"}

package/lib/ui/components/classes.d.ts

@@ -1,6 +1,6 @@
 /**
- * List of Tailwind CSS class names used across flowchart UI components to
- * ensure compilation safelist.
+ * List of Tailwind CSS class names used across flowchart UI components to ensure
+ * compilation safelist.
  */
 export declare const CLASSES: string[];
 //# sourceMappingURL=classes.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bemedev/mind-flow",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Flow Chart UI library for Solid.js applications",
   "keywords": [
     "diagram",
@@ -65,11 +65,7 @@
     "@bemedev/app": "^1.11.0",
     "@bemedev/app-cli": "^1.11.0",
     "@bemedev/app-solidjs": "^1.11.0",
-    "@bemedev/fsf": "^1.0.1",
-    "@bemedev/rollup-config": "^0.2.2",
-    "@bemedev/vitest-alias": "^0.0.3",
-    "@bemedev/vitest-exclude": "^0.1.1",
-    "@bemedev/vitest-extended": "^1.5.3",
+    "@bemedev/dev-utils": "^1.2.0",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@size-limit/file": "^13.0.3",
@@ -77,7 +73,6 @@
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^26.2.0",
     "@vitest/coverage-v8": "^4.1.11",
-    "babel-preset-solid": "^1.9.15",
     "glob": "^13.0.6",
     "globals": "^17.11.0",
     "husky": "^9.1.7",
@@ -86,7 +81,7 @@
     "oxlint": "^1.79.0",
     "pretty-quick": "^4.2.2",
     "rimraf": "^6.1.3",
-    "rolldown": "^1.2.4",
+    "rolldown": "^1.2.5",
     "rollup": "^4.62.4",
     "rollup-preset-solid": "^3.0.0",
     "size-limit": "^13.0.3",
@@ -97,7 +92,6 @@
     "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-solid": "^2.11.14",
-    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.1.11"
   },
   "peerDependencies": {

package/src/README.md

@@ -1,7 +1,7 @@
 # Flow Chart UI Library
 
-This is a self-contained UI library for creating interactive flow charts in
-Solid.js applications.
+This is a self-contained UI library for creating interactive flow charts in Solid.js
+applications.
 
 ## Structure
 

package/src/helpers/createContext.ts

@@ -4,23 +4,20 @@ import {
   type ParentComponent,
 } from 'solid-js';
 
-/** Context options type extracted from Solid's `createContext`. */
+/** Context options type extracted from Solid's `createSolidContext`. */
 type Options = Parameters<typeof createSolidContext>[1];
 
 /**
- * Creates a Solid context provider component and a custom hook to consume
- * it.
+ * Creates a Solid context provider component and a custom hook to consume it.
  *
- * @template T - The type of the context value.
+ * @template `T` - The type of the context value.
  *
- * @param context - Factory function returning a non-nullable context value
- *   of type `NonNullable<T>`.
- * @param options - Optional context configuration of type
- *   {@linkcode Options}.
+ * @param context - Factory function returning a non-nullable context value of type
+ *   `NonNullable<T>`.
+ * @param options - Optional context configuration of type {@linkcode Options}.
  *
- * @returns A tuple containing the Provider component of type
- *   {@linkcode ParentComponent}, the accessor hook, and the Solid context
- *   object.
+ * @returns A tuple containing the Provider component of interface
+ *   {@linkcode ParentComponent}, the accessor hook, and the Solid context object.
  */
 export const createContext = <const T>(
   context: () => NonNullable<T>,

package/src/services/main.machine.ts

@@ -1,11 +1,11 @@
 import { createMachine } from '@bemedev/app';
 import { type } from '@bemedev/app/bemedev';
 import { nanoid } from 'nanoid';
+
 import { edgeJSON, extremities, nodeJSON } from './main.typings';
 
 /**
- * Constructs a unique edge identifier string from source and destination
- * node IDs.
+ * Constructs a unique edge identifier string from source and destination node IDs.
  *
  * @param out - The source node ID string.
  * @param _in - The destination node ID string.
@@ -28,8 +28,8 @@ export const buildNodeID = (generated?: string | null) => {
 };
 
 /**
- * State machine managing flowchart state transitions, nodes, edges,
- * selection, and layout actions.
+ * State machine managing flowchart state transitions, nodes, edges, selection, and
+ * layout actions.
  */
 export const machine = createMachine(
   {
@@ -42,27 +42,16 @@ export const machine = createMachine(
         },
       },
 
-      construction: {
-        always: { actions: ['buildUI'], target: '/working' },
-      },
+      construction: { always: { actions: ['buildUI'], target: '/working' } },
 
       working: {
         on: {
-          MOVE: {
-            actions: ['moveNode', 'buildUI'],
-            target: '/construction',
-          },
           MOVE_IMMEDIATE: {
             actions: [
-              {
-                name: 'buildImmediateUI',
-                description: 'Must be in the ui',
-              },
+              { name: 'buildImmediateUI', description: 'Must be in the ui' },
             ],
           },
 
-          UPDATE_UI: '/construction',
-
           ADD_CHILD: {
             actions: [
               'generateID',
@@ -90,12 +79,10 @@ export const machine = createMachine(
             target: '/construction',
           },
 
+          MOVE: { actions: ['moveNode', 'buildUI'], target: '/construction' },
           ADD_EDGE: { actions: ['addEdge'], target: '/construction' },
-
           DELETE: { actions: ['delete'], target: '/construction' },
-
           SELECT: { actions: ['select'] },
-
           DESELECT: { actions: ['deselect'] },
         },
       },
@@ -109,11 +96,8 @@ export const machine = createMachine(
       },
 
       CONFIGURE_EMPTY: 'never',
-
       MOVE: { id: 'string', x: 'number', y: 'number' },
-
       MOVE_IMMEDIATE: { id: 'string', x: 'number', y: 'number' },
-
       ADD_CHILD: 'string',
       ADD_PARENT: 'never',
       ADD_SIBLING: 'string',
@@ -123,9 +107,8 @@ export const machine = createMachine(
       ADD_EDGE: use(extremities),
     })),
 
-    pContext: type(({ union }) => ({
-      generatedId: union('string', 'null'),
-    })),
+    sync: true,
+    pContext: type(({ union }) => ({ generatedId: union('string', 'null') })),
 
     context: type(({ optional, use, array }) => ({
       data: optional({
@@ -136,22 +119,13 @@ export const machine = createMachine(
       selected: optional('string'),
       updatingUI: optional('boolean'),
     })),
-
-    sync: true,
   },
 ).provideOptions(({ assign, batch, erase }) => ({
   actions: {
     configure: batch(
       assign('context.data', () => ({ nodes: [], edges: [] })),
-
-      assign('context.data.nodes', {
-        CONFIGURE: ({ payload: { nodes } }) => nodes,
-      }),
-
-      assign('context.data.edges', {
-        CONFIGURE: ({ payload: { edges } }) => edges,
-      }),
-
+      assign('context.data.nodes', { CONFIGURE: ({ payload: { nodes } }) => nodes }),
+      assign('context.data.edges', { CONFIGURE: ({ payload: { edges } }) => edges }),
       assign('context.updatingUI', () => false),
       assign('pContext.generatedId', () => null),
     ),
@@ -183,10 +157,10 @@ export const machine = createMachine(
           const out = [...(edges ?? [])];
           const from = edges?.find(({ to }) => to === payload)?.from;
           if (!from) return out;
+
           const to = buildNodeID(generatedId);
           const id = buildEdgeId(from, to);
           out.push({ from, to, id });
-
           return out;
         },
       }),
@@ -196,9 +170,8 @@ export const machine = createMachine(
       ),
     ),
 
-    selectParent: assign(
-      'context.selected',
-      ({ pContext: { generatedId } }) => buildNodeID(generatedId),
+    selectParent: assign('context.selected', ({ pContext: { generatedId } }) =>
+      buildNodeID(generatedId),
     ),
 
     moveNode: assign('context.data.nodes', {
@@ -217,17 +190,15 @@ export const machine = createMachine(
       },
     }),
 
-    select: assign('context.selected', {
-      SELECT: ({ payload }) => payload,
-    }),
+    select: assign('context.selected', { SELECT: ({ payload }) => payload }),
 
     delete: assign(['context.data.nodes', 'context.data.edges'], {
       DELETE: ({ context: { data }, payload }) => {
         const nodes = data?.nodes?.filter(({ id }) => id !== payload);
         const edges = data?.edges?.filter(
-          ({ id, from, to }) =>
-            id !== payload && from !== payload && to !== payload,
+          ({ id, from, to }) => id !== payload && from !== payload && to !== payload,
         );
+
         return [nodes, edges];
       },
     }),
@@ -237,6 +208,7 @@ export const machine = createMachine(
         const edges = context.data?.edges ?? [];
         const id = buildEdgeId(from, to);
         if (edges.some(e => e.id === id)) return edges;
+
         const out = [...edges, { id, from, to }];
         return out;
       },

package/src/services/main.typings.ts

@@ -13,7 +13,7 @@ export const nodeOffset = type(({ optional, use }) => ({
   output: use(point),
 }));
 
-/** Schema definition for edge extremities */
+/** Schema definition for edge extremities. */
 export const extremities = type({ from: 'string', to: 'string' });
 
 /** Schema definition for a serialized flowchart node entity. */
@@ -36,8 +36,8 @@ export const dimensions = type(({ optional, use }) => ({
 }));
 
 /**
- * Schema definition for a 2D line vector representing edge coordinates
- * `(x0, y0)` to `(x1, y1)`.
+ * Schema definition for a 2D line vector representing edge coordinates `(x0, y0)` to
+ * `(x1, y1)`.
  */
 export const vector = type({
   x0: 'number',

package/src/ui/Flow.tsx

@@ -1,10 +1,11 @@
 import type { Component } from 'solid-js';
+
 import { FlowChart, type FlowProps } from './components/FlowChart';
 import { Provider } from './components/FlowChart.context';
 
 /**
- * Root Flow component wrapping the {@linkcode FlowChart} inside the flow
- * context provider.
+ * Root Flow component wrapping the {@linkcode FlowChart} inside the flow context
+ * provider.
  *
  * @param props - Flow chart configuration and callbacks of type
  *   {@linkcode FlowProps}.