@yorkie-js/react 0.6.26 → 0.6.28

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

@@ -7086,6 +7086,10 @@ const _DeactivateClientRequest = class _DeactivateClientRequest extends Message
      * @generated from field: string client_id = 1;
      */
     __publicField(this, "clientId", "");
+    /**
+     * @generated from field: bool synchronous = 2;
+     */
+    __publicField(this, "synchronous", false);
     proto3.util.initPartial(data, this);
   }
   static fromBinary(bytes, options) {
@@ -7110,6 +7114,13 @@ __publicField(_DeactivateClientRequest, "fields", proto3.util.newFieldList(() =>
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
+  },
+  {
+    no: 2,
+    name: "synchronous",
+    kind: "scalar",
+    T: 8
+    /* ScalarType.BOOL */
   }
 ]));
 let DeactivateClientRequest = _DeactivateClientRequest;
@@ -8259,6 +8270,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 +10974,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 +11090,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 +11287,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 +16263,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 +16279,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 +16314,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 +17569,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 +17587,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 +20243,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 +20526,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({
@@ -21290,6 +21383,22 @@ class Document {
     const p = this.presences.get(this.changeID.getActorID());
     return p ? deepcopy(p) : {};
   }
+  /**
+   * `getOthersPresences` returns the presences of all other clients.
+   */
+  getOthersPresences() {
+    const others = [];
+    const myClientID = this.changeID.getActorID();
+    for (const clientID of this.onlineClients) {
+      if (clientID !== myClientID && this.presences.has(clientID)) {
+        others.push({
+          clientID,
+          presence: deepcopy(this.presences.get(clientID))
+        });
+      }
+    }
+    return others;
+  }
   /**
    * `getPresence` returns the presence of the given clientID.
    */
@@ -21301,16 +21410,6 @@ class Document {
     const p = this.presences.get(clientID);
     return p ? deepcopy(p) : void 0;
   }
-  /**
-   * `getPresenceForTest` returns the presence of the given clientID
-   * regardless of whether the client is online or not.
-   *
-   * @internal
-   */
-  getPresenceForTest(clientID) {
-    const p = this.presences.get(clientID);
-    return p ? deepcopy(p) : void 0;
-  }
   /**
    * `getPresences` returns the presences of online clients.
    */
@@ -21330,6 +21429,16 @@ class Document {
     }
     return presences;
   }
+  /**
+   * `getPresenceForTest` returns the presence of the given clientID
+   * regardless of whether the client is online or not.
+   *
+   * @internal
+   */
+  getPresenceForTest(clientID) {
+    const p = this.presences.get(clientID);
+    return p ? deepcopy(p) : void 0;
+  }
   /**
    * `getSelfForTest` returns the client that has attached this document.
    *
@@ -21397,6 +21506,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 +21602,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 +21713,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.6.26";
+const version$1 = "0.6.28";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -21739,15 +21866,20 @@ class Client {
    * immediately using `fetch` with the `keepalive` option enabled. This is
    * useful for ensuring the deactivation request completes even if the page is
    * being unloaded, such as in `beforeunload` or `unload` event listeners.
+   * If synchronous is true, the server will wait for all pending operations to
+   * complete before deactivating.
    */
-  deactivate(options = { keepalive: false }) {
+  deactivate(options = { keepalive: false, synchronous: false }) {
     if (this.status === "deactivated") {
       return Promise.resolve();
     }
     const task = async () => {
       try {
         await this.rpcClient.deactivateClient(
-          { clientId: this.id },
+          {
+            clientId: this.id,
+            synchronous: options.synchronous
+          },
           { headers: { "x-shard-key": `${this.apiKey}/${this.key}` } }
         );
         this.deactivateInternal();
@@ -22477,7 +22609,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.6.26";
+const version = "0.6.28";
 const pkg = {
   name,
   version