chore(svelte): cleanup internal nodes and edges

packages/svelte/src/lib/components/edges/BezierEdgeInternal.svelte

@@ -6,16 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'default';
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -24,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getBezierPath({
     sourceX,
@@ -40,16 +30,8 @@
     targetPosition
   });
 
-  // hopefully with Svelte5, we don't need this kind of workaround anymore
+  // this is a workaround for suppressing the warning about unused props
-  id;
+  $$restProps;
-  source;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
 </script>
 
 <BaseEdge

packages/svelte/src/lib/components/edges/SmoothStepEdgeInternal.svelte

@@ -6,17 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'smoothstep';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -25,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX,
@@ -41,15 +30,8 @@
     targetPosition
   });
 
-  id;
+  // this is a workaround for suppressing the warning about unused props
-  source;
+  $$restProps;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
 </script>
 
 <BaseEdge

packages/svelte/src/lib/components/edges/StepEdgeInternal.svelte

@@ -6,16 +6,7 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'step';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
@@ -25,12 +16,10 @@
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
   export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
   export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getSmoothStepPath({
     sourceX,
@@ -42,15 +31,8 @@
     borderRadius: 0
   });
 
-  id;
+  // this is a workaround for suppressing the warning about unused props
-  source;
+  $$restProps;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourceHandleId;
-  targetHandleId;
 </script>
 
 <BaseEdge

packages/svelte/src/lib/components/edges/StraightEdgeInternal.svelte

@@ -6,17 +6,8 @@
 
   type $$Props = EdgeProps;
 
-  // these props are not used in this edge, but passed to every custom edge component
-  export let id: $$Props['id'] = '';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let type: $$Props['type'] = 'straight';
-
-  export let animated: $$Props['animated'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
   export let label: $$Props['label'] = undefined;
   export let labelStyle: $$Props['labelStyle'] = undefined;
-  export let data: $$Props['data'] = undefined;
   export let style: $$Props['style'] = undefined;
   export let markerStart: $$Props['markerStart'] = undefined;
   export let markerEnd: $$Props['markerEnd'] = undefined;
@@ -24,13 +15,9 @@
 
   export let sourceX: $$Props['sourceX'];
   export let sourceY: $$Props['sourceY'];
-  export let sourcePosition: $$Props['sourcePosition'];
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
 
   export let targetX: $$Props['targetX'];
   export let targetY: $$Props['targetY'];
-  export let targetPosition: $$Props['targetPosition'];
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
 
   $: [path, labelX, labelY] = getStraightPath({
     sourceX,
@@ -39,17 +26,8 @@
     targetY
   });
 
-  id;
+  // this is a workaround for suppressing the warning about unused props
-  source;
+  $$restProps;
-  target;
-  type;
-  animated;
-  selected;
-  data;
-  sourcePosition;
-  targetPosition;
-  sourceHandleId;
-  targetHandleId;
 </script>
 
 <BaseEdge

packages/svelte/src/lib/components/nodes/DefaultNode.svelte

@@ -10,31 +10,8 @@
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
 
-  // unused props - we need to list them here in order to prevent warnings
+  // this is a workaround for suppressing the warning about unused props
-  export let id: $$Props['id'] = '';
+  $$restProps;
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
 </script>
 
 <Handle type="target" position={targetPosition} />

packages/svelte/src/lib/components/nodes/GroupNode.svelte

@@ -3,35 +3,6 @@
 
   interface $$Props extends NodeProps {}
 
-  // unused props - we need to list them here in order to prevent warnings
+  // this is a workaround for suppressing the warning about unused props
-  export let id: $$Props['id'] = '';
+  $$restProps;
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let data: $$Props['data'] = {};
-  export let selected: $$Props['selected'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  data;
-  selected;
-  sourcePosition;
-  targetPosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
 </script>

packages/svelte/src/lib/components/nodes/InputNode.svelte

@@ -9,33 +9,8 @@
   export let data: $$Props['data'] = { label: 'Node' };
   export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
 
-  // unused props - we need to list them here in order to prevent warnings
+  // this is a workaround for suppressing the warning about unused props
-  export let id: $$Props['id'] = '';
+  $$restProps;
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let targetPosition: $$Props['targetPosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  targetPosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
 </script>
 
 {data?.label}

packages/svelte/src/lib/components/nodes/OutputNode.svelte

@@ -9,33 +9,8 @@
   export let data: $$Props['data'] = { label: 'Node' };
   export let targetPosition: $$Props['targetPosition'] = Position.Top;
 
-  // unused props - we need to list them here in order to prevent warnings
+  // this is a workaround for suppressing the warning about unused props
-  export let id: $$Props['id'] = '';
+  $$restProps;
-  export let width: $$Props['width'] = undefined;
-  export let height: $$Props['height'] = undefined;
-  export let selected: $$Props['selected'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = undefined;
-  export let type: $$Props['type'] = undefined;
-  export let dragging: $$Props['dragging'] = false;
-  export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let positionAbsoluteX: $$Props['positionAbsoluteX'] = 0;
-  export let positionAbsoluteY: $$Props['positionAbsoluteY'] = 0;
-  export let isConnectable: $$Props['isConnectable'];
-  export let zIndex: $$Props['zIndex'];
-
-  // @todo: there must be a better way to do this
-  id;
-  width;
-  height;
-  selected;
-  sourcePosition;
-  type;
-  zIndex;
-  dragging;
-  dragHandle;
-  positionAbsoluteX;
-  positionAbsoluteY;
-  isConnectable;
 </script>
 
 {data?.label}