Implements Tree.createRange, Tree.RangeToIndex, Tree.rangeToPath

[easylogic]

Description:

Simultaneously record and pass the tree change and selection within the update () function.

doc.update((root) => {
  root.tree.edit(0, 0, ...);
  root.selection = root.tree.createRange(0, 0); // TreeRange (CRDT)
});
doc.subscribe('$.tree', (event) => {
  if (event.type === 'remote-change') {
    const { actor, ops, presence } = event.value;

    const root = doc.getRoot();
    root.tree.rangeToIndex(root.selection); // [0, 0]
    root.tree.rangeToPath(root.selection); // [[0, 0], [0, 1]]
  }
});

Why:

It will be possible to synchronize tree selection information without any special implementation.