Custom Edge Path is not working in svelte recent version from above 4.0.0 to till now

[IamMathankumar]

First of all thanks for this library it works great. In recent times am facing an issue with custom Edge that not drawn as expected

Here is the Node function:

			<Node let:selected id={"abc"}>
				<div class:selected class="flex space-x-11">
				  <div class="input-anchors flex  flex-col space-y-11" >
					<Anchor bgColor="red" id="data-connection" input />
					<Anchor id="test" multiple input nodeConnect/>
				  </div>
				  <div class="output-anchors flex  flex-col space-y-11">
					<Anchor let:linked let:hovering let:connecting output  edge={EdgePath}  >
					</Anchor>
				  </div>
				</div>
			  </Node>
		</Svelvet>

Used same EdgePath component from sample.

<script>
	import { Edge } from 'svelvet';
</script>

<Edge let:path let:destroy edgeClick="{() => alert('Edge clicked')}" step>
	<path d={path} />
	<button on:click={destroy} slot="label">
		<p>Custom Label</p>
	</button>
</Edge>

<style>
	path {
		stroke: rgb(246, 231, 20);
		stroke-width: 4px;
	}
</style>

Above code is working with Svelte version : 3.54.0
"svelte": "^3.54.0",

Not working after I updgraded to 4.0.0
"svelte": "^4.0.0",
Svelvet version: 8.1.0
"svelvet": "^8.1.0",

[rohanrajpal]

+1, facing the same issue

[rohanrajpal]

Hey @briangregoryholmes do you have any idea why this might be happening? I can open a PR if the fix doesnt involve a big refactor. This is blocking us from upgrading to svelte 4 so would be happy to contribute.

[rohanrajpal]

Heyo @briangregoryholmes @rathna-git is there any new team working on the next version of svelte or existing issues? Curious to know the direction of this project now

[nj-vs-vh]

Hey, I faced the same issue and managed to solve it locally. It seems to be caused by this Svelte update. I have created a draft PR (#474) but will need help from maintainers to prepare it for production.

[rohanrajpal]

thanks to @nj-vs-vh , we have a fix, as a temporary solution until this is merged, folks can use

{
"svelvet": "npm:meetspur-svelvet@^8.1.1"
}

instead