From 335e116d4496e66005448a01037a99e21603cfd6 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Sep 2023 16:15:43 +0200
Subject: [PATCH] chore(svelte): cleanup

---
 packages/svelte/CHANGELOG.md                                  | 3 +++
 .../src/lib/components/ConnectionLine/ConnectionLine.svelte   | 4 ++--
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte     | 2 +-
 packages/svelte/src/lib/hooks/useSvelteFlow.ts                | 4 +---
 packages/svelte/src/lib/store/types.ts                        | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 439de951..bfd9be66 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,8 @@
 ## 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
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index 4635dad5..eb30d3f7 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -5,7 +5,7 @@
 
   export let containerStyle: string = '';
   export let style: string = '';
-  export let usingCustomLine: boolean = false;
+  export let isCustomComponent: boolean = false;
 
   const { width, height, connection } = useStore();
 </script>
@@ -15,7 +15,7 @@
     <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
       <slot name="connectionLine" />
       <!-- slot fallbacks do not work if slots are forwarded in parent -->
-      {#if !usingCustomLine}
+      {#if !isCustomComponent}
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
       {/if}
     </g>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 94e0c117..aaf51063 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -167,7 +167,7 @@
         <ConnectionLine
           containerStyle={connectionLineContainerStyle}
           style={connectionLineStyle}
-          usingCustomLine={$$slots.connectionLine}
+          isCustomComponent={$$slots.connectionLine}
         >
           <slot name="connectionLine" slot="connectionLine" />
         </ConnectionLine>
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
index 47603751..d4a40ac3 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.ts
@@ -95,9 +95,7 @@ export function useSvelteFlow(): {
         { duration: options?.duration }
       );
     },
-    fitView: (fitViewOptions?: FitViewOptions) => {
-      fitView(get(nodes), fitViewOptions);
-    },
+    fitView,
     project: (position: XYPosition) => {
       const _snapGrid = get(snapGrid);
       return pointToRendererPoint(
diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts
index c9511bd5..9156f6f0 100644
--- a/packages/svelte/src/lib/store/types.ts
+++ b/packages/svelte/src/lib/store/types.ts
@@ -23,7 +23,7 @@ export type SvelteFlowStoreActions = {
   setMinZoom: (minZoom: number) => void;
   setMaxZoom: (maxZoom: number) => void;
   setTranslateExtent: (extent: CoordinateExtent) => void;
-  fitView: (nodes: Node[], options?: FitViewOptions) => boolean;
+  fitView: (options?: FitViewOptions) => boolean;
   updateNodePositions: UpdateNodePositions;
   updateNodeDimensions: (updates: NodeDimensionUpdate[]) => void;
   unselectNodesAndEdges: () => void;