@yorkie-js/react 0.6.26 → 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.
    */
@@ -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) {
@@ -16222,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: [
         {
@@ -16237,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.
    */
@@ -16261,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();
@@ -17510,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");
@@ -17528,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.
@@ -20184,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";
@@ -20441,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({
@@ -21397,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();
@@ -21484,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();
@@ -21586,7 +21686,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.6.26";
+const version$1 = "0.6.27";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -22477,7 +22577,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.6.26";
+const version = "0.6.27";
 const pkg = {
   name,
   version