Serial update modification

[pedrocalderon]

Hello everyone,

TLDR: How do I make sure an editor update has finished before I start a new one?

I'm using Lexical to create a react platform where users can interact with legal documents, we allow users to select and classify parts of the documents, like the image bellow:

The text above is in portuguese, but the important part is the highlighted text with a tag between brackets and the close button at the end.

My problem is that the classification process is an async process, but I want to make the platform very responsive, for that I've created an optimistic update feature and here is were I'm having trouble.

What I'm trying to do is:

1. After the user creates a range selection and click in classify, I create a new ClassificationNode in the correct position
2. At the same time I call the API to create the classification in my back-end. The back end will return a new classification ID afters it's creation
3. If the API call fails I will simply removed the node. Otherwise I call an editor.update with the following logic:
   1. Remove the old ClassifictaionNode
   2. Create a new ClassificationNode with the API ID

My problem is that since I'm inside an edito.update the modifications do not seem to be persisted at the moment when I try to create the new ClassificationNode. Were I would expect to exist only text nodes I can find the old ClassificationNode still in existence. When the editorState is committed in fact my old node has been removed, but the new has not being added.

The solution that I have considere is simply to wait the node removal to be committed and only then create the new node, but I could not find anywhere how to do that. Is it possible?

I've recently posted this question about a text classification platform I'm working on. This is a non related problem but is in the same product.