xyflow/packages/svelte/CHANGELOG.md

0.0.25

• add toObject to useSvelteFlow hook
• export BezierEdge, StepEdge and SmoothStepEdge components
• handle window resize (Minimap updates its viewport)
• fix wrongly selected nodes
• fix connection line z-index
• fix broken edges (interactionWidth was missing)

0.0.24

• update node automatically when type, sourcePosition or targetPosition option changes
• prevent dev tool warnings when using built-in node types
• updates useSvelteFlow hook:
• add node type "group"
• add class prop for BaseEdge
• add id prop for Background
• add selected prop for MiniMap Node
• rename Controls prop showInteractive to showLock

0.0.23

• updates useSvelteFlow hook:
  • add screenToFlowCoordinate and flowToScreenCoordinate
  • add getConnectedEdges, getIncomers and getOutgoers
  • add deleteElements
  • add fitBounds
  • add getIntersectingNodes and isNodeIntersecting
• add useConnection hook
• add useNodes hook
• add useEdges hook
• add viewport prop (writable viewport)
• fix selection style
• fix Background component with lines variant

0.0.22

• add connectionLine slot for rendering a custom connection line
• add connectionLineStyle and connectionLineContainerStyle props
• add useConnection hook
• add nodeDragThreshold prop
• add fitViewOptions prop
• add defaultEdgeOptions prop
• add on:edgecontextmenu event handler prop
• add connectionMode prop
• add attributionPosition prop

0.0.21

• add on:nodedragstart, on:nodedrag and on:nodedragstop
• add on:nodecontextmenu

0.0.20

• [breaking change] use same convention for all custom events: Always pass the original event if possible and additional data
  • before: on:nodeclick: CustomEvent<Node>
  • after: on:nodeclick: CustomEvent<{event: MouseEvent, node: Node}>
• fix on:connectstart and on:connectend handlers
• fix default styles for <Controls /> component
• fix dragHandle node option
• expose style prop for minimap

0.0.19

• make it possible to change edge type dynamically
• fix hidden option for nodes and edges
• add useUpdateNodeInternals hook

0.0.18

• add nodesDraggable prop
• minimap: add default background

0.0.17

• export useStore to access internals

0.0.16

• center edge label by default

0.0.15

• fix wrongly displayed connectionline

0.0.14

• export css correctly

0.0.13

• [breaking change] from now on it's necessary to import the styles like @xyflow/svelte/styles/style.css or @xyflow/svelte/styles/base.css. This makes it easier to work with tailwind or overwrite styles with regular CSS.

0.0.7 ... 0.0.12

• fix event handlers and rename from on:node:click to on:nodeclick
• add panActivationKey prop
• elevate nodes by default when selected
• use css vars internally and let users overwrite them

0.0.6

• use svelte 4

0.0.5

this release fixes the path bug introduced in 0.0.4

0.0.4

this version is broken because of a wrong path in the package.json

0.0.3

• add snapGrid prop
• add onlyRenderVisibleElements prop
• cleanup some exports and types

0.0.2

• add connectionRadius

0.0.1

Svelte Flow alpha is here 🔥 You can expect some changes until we reach 1.0.0 but we try to stick as close as possible to the React Flow API. There are no docs yet, but we are working on it! For now the easiest way is to use the autocomplete of your IDE, lookup the props in the SvelteFlow component or check out the React Flow docs.

This very first release comes with lots of features already:

• pass nodes and edges as writables
• draggable, selectable and deletable nodes
• support for custom nodeTypes and edgeTypes
• basic viewport settings like fitView, minZoom and maxZoom
• additional components: <MiniMap />, <Controls /> & <Background />