Files
xyflow/packages/system
6cf0113005 Use correct end handle position when drawing a connection (#4382)
* use correct end handle position \when drawing connection lines

* provide correct connection end handle, also when connection is invalid

* add end handle position to connection despite being invalid

* chore(connectionline): remove logs

---------

Co-authored-by: moklick <info@moritzklack.com>
2024-06-19 17:15:07 +02:00
..
2024-06-10 18:08:35 +02:00
2023-06-15 15:30:27 +02:00

@xyflow/system

Core system that powers React Flow and Svelte Flow.

Installation

npm install @xyflow/system

What is this package about?

The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries.

XYPanZoom

Adds zoom and pan for the pane.

XYDrag

Adds drag for nodes and selection.

XYHandle

Adds connection line drawing.

XYMinimap

Adds interactive mini map (zoom and pan).

Edge utils

Util function for SVG edge path creating.

Store utils

Helpers for store functions.

Dom utils

Marker utils

Graph utils

General utils