b8affc1c82
* Added NodeToolbar * Added comments & fixed default behaviour in svelte * Added e2e-tests for NodeToolbar component & added data-id to react NodeToolbar * refactor(svelte/NodeToolbar): cleanup * refactor(node-toolbar): add system utils --------- Co-authored-by: moklick <info@moritzklack.com>
@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.