Working with ports and labels

[tmarsik42]

Hi, I'm using this library together with ELK. Just like in this example: https://x6.antv.vision/en/examples/showcase/practices#elk and svelte. I also use svelte and have my own shape registrar lib that is just "edited for svelte ™️" copy of x6-react-shape

How can I modify ports? Is graph's function onPortRendered really the only way? It is so difficult to work with it in Svelte.

More importantly, how can I display and position port labels? (the text and position is outputted by ELK). It doesnt seem to work for me: https://codesandbox.io/s/fancy-rgb-sflzyf?file=/index.ts

It should look like this: https://rtsys.informatik.uni-kiel.de/elklive/json.html?compressedContent=N4KABGCWAmBcYCIBOB7FAXBAacYA2AhgJ4oCu6A8gA7qQoB2AzvMGAOQF4DmKSk6ACwC2beG0JEApkknQ2WBIyoEAxpHpcAdPRTRJAOV2SAQpPQB3SZPoAZYtMYJ4AVgAMYAL44IKgZDzQMvTwANq4EKww8Aj0AIzYYOYwgi6uWGACkpBcAuip6RJklDR0TCyIVLzodgBGkniMmlSEKpJC1pjRAJL6AMpdACIAogheYJVI6MxgYRBzYKDz81EV8d5LEEnQKWDO6xuZ2bku+0uEdQ2h4RsL1zdg6JIAHnkVVWDxd0seXxAAul8fvM-p5TpE4Ih6AAmBJbHZudKHHKvBH4YhFai0BjTVgICbVAgXRrNVRtDpORA9frDUbpfHTWZLRY3FZ4mGneZwgQnX4ZLLInn3c71Bm8iJiuaPF7RfFgGESoE3AEbRX-UHXcHRegAZlhyW5uzSfKOKKNhXImNKOLek1qIqaLTJ9E6lL6gxGY3pVw2zI2rKouo5cy5gpuSOOuyDEGFlxmEt99wez1eePeuoVvOV32uIMVf3Wsi4klF801iEkazAjDISFaDNWCDA+YeBCQRamoQqMKb6tLUAhCEk7KrNbrnbx8Sb6XQrfb9bxup7eZAHiAA

Everything is working so smoothly together (svelte + ELK + x6 ) but ports and its labels are giving me a headache.

[tmarsik42]

I kinda figured it out, can't use svelte component with this approach though. But I went with x6' native way of editing node's metadata on registering and adding