Node position change event?

[terion-name]

I'm trying to make graph to be saved in any time to localstorage to not loose changes after page reload.
For this I need to watch all changes and sync.
Currently this tracks most of the changes AFAIK:

const updaterToken = Symbol();
for (const prop of ['addNode', 'removeNode', 'addConnection', 'removeConnection']) {
  baklava.editor.graphEvents[prop].subscribe(updaterToken, () => graph.value = baklava.editor.save());
}
for (const prop of ['update', 'addInput', 'loaded', 'addOutput', 'removeInput', 'removeOutput', 'titleChanged']) {
  baklava.editor.nodeEvents[prop].subscribe(updaterToken, () => graph.value = baklava.editor.save());
}

But as far as I can see there is no way to catch node movement.

Am I missing something? If not, can this be added?

[terion-name]

Nasty, but works:

const editornode = useTemplateRef('editornode')
onMounted(() => {
  if (!editornode.value) {
    return;
  }
  const observer = new MutationObserver((list, observer) => {
    // @ts-expect-error target will be html element
    for (const node of list.filter(i => i.attributeName === 'class' && i.target?.classList.contains('baklava-node'))) {
      // --dragging class will change on move, so we update graph on class change
      nextTick(() => graph.value = baklava.editor.save().graph);
    }
  })
  observer.observe(editornode.value.$el.querySelector('.node-container'), { attributes: true, subtree: true })
})