@dschz/solid-flow 0.2.0 → 0.2.2

package/dist/index/index.d.ts

@@ -1,6 +1,4 @@
-import * as solid_js from 'solid-js';
 import { JSX, ParentProps, ParentComponent, Accessor } from 'solid-js';
-import * as _xyflow_system from '@xyflow/system';
 import { NodeProps as NodeProps$1, NodeBase, InternalNodeBase, EdgeBase, EdgePosition, BezierPathOptions, StepPathOptions, SmoothStepPathOptions, DefaultEdgeOptionsBase, OnReconnect, HandleType, FinalConnectionState, PanOnScrollMode as PanOnScrollMode$1, Position as Position$1, FitViewOptionsBase, ResizeControlVariant as ResizeControlVariant$1, ConnectionMode as ConnectionMode$1, SelectionMode as SelectionMode$1, ConnectionLineType as ConnectionLineType$2, Connection, OnBeforeDeleteBase, XYPosition, Handle as Handle$1, PanelPosition, Viewport, OnMove, OnMoveStart, OnMoveEnd, HandleProps as HandleProps$1, MarkerProps as MarkerProps$1, EdgeToolbarBaseProps, ShouldResize, OnResizeStart, OnResize, OnResizeEnd, ControlPosition, Align, NodeOrigin, SnapGrid, CoordinateExtent, ColorMode, ZIndexMode, ProOptions, OnError, OnConnectStart, OnConnectEnd, OnReconnectStart, OnReconnectEnd, AriaLabelConfig, ColorModeClass, ConnectionState, NodeConnection, ZoomInOut, ViewportHelperFunctionOptions, SetCenterOptions, Rect, FitBoundsOptions, HandleConnection, UpdateNodeInternals } from '@xyflow/system';
 export { Align, AriaLabelConfig, BezierPathOptions, Box, ColorMode, ColorModeClass, Connection, ConnectionLineType, ConnectionMode, ControlLinePosition, ControlPosition, CoordinateExtent, Dimensions, EdgeMarker, EdgeMarkerType, FitBounds, FitBoundsOptions, GetBezierPathParams, GetSmoothStepPathParams, GetStraightPathParams, HandleConnection, IsValidConnection, MarkerType, NodeConnection, NodeOrigin, OnConnect, OnConnectEnd, OnConnectStart, OnConnectStartParams, OnError, OnMove, OnMoveEnd, OnMoveStart, OnReconnect, OnReconnectEnd, OnReconnectStart, OnResize, OnResizeEnd, OnResizeStart, OnSelectionDrag, PanOnScrollMode, PanelPosition, Position, ProOptions, Rect, ResizeControlVariant, ResizeDragEvent, ResizeParams, ResizeParamsWithDirection, SelectionMode, SelectionRect, SetCenter, SetCenterOptions, SetViewport, ShouldResize, SmoothStepPathOptions, SnapGrid, Transform, Viewport, ViewportHelperFunctionOptions, XYPosition, XYZPosition, addEdge, getBezierEdgeCenter, getBezierPath, getConnectedEdges, getEdgeCenter, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds } from '@xyflow/system';
 import { Store, SetStoreFunction } from 'solid-js/store';
@@ -289,12 +287,12 @@ type EdgeRendererProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
     readonly defaultEdgeOptions?: DefaultEdgeOptions;
     readonly reconnectRadius: number;
 };
-declare const EdgeRenderer: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeRendererProps<EdgeType>) => solid_js.JSX.Element;
+declare const EdgeRenderer: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeRendererProps<EdgeType>) => JSX.Element;
 
 type NodeRendererProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
     readonly nodeClickDistance: number;
 };
-declare const NodeRenderer: <NodeType extends Node = Node>(props: NodeRendererProps<NodeType>) => solid_js.JSX.Element;
+declare const NodeRenderer: <NodeType extends Node = Node>(props: NodeRendererProps<NodeType>) => JSX.Element;
 
 type PaneProps = PaneEvents & {
     readonly panOnDrag?: boolean | number[];
@@ -317,7 +315,7 @@ type PanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
 };
 declare const Panel: (props: ParentProps<PanelProps>) => JSX.Element;
 
-declare const ViewportPortal: (props: ParentProps) => solid_js.JSX.Element;
+declare const ViewportPortal: (props: ParentProps) => JSX.Element;
 
 type ZoomProps = {
     readonly initialViewport?: Viewport;
@@ -336,7 +334,7 @@ type ZoomProps = {
     readonly paneClickDistance: number;
     readonly selectionOnDrag?: boolean;
 };
-declare const Zoom: (props: ParentProps<ZoomProps>) => solid_js.JSX.Element;
+declare const Zoom: (props: ParentProps<ZoomProps>) => JSX.Element;
 
 type ConnectionLineType = `${ConnectionLineType$2}`;
 /**
@@ -370,11 +368,11 @@ type ConnectionLineProps<NodeType extends Node = Node> = {
 };
 declare const ConnectionLine: <NodeType extends Node = Node>(props: ParentProps<Partial<ConnectionLineProps<NodeType>>>) => JSX.Element;
 
-declare const BaseEdge: (props: ParentProps<BaseEdgeProps>) => solid_js.JSX.Element;
+declare const BaseEdge: (props: ParentProps<BaseEdgeProps>) => JSX.Element;
 
-declare const BezierEdge: (props: BezierEdgeProps) => solid_js.JSX.Element;
+declare const BezierEdge: (props: BezierEdgeProps) => JSX.Element;
 
-declare const BezierEdgeInternal: (props: BezierEdgeProps) => solid_js.JSX.Element;
+declare const BezierEdgeInternal: (props: BezierEdgeProps) => JSX.Element;
 
 type EdgeLabelProps = {
     readonly x?: number;
@@ -387,7 +385,7 @@ type EdgeLabelProps = {
 } & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style">;
 declare const EdgeLabel: (props: ParentProps<EdgeLabelProps>) => JSX.Element;
 
-declare const EdgeLabelRenderer: (props: ParentProps) => solid_js.JSX.Element;
+declare const EdgeLabelRenderer: (props: ParentProps) => JSX.Element;
 
 type EdgeReconnectAnchorProps = {
     readonly type: HandleType;
@@ -402,19 +400,19 @@ declare const EdgeReconnectAnchor: (props: ParentProps<EdgeReconnectAnchorProps>
 type EdgeWrapperProps<EdgeType extends Edge = Edge> = EdgeEvents<EdgeType> & {
     readonly edgeId: string;
 };
-declare const EdgeWrapper: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeWrapperProps<EdgeType>) => solid_js.JSX.Element;
+declare const EdgeWrapper: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: EdgeWrapperProps<EdgeType>) => JSX.Element;
 
-declare const SmoothStepEdge: (props: SmoothStepEdgeProps) => solid_js.JSX.Element;
+declare const SmoothStepEdge: (props: SmoothStepEdgeProps) => JSX.Element;
 
-declare const SmoothStepEdgeInternal: (props: SmoothStepEdgeProps) => solid_js.JSX.Element;
+declare const SmoothStepEdgeInternal: (props: SmoothStepEdgeProps) => JSX.Element;
 
-declare const StepEdge: (props: StepEdgeProps) => solid_js.JSX.Element;
+declare const StepEdge: (props: StepEdgeProps) => JSX.Element;
 
-declare const StepEdgeInternal: (props: StepEdgeProps) => solid_js.JSX.Element;
+declare const StepEdgeInternal: (props: StepEdgeProps) => JSX.Element;
 
-declare const StraightEdge: (props: StraightEdgeProps) => solid_js.JSX.Element;
+declare const StraightEdge: (props: StraightEdgeProps) => JSX.Element;
 
-declare const StraightEdgeInternal: (props: Omit<StraightEdgeProps, "sourcePosition" | "targetPosition">) => solid_js.JSX.Element;
+declare const StraightEdgeInternal: (props: Omit<StraightEdgeProps, "sourcePosition" | "targetPosition">) => JSX.Element;
 
 type HandleProps = Omit<HandleProps$1, "position"> & {
     readonly position: Position;
@@ -431,28 +429,28 @@ type MarkerProps = MarkerProps$1 & {
 };
 declare const Marker: (props: MarkerProps) => JSX.Element;
 
-declare const MarkerDefinition: () => solid_js.JSX.Element;
+declare const MarkerDefinition: () => JSX.Element;
 
 declare const DefaultNode: (props: NodeProps<{
     label: string;
-}, "default">) => solid_js.JSX.Element;
+}, "default">) => JSX.Element;
 
-declare const GroupNode: (props: NodeProps<Record<string, never>>) => solid_js.JSX.Element;
+declare const GroupNode: (props: NodeProps<Record<string, never>>) => JSX.Element;
 
 declare const InputNode: (props: NodeProps<{
     label: string;
-}>) => solid_js.JSX.Element;
+}>) => JSX.Element;
 
 type NodeWrapperProps<NodeType extends Node = Node> = NodeEvents<NodeType> & {
     readonly nodeId: string;
     readonly resizeObserver: ResizeObserver;
     readonly nodeClickDistance: number;
 };
-declare const NodeWrapper: <NodeType extends Node = Node>(props: NodeWrapperProps<NodeType>) => solid_js.JSX.Element;
+declare const NodeWrapper: <NodeType extends Node = Node>(props: NodeWrapperProps<NodeType>) => JSX.Element;
 
 declare const OutputNode: (props: NodeProps<{
     label: string;
-}>) => solid_js.JSX.Element;
+}>) => JSX.Element;
 
 type BackgroundVariant = "lines" | "dots" | "cross";
 
@@ -648,7 +646,7 @@ type NodeToolbarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
 declare const NodeToolbar: ParentComponent<Partial<NodeToolbarProps>>;
 
 type NodeSelectionProps<NodeType extends Node = Node> = NodeSelectionEvents<NodeType> & Pick<NodeEvents<NodeType>, "onNodeDrag" | "onNodeDragStart" | "onNodeDragStop">;
-declare const NodeSelection: <NodeType extends Node = Node>(props: NodeSelectionProps<NodeType>) => solid_js.JSX.Element;
+declare const NodeSelection: <NodeType extends Node = Node>(props: NodeSelectionProps<NodeType>) => JSX.Element;
 
 type SelectionProps = {
     readonly x?: number;
@@ -657,7 +655,7 @@ type SelectionProps = {
     readonly height?: number | string;
     readonly isVisible?: boolean;
 };
-declare const Selection: (props: SelectionProps) => solid_js.JSX.Element;
+declare const Selection: (props: SelectionProps) => JSX.Element;
 
 type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = NodeEvents<NodeType> & NodeSelectionEvents<NodeType> & EdgeEvents<EdgeType> & DeleteEvents<NodeType, EdgeType> & PaneEvents & {
     /**
@@ -1111,7 +1109,7 @@ type SolidFlowProps<NodeType extends Node = Node, EdgeType extends Edge = Edge>
 type SolidFlowComponentProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = ParentProps<SolidFlowProps<NodeType, EdgeType>> & Omit<JSX.HTMLAttributes<HTMLDivElement>, "style" | "onselectionchange" | "onSelectionChange">;
 declare const SolidFlow: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: SolidFlowComponentProps<NodeType, EdgeType>) => JSX.Element;
 
-declare const SolidFlowProvider: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<SolidFlowProps<NodeType, EdgeType>>) => solid_js.JSX.Element;
+declare const SolidFlowProvider: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(props: ParentProps<SolidFlowProps<NodeType, EdgeType>>) => JSX.Element;
 
 type ExtractEdgeInfo<T> = T extends (props: EdgeProps<infer TData, infer TType>) => unknown ? {
     data: TData;
@@ -1305,21 +1303,21 @@ declare function useConnection(): Accessor<ConnectionState>;
  * @public
  * @returns store with an array of nodes
  */
-declare function useNodes<NodeType extends Node = Node>(): () => NodeType[];
+declare function useNodes<NodeType extends Node = Node>(): Accessor<NodeType[]>;
 /**
  * Hook for getting the current edges from the store.
  *
  * @public
  * @returns store with an array of edges
  */
-declare function useEdges<EdgeType extends Edge = Edge>(): () => EdgeType[];
+declare function useEdges<EdgeType extends Edge = Edge>(): Accessor<EdgeType[]>;
 /**
  * Hook for getting the current viewport from the store.
  *
  * @public
  * @returns store with the viewport object
  */
-declare function useViewport(): () => _xyflow_system.Viewport;
+declare function useViewport(): Accessor<Viewport>;
 
 declare function useHandleEdgeSelect(): (id: string) => void;
 
@@ -1332,7 +1330,7 @@ declare function useHandleEdgeSelect(): (id: string) => void;
  * @public
  * @returns an accessor that indicates whether the nodes are initialized
  */
-declare function useNodesInitialized(): () => boolean;
+declare function useNodesInitialized(): Accessor<boolean>;
 /**
  * Hook for seeing if the viewport is initialized.
  *
@@ -1341,7 +1339,7 @@ declare function useNodesInitialized(): () => boolean;
  * @public
  * @returns an accessor that indicates whether the viewport is initialized
  */
-declare function useViewportInitialized(): () => boolean;
+declare function useViewportInitialized(): Accessor<boolean>;
 
 /**
  * Hook to get an internal node by id.

package/dist/index/index.js

@@ -62,6 +62,7 @@ function createWritableStore(accessor) {
     }
   };
 }
+var scheduleIdleCallback = typeof requestIdleCallback === "function" ? requestIdleCallback : (callback) => setTimeout(callback, 0);
 var EdgeLabelRenderer = (props) => {
   const {
     store
@@ -4312,7 +4313,7 @@ var createSolidFlow = (props) => {
       return;
     }
     pendingEntries = updateEntries;
-    requestIdleCallback(() => {
+    scheduleIdleCallback(() => {
       batch(() => {
         const updates = new Map(pendingEntries);
         pendingEntries = void 0;

package/dist/index/index.jsx

@@ -96,6 +96,7 @@ function createWritableStore(accessor) {
     }
   };
 }
+var scheduleIdleCallback = typeof requestIdleCallback === "function" ? requestIdleCallback : (callback) => setTimeout(callback, 0);
 
 // src/components/graph/edge/EdgeLabelRenderer.tsx
 import { Show } from "solid-js";
@@ -1790,7 +1791,7 @@ var createSolidFlow = (props) => {
       return;
     }
     pendingEntries = updateEntries;
-    requestIdleCallback(() => {
+    scheduleIdleCallback(() => {
       batch2(() => {
         const updates = new Map(pendingEntries);
         pendingEntries = void 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dschz/solid-flow",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Solid Flow - A highly customizable Solid library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "ai workflows",