React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
This is a bigger update for Svelte Flow to keep up with the latest changes we made for React Flow and the Svelte5 rewrite. The biggest change is the separation of user nodes (type Node) and internal nodes (type InternalNode), which includes a renaming of the node.computed attribute to node.measured. In the previous versions, we stored internals in node[internalsSymbol]. This doesn't exist anymore, but we only add it to our internal nodes in node.internals..
⚠️ Breaking
rename node.computed to node.measured - this attribute only includes width and height and no positionAbsolute anymore. For this we added the helpers getInternalNode and useInternalNode
rename node.parentNode to node.parentId
More updates:
add isValidConnection for <Handle /> component
add fitViewOptions for <Controls /> component
add getInternalNode to useSvelteFlow
add useInternalNode hook
don't reset nodes and edges when svelte flow unmounts - thanks @darabos
fix node event types - thanks @RedPhoenixQ
make handleId and isTarget reactive - thanks @darabos
This is a bigger update for Svelte Flow to keep up with the latest changes we made for React Flow and the Svelte5 rewrite. The biggest change is the separation of user nodes (type
Node
) and internal nodes (typeInternalNode
), which includes a renaming of thenode.computed
attribute tonode.measured
. In the previous versions, we stored internals innode[internalsSymbol]
. This doesn't exist anymore, but we only add it to our internal nodes innode.internals.
.⚠️ Breaking
node.computed
tonode.measured
- this attribute only includeswidth
andheight
and nopositionAbsolute
anymore. For this we added the helpersgetInternalNode
anduseInternalNode
node.parentNode
tonode.parentId
More updates:
isValidConnection
for<Handle />
componentfitViewOptions
for<Controls />
componentgetInternalNode
touseSvelteFlow
useInternalNode
hook