How to redraw edges?

[tpoxa]

Hey.
I implement my custom node with handle rotation support.
Handles are rotating, but edges stay in their old positions. Is there any way to ask vue-flow redraw edges to the current handle positions?

Thanks for the vue-flow. It's a great project!

[bcakmakoglu]

To force-redraw edges you can use the updateNodeInternals action , which will re-calculate the handle positions and draw edges according to those new positions.
More on that in the docs right here.

[tpoxa]

Thanks for the hint @bcakmakoglu. I tried that. Unfortunately did not work. I am pretty sure I used that wrong. My rotation happens in pinia's action like this.

async rotate() {
      let ids: string[] = []
      this.selectedNodes.forEach((el) => {
          el.data.spin++;
          el.data.handles.forEach((h) => {
            h.position =  (h.position_origin + el.data.spin) % 4
          })
      });
      this.elements.forEach((el) => {
        if (isNode(el)) {
          ids.push(el.id)
        }
      })
      await nextTick(async ()=> {
        updateNodeInternals(ids)
      })
    }

I guess there is no way I can emit that in the Custom Node, or can I?

Thank you for your help.

[tpoxa]

Ok, I managed to do that by watching props in a customNode and emitting updateNodeInternals from there. Thank you!