@yorkie-js/react 0.6.25 → 0.6.27

package/dist/yorkie-js-react.es.js

@@ -8259,6 +8259,12 @@ class CRDTElement {
     }
     return this.movedAt;
   }
+  /**
+   * `setCreatedAt` sets the creation time of this element manually.
+   */
+  setCreatedAt(createdAt) {
+    this.createdAt = createdAt;
+  }
   /**
    * `setMovedAt` sets the move time of this element.
    */
@@ -8370,12 +8376,12 @@ class ElementRHT {
   set(key, value, executedAt) {
     let removed;
     const node = this.nodeMapByKey.get(key);
-    if (node != null && !node.isRemoved() && node.remove(executedAt)) {
+    if (!!node && !node.isRemoved() && node.remove(executedAt)) {
       removed = node.getValue();
     }
     const newNode = ElementRHTNode.of(key, value);
     this.nodeMapByCreatedAt.set(value.getCreatedAt().toIDString(), newNode);
-    if (node == null || executedAt.after(node.getValue().getPositionedAt())) {
+    if (!node || executedAt.after(node.getValue().getPositionedAt())) {
       this.nodeMapByKey.set(key, newNode);
       value.setMovedAt(executedAt);
     }
@@ -8429,7 +8435,7 @@ class ElementRHT {
    */
   deleteByKey(key, removedAt) {
     const node = this.nodeMapByKey.get(key);
-    if (node == null) {
+    if (!node) {
       return;
     }
     if (!node.remove(removedAt)) {
@@ -8442,7 +8448,7 @@ class ElementRHT {
    */
   has(key) {
     const node = this.nodeMapByKey.get(key);
-    if (node == null) {
+    if (!node) {
       return false;
     }
     return !node.isRemoved();
@@ -10957,6 +10963,12 @@ class AddOperation extends Operation {
   getValue() {
     return this.value;
   }
+  /**
+   * `setPrevCreatedAt` sets the creation time of the previous element.
+   */
+  setPrevCreatedAt(createdAt) {
+    this.prevCreatedAt = createdAt;
+  }
 }
 class RemoveOperation extends Operation {
   constructor(parentCreatedAt, createdAt, executedAt) {
@@ -11067,6 +11079,12 @@ class RemoveOperation extends Operation {
   getCreatedAt() {
     return this.createdAt;
   }
+  /**
+   * `setCreatedAt` sets the creation time of the target element.
+   */
+  setCreatedAt(createdAt) {
+    this.createdAt = createdAt;
+  }
 }
 class SetOperation extends Operation {
   constructor(key, value, parentCreatedAt, executedAt) {
@@ -11258,6 +11276,18 @@ class MoveOperation extends Operation {
   getCreatedAt() {
     return this.createdAt;
   }
+  /**
+   * `setPrevCreatedAt` sets the creation time of the previous element.
+   */
+  setPrevCreatedAt(createdAt) {
+    this.prevCreatedAt = createdAt;
+  }
+  /**
+   * `setCreatedAt` sets the creation time of the target element.
+   */
+  setCreatedAt(createdAt) {
+    this.createdAt = createdAt;
+  }
 }
 class RHTNode {
   constructor(key, value, updatedAt, isRemoved) {
@@ -14413,6 +14443,12 @@ class VersionVector {
   get(actorID) {
     return this.vector.get(actorID);
   }
+  /**
+   * `has` checks if the given actor exists in the VersionVector.
+   */
+  has(actorID) {
+    return this.vector.has(actorID);
+  }
   /**
    * `maxLamport` returns max lamport value from vector
    */
@@ -15285,11 +15321,12 @@ class RGATreeSplitNode extends SplayNode {
   /**
    * `canDelete` checks if node is able to delete.
    */
-  canDelete(editedAt, clientLamportAtChange) {
-    const justRemoved = !this.removedAt;
-    const nodeExisted = this.getCreatedAt().getLamport() <= clientLamportAtChange;
-    if (nodeExisted && (!this.removedAt || editedAt.after(this.removedAt))) {
-      return justRemoved;
+  canRemove(creationKnown) {
+    if (!creationKnown) {
+      return false;
+    }
+    if (!this.removedAt) {
+      return true;
     }
     return false;
   }
@@ -15301,10 +15338,22 @@ class RGATreeSplitNode extends SplayNode {
     return nodeExisted && (!this.removedAt || editedAt.after(this.removedAt));
   }
   /**
-   * `remove` removes node of given edited time.
+   * `setRemovedAt` sets the remove time of this node.
    */
-  remove(editedAt) {
-    this.removedAt = editedAt;
+  setRemovedAt(removedAt) {
+    this.removedAt = removedAt;
+  }
+  /**
+   * `remove` removes the node of the given edited time.
+   */
+  remove(removedAt, tombstoneKnown) {
+    if (!this.removedAt) {
+      this.removedAt = removedAt;
+      return;
+    }
+    if (!tombstoneKnown && removedAt.after(this.removedAt)) {
+      this.removedAt = removedAt;
+    }
   }
   /**
    * `createRange` creates ranges of RGATreeSplitPos.
@@ -15635,43 +15684,34 @@ class RGATreeSplit {
     subDataSize(diff, prvSize);
     return [splitNode, diff];
   }
-  deleteNodes(candidates, editedAt, versionVector) {
+  deleteNodes(candidates, editedAt, vector) {
     if (!candidates.length) {
       return [[], /* @__PURE__ */ new Map()];
     }
-    const [nodesToDelete, nodesToKeep] = this.filterNodes(
-      candidates,
-      editedAt,
-      versionVector
-    );
-    const removedNodes = /* @__PURE__ */ new Map();
-    const changes = this.makeChanges(nodesToKeep, editedAt);
-    for (const node of nodesToDelete) {
-      removedNodes.set(node.getID().toIDString(), node);
-      node.remove(editedAt);
-    }
-    this.deleteIndexNodes(nodesToKeep);
-    return [changes, removedNodes];
-  }
-  filterNodes(candidates, editedAt, versionVector) {
-    const nodesToDelete = [];
+    const isLocal = vector === void 0;
+    const nodesToRemove = [];
     const nodesToKeep = [];
     const [leftEdge, rightEdge] = this.findEdgesOfCandidates(candidates);
     nodesToKeep.push(leftEdge);
     for (const node of candidates) {
-      const actorID = node.getCreatedAt().getActorID();
-      let clientLamportAtChange = MaxLamport;
-      if (versionVector != void 0) {
-        clientLamportAtChange = versionVector.get(actorID) ? versionVector.get(actorID) : 0n;
-      }
-      if (node.canDelete(editedAt, clientLamportAtChange)) {
-        nodesToDelete.push(node);
+      if (node.canRemove(isLocal || vector.afterOrEqual(node.getCreatedAt()))) {
+        nodesToRemove.push(node);
       } else {
         nodesToKeep.push(node);
       }
     }
     nodesToKeep.push(rightEdge);
-    return [nodesToDelete, nodesToKeep];
+    const changes = this.makeChanges(nodesToKeep, editedAt);
+    const removedNodes = /* @__PURE__ */ new Map();
+    for (const node of nodesToRemove) {
+      removedNodes.set(node.getID().toIDString(), node);
+      node.remove(
+        editedAt,
+        node.isRemoved() && (isLocal || vector.afterOrEqual(node.getRemovedAt()))
+      );
+    }
+    this.deleteIndexNodes(nodesToKeep);
+    return [changes, removedNodes];
   }
   /**
    * `findEdgesOfCandidates` finds the edges outside `candidates`,
@@ -16212,11 +16252,12 @@ class ArraySetOperation extends Operation {
         `fail to execute, only array can execute set`
       );
     }
+    const previousValue = parentObject.getByID(this.createdAt).deepcopy();
+    const reverseOp = this.toReverseOperation(this.value, previousValue);
     const value = this.value.deepcopy();
     parentObject.insertAfter(this.createdAt, value, this.getExecutedAt());
     parentObject.delete(this.createdAt, this.getExecutedAt());
     root.registerElement(value);
-    const reverseOp = void 0;
     return {
       opInfos: [
         {
@@ -16227,6 +16268,17 @@ class ArraySetOperation extends Operation {
       reverseOp
     };
   }
+  /**
+   * `toReverseOperation` returns the reverse operation of this operation.
+   */
+  toReverseOperation(newValue, prevValue) {
+    const reverseOp = ArraySetOperation.create(
+      this.getParentCreatedAt(),
+      newValue.getCreatedAt(),
+      prevValue
+    );
+    return reverseOp;
+  }
   /**
    * `getEffectedCreatedAt` returns the creation time of the effected element.
    */
@@ -16251,6 +16303,12 @@ class ArraySetOperation extends Operation {
   getValue() {
     return this.value;
   }
+  /**
+   * `setCreatedAt` sets the creation time of the target element.
+   */
+  setCreatedAt(createdAt) {
+    this.createdAt = createdAt;
+  }
 }
 function toPresence(presence) {
   const pbPresence = new Presence$1();
@@ -16969,7 +17027,7 @@ function fromTextNode(pbTextNode) {
     fromTextNodeID(pbTextNode.id),
     textValue
   );
-  textNode.remove(fromTimeTicket(pbTextNode.removedAt));
+  textNode.setRemovedAt(fromTimeTicket(pbTextNode.removedAt));
   return textNode;
 }
 function fromTreePos(pbTreePos) {
@@ -17500,7 +17558,7 @@ function uuid() {
   });
 }
 class Attachment {
-  constructor(reconnectStreamDelay, doc, docID, syncMode, unsubscribeBroacastEvent) {
+  constructor(reconnectStreamDelay, doc, docID, syncMode, unsubscribeBroadcastEvent) {
     // TODO(hackerwins): Consider to changing the modifiers of the following properties to private.
     __publicField(this, "reconnectStreamDelay");
     __publicField(this, "doc");
@@ -17518,7 +17576,7 @@ class Attachment {
     this.syncMode = syncMode;
     this.remoteChangeEventReceived = false;
     this.cancelled = false;
-    this.unsubscribeBroadcastEvent = unsubscribeBroacastEvent;
+    this.unsubscribeBroadcastEvent = unsubscribeBroadcastEvent;
   }
   /**
    * `changeSyncMode` changes the sync mode of the document.
@@ -17629,7 +17687,7 @@ function validateValue(value, rule) {
           errors: [
             {
               path: rule.path,
-              message: `Expected object at path ${rule.path}`
+              message: `expected object at path ${rule.path}`
             }
           ]
         };
@@ -17642,7 +17700,7 @@ function validateValue(value, rule) {
           errors: [
             {
               path: rule.path,
-              message: `Expected array at path ${rule.path}`
+              message: `expected array at path ${rule.path}`
             }
           ]
         };
@@ -17655,7 +17713,7 @@ function validateValue(value, rule) {
           errors: [
             {
               path: rule.path,
-              message: `Expected yorkie.Text at path ${rule.path}`
+              message: `expected yorkie.Text at path ${rule.path}`
             }
           ]
         };
@@ -17668,7 +17726,7 @@ function validateValue(value, rule) {
           errors: [
             {
               path: rule.path,
-              message: `Expected yorkie.Tree at path ${rule.path}`
+              message: `expected yorkie.Tree at path ${rule.path}`
             }
           ]
         };
@@ -17681,7 +17739,7 @@ function validateValue(value, rule) {
           errors: [
             {
               path: rule.path,
-              message: `Expected yorkie.Counter at path ${rule.path}`
+              message: `expected yorkie.Counter at path ${rule.path}`
             }
           ]
         };
@@ -17725,7 +17783,7 @@ function validatePrimitiveValue(value, rule) {
     errors: [
       {
         path: rule.path,
-        message: `Expected ${rule.type} at path ${rule.path}`
+        message: `expected ${rule.type} at path ${rule.path}`
       }
     ]
   };
@@ -20174,6 +20232,32 @@ class History {
   getRedoStackForTest() {
     return this.redoStack;
   }
+  /**
+   * `reconcileCreatedAt` updates the createdAt and prevCreatedAt fields.
+   *
+   * When an element is replaced(e.g., UndoRemove as Add, or Set),
+   * it receives a new createdAt(executedAt). However, existing history
+   * operations may still reference the old createdAt or prevCreatedAt.
+   *
+   * This method scans both undo/redo stacks and replaces any matching
+   * createdAt/prevCreatedAt with the new one, ensuring consistency.
+   */
+  reconcileCreatedAt(prevCreatedAt, currCreatedAt) {
+    const replace = (stack) => {
+      for (const ops of stack) {
+        for (const op of ops) {
+          if ((op instanceof ArraySetOperation || op instanceof RemoveOperation || op instanceof MoveOperation) && op.getCreatedAt() === prevCreatedAt) {
+            op.setCreatedAt(currCreatedAt);
+          }
+          if ((op instanceof AddOperation || op instanceof MoveOperation) && op.getPrevCreatedAt() === prevCreatedAt) {
+            op.setPrevCreatedAt(currCreatedAt);
+          }
+        }
+      }
+    };
+    replace(this.undoStack);
+    replace(this.redoStack);
+  }
 }
 const EventSourceDevPanel = "yorkie-devtools-panel";
 const EventSourceSDK = "yorkie-devtools-sdk";
@@ -20431,6 +20515,14 @@ class Document {
         this.presences,
         OpSource.Local
       );
+      for (const op of change.getOperations()) {
+        if (op instanceof ArraySetOperation) {
+          this.internalHistory.reconcileCreatedAt(
+            op.getCreatedAt(),
+            op.getValue().getCreatedAt()
+          );
+        }
+      }
       const reversePresence = context.getReversePresence();
       if (reversePresence) {
         reverseOps.push({
@@ -21387,6 +21479,15 @@ class Document {
       }
       const ticket = context.issueTimeTicket();
       undoOp.setExecutedAt(ticket);
+      if (undoOp instanceof ArraySetOperation) {
+        const prev = undoOp.getCreatedAt();
+        undoOp.getValue().setCreatedAt(ticket);
+        this.internalHistory.reconcileCreatedAt(prev, ticket);
+      } else if (undoOp instanceof AddOperation) {
+        const prev = undoOp.getValue().getCreatedAt();
+        undoOp.getValue().setCreatedAt(ticket);
+        this.internalHistory.reconcileCreatedAt(prev, ticket);
+      }
       context.push(undoOp);
     }
     const change = context.toChange();
@@ -21474,6 +21575,15 @@ class Document {
       }
       const ticket = context.issueTimeTicket();
       redoOp.setExecutedAt(ticket);
+      if (redoOp instanceof ArraySetOperation) {
+        const prev = redoOp.getCreatedAt();
+        redoOp.getValue().setCreatedAt(ticket);
+        this.internalHistory.reconcileCreatedAt(prev, ticket);
+      } else if (redoOp instanceof AddOperation) {
+        const prev = redoOp.getValue().getCreatedAt();
+        redoOp.getValue().setCreatedAt(ticket);
+        this.internalHistory.reconcileCreatedAt(prev, ticket);
+      }
       context.push(redoOp);
     }
     const change = context.toChange();
@@ -21576,7 +21686,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.6.25";
+const version$1 = "0.6.27";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -22339,6 +22449,7 @@ class Client {
       return;
     }
     attachment.cancelWatchStream();
+    attachment.doc.resetOnlineClients();
     attachment.unsubscribeBroadcastEvent();
     this.attachmentMap.delete(docKey);
   }
@@ -22466,7 +22577,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.6.25";
+const version = "0.6.27";
 const pkg = {
   name,
   version