onbeforeconnect instead of onedgecreate

packages/svelte/src/lib/components/Handle/Handle.svelte

@@ -60,7 +60,7 @@
         cancelConnection: store.cancelConnection,
         panBy: store.panBy,
         onConnect: (connection) => {
-          const edge = store.onedgecreate ? store.onedgecreate(connection) : connection;
+          const edge = store.onbeforeconnect?.(connection) ?? connection;
 
           if (!edge) {
             return;

packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte

@@ -35,7 +35,7 @@
     onerror,
     ondelete,
     onbeforedelete,
-    onedgecreate,
+    onbeforeconnect,
     onconnect,
     onconnectstart,
     onconnectend,

packages/svelte/src/lib/container/SvelteFlow/types.ts

@@ -30,7 +30,7 @@ import type {
   DefaultEdgeOptions,
   FitViewOptions,
   OnDelete,
-  OnEdgeCreate,
+  OnBeforeConnect,
   OnBeforeDelete,
   IsValidConnection
 } from '$lib/types';
@@ -358,7 +358,7 @@ export type SvelteFlowProps = NodeEvents &
     onbeforedelete?: OnBeforeDelete;
 
     /** This handler gets called when a new edge is created. You can use it to modify the newly created edge. */
-    onedgecreate?: OnEdgeCreate;
+    onbeforeconnect?: OnBeforeConnect;
 
     /** This event gets fired when a connection successfully completes and an edge is created. */
     onconnect?: OnConnect;

packages/svelte/src/lib/store/initial-store.svelte.ts

@@ -48,7 +48,7 @@ import type {
   EdgeTypes,
   FitViewOptions,
   OnDelete,
-  OnEdgeCreate,
+  OnBeforeConnect,
   OnBeforeDelete,
   IsValidConnection,
   Edge,
@@ -284,7 +284,7 @@ export const getInitialStore = (signals: StoreSignals) => {
     onlyRenderVisibleElements: boolean = $derived(signals.props.onlyRenderVisibleElements ?? false);
     onerror: OnError = $derived(signals.props.onerror ?? devWarn);
     ondelete?: OnDelete = $derived(signals.props.ondelete ?? undefined);
-    onedgecreate?: OnEdgeCreate = $derived(signals.props.onedgecreate);
+    onbeforeconnect?: OnBeforeConnect = $derived(signals.props.onbeforeconnect);
     onconnect?: OnConnect = $derived(signals.props.onconnect);
     onconnectstart?: OnConnectStart = $derived(signals.props.onconnectstart);
     onconnectend?: OnConnectEnd = $derived(signals.props.onconnectend);

packages/svelte/src/lib/types/general.ts

@@ -35,7 +35,7 @@ export type HandleProps = HandlePropsSystem & {
 export type FitViewOptions<NodeType extends Node = Node> = FitViewOptionsBase<NodeType>;
 
 export type OnDelete = (params: { nodes: Node[]; edges: Edge[] }) => void;
-export type OnEdgeCreate = (connection: Connection) => Edge | Connection | void;
+export type OnBeforeConnect = (connection: Connection) => Edge | Connection | void;
 export type OnBeforeDelete<
   NodeType extends Node = Node,
   EdgeType extends Edge = Edge