xyflow/packages/svelte/CHANGELOG.md

0.0.22

• 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 />