@yorkie-js/react 0.6.34 → 0.6.35

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

@@ -7844,6 +7844,95 @@ __publicField(_PushPullChangesResponse, "fields", proto3.util.newFieldList(() =>
   { no: 1, name: "change_pack", kind: "message", T: ChangePack$1 }
 ]));
 let PushPullChangesResponse = _PushPullChangesResponse;
+const _BroadcastRequest = class _BroadcastRequest extends Message {
+  constructor(data) {
+    super();
+    /**
+     * @generated from field: string client_id = 1;
+     */
+    __publicField(this, "clientId", "");
+    /**
+     * @generated from field: string document_id = 2;
+     */
+    __publicField(this, "documentId", "");
+    /**
+     * @generated from field: string topic = 3;
+     */
+    __publicField(this, "topic", "");
+    /**
+     * @generated from field: bytes payload = 4;
+     */
+    __publicField(this, "payload", new Uint8Array(0));
+    proto3.util.initPartial(data, this);
+  }
+  static fromBinary(bytes, options) {
+    return new _BroadcastRequest().fromBinary(bytes, options);
+  }
+  static fromJson(jsonValue, options) {
+    return new _BroadcastRequest().fromJson(jsonValue, options);
+  }
+  static fromJsonString(jsonString, options) {
+    return new _BroadcastRequest().fromJsonString(jsonString, options);
+  }
+  static equals(a, b) {
+    return proto3.util.equals(_BroadcastRequest, a, b);
+  }
+};
+__publicField(_BroadcastRequest, "runtime", proto3);
+__publicField(_BroadcastRequest, "typeName", "yorkie.v1.BroadcastRequest");
+__publicField(_BroadcastRequest, "fields", proto3.util.newFieldList(() => [
+  {
+    no: 1,
+    name: "client_id",
+    kind: "scalar",
+    T: 9
+    /* ScalarType.STRING */
+  },
+  {
+    no: 2,
+    name: "document_id",
+    kind: "scalar",
+    T: 9
+    /* ScalarType.STRING */
+  },
+  {
+    no: 3,
+    name: "topic",
+    kind: "scalar",
+    T: 9
+    /* ScalarType.STRING */
+  },
+  {
+    no: 4,
+    name: "payload",
+    kind: "scalar",
+    T: 12
+    /* ScalarType.BYTES */
+  }
+]));
+let BroadcastRequest = _BroadcastRequest;
+const _BroadcastResponse = class _BroadcastResponse extends Message {
+  constructor(data) {
+    super();
+    proto3.util.initPartial(data, this);
+  }
+  static fromBinary(bytes, options) {
+    return new _BroadcastResponse().fromBinary(bytes, options);
+  }
+  static fromJson(jsonValue, options) {
+    return new _BroadcastResponse().fromJson(jsonValue, options);
+  }
+  static fromJsonString(jsonString, options) {
+    return new _BroadcastResponse().fromJsonString(jsonString, options);
+  }
+  static equals(a, b) {
+    return proto3.util.equals(_BroadcastResponse, a, b);
+  }
+};
+__publicField(_BroadcastResponse, "runtime", proto3);
+__publicField(_BroadcastResponse, "typeName", "yorkie.v1.BroadcastResponse");
+__publicField(_BroadcastResponse, "fields", proto3.util.newFieldList(() => []));
+let BroadcastResponse = _BroadcastResponse;
 const _AttachPresenceRequest = class _AttachPresenceRequest extends Message {
   constructor(data) {
     super();
@@ -8083,6 +8172,10 @@ let RefreshPresenceRequest = _RefreshPresenceRequest;
 const _RefreshPresenceResponse = class _RefreshPresenceResponse extends Message {
   constructor(data) {
     super();
+    /**
+     * @generated from field: int64 count = 1;
+     */
+    __publicField(this, "count", protoInt64.zero);
     proto3.util.initPartial(data, this);
   }
   static fromBinary(bytes, options) {
@@ -8100,7 +8193,15 @@ const _RefreshPresenceResponse = class _RefreshPresenceResponse extends Message
 };
 __publicField(_RefreshPresenceResponse, "runtime", proto3);
 __publicField(_RefreshPresenceResponse, "typeName", "yorkie.v1.RefreshPresenceResponse");
-__publicField(_RefreshPresenceResponse, "fields", proto3.util.newFieldList(() => []));
+__publicField(_RefreshPresenceResponse, "fields", proto3.util.newFieldList(() => [
+  {
+    no: 1,
+    name: "count",
+    kind: "scalar",
+    T: 3
+    /* ScalarType.INT64 */
+  }
+]));
 let RefreshPresenceResponse = _RefreshPresenceResponse;
 const _WatchPresenceRequest = class _WatchPresenceRequest extends Message {
   constructor(data) {
@@ -8221,95 +8322,6 @@ __publicField(_WatchPresenceInitialized, "fields", proto3.util.newFieldList(() =
   }
 ]));
 let WatchPresenceInitialized = _WatchPresenceInitialized;
-const _BroadcastRequest = class _BroadcastRequest extends Message {
-  constructor(data) {
-    super();
-    /**
-     * @generated from field: string client_id = 1;
-     */
-    __publicField(this, "clientId", "");
-    /**
-     * @generated from field: string document_id = 2;
-     */
-    __publicField(this, "documentId", "");
-    /**
-     * @generated from field: string topic = 3;
-     */
-    __publicField(this, "topic", "");
-    /**
-     * @generated from field: bytes payload = 4;
-     */
-    __publicField(this, "payload", new Uint8Array(0));
-    proto3.util.initPartial(data, this);
-  }
-  static fromBinary(bytes, options) {
-    return new _BroadcastRequest().fromBinary(bytes, options);
-  }
-  static fromJson(jsonValue, options) {
-    return new _BroadcastRequest().fromJson(jsonValue, options);
-  }
-  static fromJsonString(jsonString, options) {
-    return new _BroadcastRequest().fromJsonString(jsonString, options);
-  }
-  static equals(a, b) {
-    return proto3.util.equals(_BroadcastRequest, a, b);
-  }
-};
-__publicField(_BroadcastRequest, "runtime", proto3);
-__publicField(_BroadcastRequest, "typeName", "yorkie.v1.BroadcastRequest");
-__publicField(_BroadcastRequest, "fields", proto3.util.newFieldList(() => [
-  {
-    no: 1,
-    name: "client_id",
-    kind: "scalar",
-    T: 9
-    /* ScalarType.STRING */
-  },
-  {
-    no: 2,
-    name: "document_id",
-    kind: "scalar",
-    T: 9
-    /* ScalarType.STRING */
-  },
-  {
-    no: 3,
-    name: "topic",
-    kind: "scalar",
-    T: 9
-    /* ScalarType.STRING */
-  },
-  {
-    no: 4,
-    name: "payload",
-    kind: "scalar",
-    T: 12
-    /* ScalarType.BYTES */
-  }
-]));
-let BroadcastRequest = _BroadcastRequest;
-const _BroadcastResponse = class _BroadcastResponse extends Message {
-  constructor(data) {
-    super();
-    proto3.util.initPartial(data, this);
-  }
-  static fromBinary(bytes, options) {
-    return new _BroadcastResponse().fromBinary(bytes, options);
-  }
-  static fromJson(jsonValue, options) {
-    return new _BroadcastResponse().fromJson(jsonValue, options);
-  }
-  static fromJsonString(jsonString, options) {
-    return new _BroadcastResponse().fromJsonString(jsonString, options);
-  }
-  static equals(a, b) {
-    return proto3.util.equals(_BroadcastResponse, a, b);
-  }
-};
-__publicField(_BroadcastResponse, "runtime", proto3);
-__publicField(_BroadcastResponse, "typeName", "yorkie.v1.BroadcastResponse");
-__publicField(_BroadcastResponse, "fields", proto3.util.newFieldList(() => []));
-let BroadcastResponse = _BroadcastResponse;
 const YorkieService = {
   typeName: "yorkie.v1.YorkieService",
   methods: {
@@ -8376,6 +8388,15 @@ const YorkieService = {
       O: WatchDocumentResponse,
       kind: MethodKind.ServerStreaming
     },
+    /**
+     * @generated from rpc yorkie.v1.YorkieService.Broadcast
+     */
+    broadcast: {
+      name: "Broadcast",
+      I: BroadcastRequest,
+      O: BroadcastResponse,
+      kind: MethodKind.Unary
+    },
     /**
      * @generated from rpc yorkie.v1.YorkieService.AttachPresence
      */
@@ -8411,15 +8432,6 @@ const YorkieService = {
       I: WatchPresenceRequest,
       O: WatchPresenceResponse,
       kind: MethodKind.ServerStreaming
-    },
-    /**
-     * @generated from rpc yorkie.v1.YorkieService.Broadcast
-     */
-    broadcast: {
-      name: "Broadcast",
-      I: BroadcastRequest,
-      O: BroadcastResponse,
-      kind: MethodKind.Unary
     }
   }
 };
@@ -9128,9 +9140,30 @@ class ElementRHT {
     }
     return node;
   }
+  /**
+   * `deepcopy` creates a deep copy of this ElementRHT.
+   */
+  deepcopy() {
+    const clone = ElementRHT.create();
+    for (const [, node] of this.nodeMapByCreatedAt) {
+      clone.nodeMapByCreatedAt.set(
+        node.getValue().getCreatedAt().toIDString(),
+        ElementRHTNode.of(node.getStrKey(), node.getValue().deepcopy())
+      );
+    }
+    for (const [key, node] of this.nodeMapByKey) {
+      clone.nodeMapByKey.set(
+        key,
+        clone.nodeMapByCreatedAt.get(
+          node.getValue().getCreatedAt().toIDString()
+        )
+      );
+    }
+    return clone;
+  }
   // eslint-disable-next-line jsdoc/require-jsdoc
   *[Symbol.iterator]() {
-    for (const [, node] of this.nodeMapByKey) {
+    for (const [, node] of this.nodeMapByCreatedAt) {
       yield node;
     }
   }
@@ -9264,12 +9297,12 @@ class CRDTObject extends CRDTContainer {
    */
   toSortedJSON() {
     var _a2;
-    const keys = Array();
+    const keys = /* @__PURE__ */ new Set();
     for (const [key] of this) {
-      keys.push(key);
+      keys.add(key);
     }
     const json = [];
-    for (const key of keys.sort()) {
+    for (const key of Array.from(keys).sort()) {
       const node = (_a2 = this.memberNodes.get(key)) == null ? void 0 : _a2.getValue();
       json.push(`"${escapeString(key)}":${node.toSortedJSON()}`);
     }
@@ -9286,14 +9319,9 @@ class CRDTObject extends CRDTContainer {
    */
   deepcopy() {
     const clone = CRDTObject.create(this.getCreatedAt());
-    for (const node of this.memberNodes) {
-      clone.memberNodes.set(
-        node.getStrKey(),
-        node.getValue().deepcopy(),
-        this.getPositionedAt()
-      );
-    }
-    clone.remove(this.getRemovedAt());
+    clone.memberNodes = this.memberNodes.deepcopy();
+    clone.setRemovedAt(this.getRemovedAt());
+    clone.setMovedAt(this.getMovedAt());
     return clone;
   }
   /**
@@ -9314,14 +9342,11 @@ class CRDTObject extends CRDTContainer {
    * `[Symbol.iterator]` returns an iterator for the entries in this object.
    */
   *[Symbol.iterator]() {
-    const keySet = /* @__PURE__ */ new Set();
     for (const node of this.memberNodes) {
-      if (!keySet.has(node.getStrKey())) {
-        keySet.add(node.getStrKey());
-        if (!node.isRemoved()) {
-          yield [node.getStrKey(), node.getValue()];
-        }
+      if (node.isRemoved()) {
+        continue;
       }
+      yield [node.getStrKey(), node.getValue()];
     }
   }
 }
@@ -11537,7 +11562,8 @@ class CRDTArray extends CRDTContainer {
         node.getValue().deepcopy()
       );
     }
-    clone.remove(this.getRemovedAt());
+    clone.setRemovedAt(this.getRemovedAt());
+    clone.setMovedAt(this.getMovedAt());
     return clone;
   }
 }
@@ -12546,12 +12572,13 @@ class CRDTText extends CRDTElement {
    * `deepcopy` copies itself deeply.
    */
   deepcopy() {
-    const text = new CRDTText(
+    const clone = new CRDTText(
       this.rgaTreeSplit.deepcopy(),
       this.getCreatedAt()
     );
-    text.remove(this.getRemovedAt());
-    return text;
+    clone.setRemovedAt(this.getRemovedAt());
+    clone.setMovedAt(this.getMovedAt());
+    return clone;
   }
   /**
    * `findIndexesFromRange` returns pair of integer offsets of the given range.
@@ -12782,15 +12809,15 @@ class StyleOperation extends Operation {
 const ElementPaddingSize = 2;
 const DefaultRootType = "root";
 const DefaultTextType = "text";
-function addSizeOfLeftSiblings(parent, offset) {
+function addSizeOfLeftSiblings(parent, offset, includeRemoved = false) {
   let acc = 0;
-  const siblings = parent.children;
+  const siblings = includeRemoved ? parent.allChildren : parent.children;
   for (let i = 0; i < offset; i++) {
     const leftSibling = siblings[i];
-    if (!leftSibling || leftSibling.isRemoved) {
+    if (!leftSibling || !includeRemoved && leftSibling.isRemoved) {
       continue;
     }
-    acc += leftSibling.paddedSize;
+    acc += leftSibling.paddedSize(includeRemoved);
   }
   return acc;
 }
@@ -12799,44 +12826,55 @@ class IndexTreeNode {
     __publicField(this, "type");
     __publicField(this, "parent");
     __publicField(this, "_children");
-    __publicField(this, "size");
+    __publicField(this, "visibleSize");
+    __publicField(this, "totalSize");
     this.type = type;
-    this.size = 0;
+    this.visibleSize = 0;
+    this.totalSize = 0;
     this._children = children;
     if (this.isText && this._children.length > 0) {
       throw new YorkieError(Code.ErrRefused, "Text node cannot have children");
     }
   }
   /**
-   * `updateAncestorsSize` updates the size of the ancestors. It is used when
-   * the size of the node is changed.
+   * `updateAncestorsSize` updates the size of the ancestors.
+   * It is used when the size of the node is changed.
+   * If includeRemoved is true, it updates ancestors totalSize including removed nodes.
    */
-  updateAncestorsSize() {
+  updateAncestorsSize(delta, includeRemoved = false) {
     let parent = this.parent;
-    const sign = this.isRemoved ? -1 : 1;
     while (parent) {
-      parent.size += this.paddedSize * sign;
-      if (parent.isRemoved) {
-        break;
+      if (includeRemoved) {
+        parent.totalSize += delta;
+      } else {
+        parent.visibleSize += delta;
+        if (parent.isRemoved) {
+          break;
+        }
       }
       parent = parent.parent;
     }
   }
   /**
-   * `updateDescendantsSize` updates the size of the descendants. It is used when
+   * `UpdateDescendantsSize` updates the size of the descendants. It is used when
    * the tree is newly created and the size of the descendants is not calculated.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  updateDescendantsSize() {
+  updateDescendantsSize(includeRemoved = false) {
     let size = 0;
     for (const child of this._children) {
-      const childSize = child.updateDescendantsSize();
-      if (child.isRemoved) {
+      const childSize = child.updateDescendantsSize(includeRemoved);
+      if (!includeRemoved && child.isRemoved) {
         continue;
       }
       size += childSize;
     }
-    this.size += size;
-    return this.paddedSize;
+    if (includeRemoved) {
+      this.totalSize += size;
+    } else {
+      this.visibleSize += size;
+    }
+    return this.paddedSize(includeRemoved);
   }
   /**
    * `isText` returns true if the node is a text node.
@@ -12845,10 +12883,18 @@ class IndexTreeNode {
     return this.type === DefaultTextType;
   }
   /**
-   * `paddedSize` returns the size of the node including padding size.
+   * `paddedSize` returns the length of the node including padding.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  get paddedSize() {
-    return this.size + (this.isText ? 0 : ElementPaddingSize);
+  paddedSize(includeRemoved = false) {
+    let size = this.visibleSize;
+    if (includeRemoved) {
+      size = this.totalSize;
+    }
+    if (!this.isText) {
+      size += ElementPaddingSize;
+    }
+    return size;
   }
   /**
    * `isAncenstorOf` returns true if the node is an ancestor of the given node.
@@ -12883,7 +12929,7 @@ class IndexTreeNode {
    */
   splitText(offset, absOffset) {
     const diff = { data: 0, meta: 0 };
-    if (offset === 0 || offset === this.size) {
+    if (offset === 0 || offset === this.visibleSize) {
       return [void 0, diff];
     }
     const leftValue = this.value.slice(0, offset);
@@ -12941,7 +12987,8 @@ class IndexTreeNode {
     this._children.push(...newNode);
     for (const node of newNode) {
       node.parent = this;
-      node.updateAncestorsSize();
+      node.updateAncestorsSize(node.paddedSize());
+      node.updateAncestorsSize(node.paddedSize(true), true);
     }
   }
   /**
@@ -12969,7 +13016,8 @@ class IndexTreeNode {
       throw new YorkieError(Code.ErrInvalidArgument, "child not found");
     }
     this.insertAtInternal(newNode, offset);
-    newNode.updateAncestorsSize();
+    newNode.updateAncestorsSize(newNode.paddedSize());
+    newNode.updateAncestorsSize(newNode.paddedSize(true), true);
   }
   /**
    * `insertAfter` inserts the given node after the given child.
@@ -12983,7 +13031,8 @@ class IndexTreeNode {
       throw new YorkieError(Code.ErrInvalidArgument, "child not found");
     }
     this.insertAtInternal(newNode, offset + 1);
-    newNode.updateAncestorsSize();
+    newNode.updateAncestorsSize(newNode.paddedSize());
+    newNode.updateAncestorsSize(newNode.paddedSize(true), true);
   }
   /**
    * `insertAt` inserts the given node at the given offset.
@@ -12993,10 +13042,12 @@ class IndexTreeNode {
       throw new YorkieError(Code.ErrRefused, "Text node cannot have children");
     }
     this.insertAtInternal(newNode, offset);
-    newNode.updateAncestorsSize();
+    newNode.updateAncestorsSize(newNode.paddedSize());
+    newNode.updateAncestorsSize(newNode.paddedSize(true), true);
   }
   /**
    * `removeChild` removes the given child.
+   * In this method, the child is physically removed from the tree.
    */
   removeChild(child) {
     if (this.isText) {
@@ -13007,6 +13058,7 @@ class IndexTreeNode {
       throw new YorkieError(Code.ErrInvalidArgument, "child not found");
     }
     this._children.splice(offset, 1);
+    child.updateAncestorsSize(-child.paddedSize(true), true);
     child.parent = void 0;
   }
   /**
@@ -13017,17 +13069,26 @@ class IndexTreeNode {
     const prvSize = this.getDataSize();
     const clone = this.cloneElement(issueTimeTicket);
     this.parent.insertAfterInternal(clone, this);
-    clone.updateAncestorsSize();
+    clone.updateAncestorsSize(clone.paddedSize());
+    clone.updateAncestorsSize(clone.paddedSize(true), true);
     const leftChildren = this.children.slice(0, offset);
     const rightChildren = this.children.slice(offset);
     this._children = leftChildren;
     clone._children = rightChildren;
-    this.size = this._children.reduce(
-      (acc, child) => acc + child.paddedSize,
+    this.visibleSize = this._children.reduce(
+      (acc, child) => acc + child.paddedSize(),
+      0
+    );
+    this.totalSize = this._children.reduce(
+      (acc, child) => acc + child.paddedSize(true),
+      0
+    );
+    clone.visibleSize = clone._children.reduce(
+      (acc, child) => acc + child.paddedSize(true),
       0
     );
-    clone.size = clone._children.reduce(
-      (acc, child) => acc + child.paddedSize,
+    clone.totalSize = clone._children.reduce(
+      (acc, child) => acc + child.paddedSize(true),
       0
     );
     for (const child of clone._children) {
@@ -13064,12 +13125,15 @@ class IndexTreeNode {
   }
   /**
    * findOffset returns the offset of the given node in the children.
-   * It excludes the removed nodes.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  findOffset(node) {
+  findOffset(node, includeRemoved = false) {
     if (this.isText) {
       throw new YorkieError(Code.ErrRefused, "Text node cannot have children");
     }
+    if (includeRemoved) {
+      return this._children.indexOf(node);
+    }
     if (node.isRemoved) {
       const index = this._children.indexOf(node);
       const refined = this.allChildren.splice(0, index).filter((node2) => !node2.isRemoved).length;
@@ -13114,35 +13178,38 @@ var TokenType = /* @__PURE__ */ ((TokenType2) => {
   TokenType2["Text"] = "Text";
   return TokenType2;
 })(TokenType || {});
-function tokensBetween(root, from, to, callback) {
+function tokensBetween(root, from, to, callback, includeRemoved = false) {
   if (from > to) {
     throw new YorkieError(
       Code.ErrInvalidArgument,
       `from is greater than to: ${from} > ${to}`
     );
   }
-  if (from > root.size) {
+  const rootSize = includeRemoved ? root.totalSize : root.visibleSize;
+  if (from > rootSize) {
     throw new YorkieError(
       Code.ErrInvalidArgument,
-      `from is out of range: ${from} > ${root.size}`
+      `from is out of range: ${from} > ${rootSize}`
     );
   }
-  if (to > root.size) {
+  if (to > rootSize) {
     throw new YorkieError(
       Code.ErrInvalidArgument,
-      `to is out of range: ${to} > ${root.size}`
+      `to is out of range: ${to} > ${rootSize}`
     );
   }
   if (from === to) {
     return;
   }
   let pos = 0;
-  for (const child of root.children) {
-    if (from - child.paddedSize < pos && pos < to) {
+  const children = includeRemoved ? root._children : root.children;
+  for (const child of children) {
+    if (from - child.paddedSize(includeRemoved) < pos && pos < to) {
       const fromChild = child.isText ? from - pos : from - pos - 1;
       const toChild = child.isText ? to - pos : to - pos - 1;
+      const childSize = includeRemoved ? child.totalSize : child.visibleSize;
       const startContained = !child.isText && fromChild < 0;
-      const endContained = !child.isText && toChild > child.size;
+      const endContained = !child.isText && toChild > childSize;
       if (child.isText || startContained) {
         callback(
           [
@@ -13156,8 +13223,9 @@ function tokensBetween(root, from, to, callback) {
       tokensBetween(
         child,
         Math.max(0, fromChild),
-        Math.min(toChild, child.size),
-        callback
+        Math.min(toChild, childSize),
+        callback,
+        includeRemoved
       );
       if (endContained) {
         callback([
@@ -13167,7 +13235,7 @@ function tokensBetween(root, from, to, callback) {
         ], endContained);
       }
     }
-    pos += child.paddedSize;
+    pos += child.paddedSize(includeRemoved);
   }
 }
 function traverse(node, callback, depth = 0) {
@@ -13183,10 +13251,10 @@ function traverseAll(node, callback, depth = 0) {
   callback(node, depth);
 }
 function findTreePos(node, index, preferText = true) {
-  if (index > node.size) {
+  if (index > node.visibleSize) {
     throw new YorkieError(
       Code.ErrInvalidArgument,
-      `index is out of range: ${index} > ${node.size}`
+      `index is out of range: ${index} > ${node.visibleSize}`
     );
   }
   if (node.isText) {
@@ -13195,20 +13263,20 @@ function findTreePos(node, index, preferText = true) {
   let offset = 0;
   let pos = 0;
   for (const child of node.children) {
-    if (preferText && child.isText && child.size >= index - pos) {
+    if (preferText && child.isText && child.visibleSize >= index - pos) {
       return findTreePos(child, index - pos, preferText);
     }
     if (index === pos) {
       return { node, offset };
     }
-    if (!preferText && child.paddedSize === index - pos) {
+    if (!preferText && child.paddedSize() === index - pos) {
       return { node, offset: offset + 1 };
     }
-    if (child.paddedSize > index - pos) {
+    if (child.paddedSize() > index - pos) {
       const skipOpenSize = 1;
       return findTreePos(child, index - pos - skipOpenSize, preferText);
     }
-    pos += child.paddedSize;
+    pos += child.paddedSize();
     offset += 1;
   }
   return { node, offset };
@@ -13220,13 +13288,13 @@ function findLeftmost(node) {
   return findLeftmost(node.children[0]);
 }
 function findTextPos(node, pathElement) {
-  if (node.size < pathElement) {
+  if (node.visibleSize < pathElement) {
     throw new YorkieError(Code.ErrInvalidArgument, "unacceptable path");
   }
   for (let i = 0; i < node.children.length; i++) {
     const child = node.children[i];
-    if (child.size < pathElement) {
-      pathElement -= child.size;
+    if (child.visibleSize < pathElement) {
+      pathElement -= child.visibleSize;
     } else {
       node = child;
       break;
@@ -13241,9 +13309,10 @@ class IndexTree {
   }
   /**
    * `tokensBetween` returns the tokens between the given range.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  tokensBetween(from, to, callback) {
-    tokensBetween(this.root, from, to, callback);
+  tokensBetween(from, to, callback, includeRemoved = false) {
+    tokensBetween(this.root, from, to, callback, includeRemoved);
   }
   /**
    * `traverse` traverses the tree with postorder traversal.
@@ -13342,7 +13411,7 @@ class IndexTree {
    * `getSize` returns the size of the tree.
    */
   get size() {
-    return this.root.size;
+    return this.root.visibleSize;
   }
   /**
    * `findPostorderRight` finds right node of the given tree position with
@@ -13351,7 +13420,7 @@ class IndexTree {
   findPostorderRight(treePos) {
     const { node, offset } = treePos;
     if (node.isText) {
-      if (node.size === offset) {
+      if (node.visibleSize === offset) {
         const nextSibling = node.nextSibling;
         if (nextSibling) {
           return nextSibling;
@@ -13367,8 +13436,9 @@ class IndexTree {
   }
   /**
    * `indexOf` returns the index of the given tree position.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  indexOf(pos) {
+  indexOf(pos, includeRemoved = false) {
     let { node } = pos;
     const { offset } = pos;
     let size = 0;
@@ -13376,22 +13446,22 @@ class IndexTree {
     if (node.isText) {
       size += offset;
       const parent = node.parent;
-      const offsetOfNode = parent.findOffset(node);
+      const offsetOfNode = parent.findOffset(node, includeRemoved);
       if (offsetOfNode === -1) {
         throw new YorkieError(Code.ErrInvalidArgument, "invalid pos");
       }
-      size += addSizeOfLeftSiblings(parent, offsetOfNode);
+      size += addSizeOfLeftSiblings(parent, offsetOfNode, includeRemoved);
       node = node.parent;
     } else {
-      size += addSizeOfLeftSiblings(node, offset);
+      size += addSizeOfLeftSiblings(node, offset, includeRemoved);
     }
     while (node == null ? void 0 : node.parent) {
       const parent = node.parent;
-      const offsetOfNode = parent.findOffset(node);
+      const offsetOfNode = parent.findOffset(node, includeRemoved);
       if (offsetOfNode === -1) {
         throw new YorkieError(Code.ErrInvalidArgument, "invalid pos");
       }
-      size += addSizeOfLeftSiblings(parent, offsetOfNode);
+      size += addSizeOfLeftSiblings(parent, offsetOfNode, includeRemoved);
       depth++;
       node = node.parent;
     }
@@ -13948,7 +14018,8 @@ class CRDTTreeNode extends IndexTreeNode {
     const clone = new CRDTTreeNode(this.id, this.type);
     clone.removedAt = this.removedAt;
     clone._value = this._value;
-    clone.size = this.size;
+    clone.visibleSize = this.visibleSize;
+    clone.totalSize = this.totalSize;
     clone.attrs = (_a2 = this.attrs) == null ? void 0 : _a2.deepcopy();
     clone._children = this._children.map((child) => {
       const childClone = child.deepcopy();
@@ -13982,7 +14053,8 @@ class CRDTTreeNode extends IndexTreeNode {
       );
     }
     this._value = v;
-    this.size = v.length;
+    this.visibleSize = v.length;
+    this.totalSize = v.length;
   }
   /**
    * `isRemoved` returns whether the node is removed or not.
@@ -13994,13 +14066,15 @@ class CRDTTreeNode extends IndexTreeNode {
    * `remove` marks the node as removed.
    */
   remove(removedAt) {
-    const alived = !this.removedAt;
-    if (!this.removedAt || this.removedAt.compare(removedAt) > 0) {
+    if (!this.removedAt) {
       this.removedAt = removedAt;
+      this.updateAncestorsSize(-this.paddedSize());
+      return true;
     }
-    if (alived) {
-      this.updateAncestorsSize();
+    if (removedAt.after(this.removedAt)) {
+      this.removedAt = removedAt;
     }
+    return false;
   }
   /**
    * `cloneText` clones this text node with the given offset.
@@ -14058,9 +14132,17 @@ class CRDTTreeNode extends IndexTreeNode {
   /**
    * `canDelete` checks if node is able to delete.
    */
-  canDelete(editedAt, clientLamportAtChange) {
-    const nodeExisted = this.getCreatedAt().getLamport() <= clientLamportAtChange;
-    return nodeExisted && (!this.removedAt || editedAt.after(this.removedAt));
+  canDelete(editedAt, creationKnown, tombstoneKnown) {
+    if (!creationKnown) {
+      return false;
+    }
+    if (!this.removedAt) {
+      return true;
+    }
+    if (!tombstoneKnown && (editedAt == null ? void 0 : editedAt.after(this.removedAt))) {
+      return true;
+    }
+    return false;
   }
   /**
    * `canStyle` checks if node is able to style.
@@ -14099,7 +14181,7 @@ class CRDTTreeNode extends IndexTreeNode {
   getDataSize() {
     const dataSize = { data: 0, meta: 0 };
     if (this.isText) {
-      dataSize.data += this.size * 2;
+      dataSize.data += this.visibleSize * 2;
     }
     if (this.id) {
       dataSize.meta += TimeTicketSize;
@@ -14176,14 +14258,14 @@ function toTestTreeNode(node) {
     return {
       type: currentNode.type,
       value: currentNode.value,
-      size: currentNode.size,
+      visibleSize: currentNode.visibleSize,
       isRemoved: currentNode.isRemoved
     };
   }
   return {
     type: node.type,
     children: node.children.map(toTestTreeNode),
-    size: node.size,
+    visibleSize: node.visibleSize,
     isRemoved: node.isRemoved
   };
 }
@@ -14411,18 +14493,25 @@ class CRDTTree extends CRDTElement {
             toBeMovedToFromParents.push(child);
           }
         }
-        const actorID = node.getCreatedAt().getActorID();
-        let clientLamportAtChange = MaxLamport;
-        if (versionVector != void 0) {
-          clientLamportAtChange = versionVector.get(actorID) ? versionVector.get(actorID) : 0n;
+        const isLocal = versionVector === void 0;
+        let creationKnown = false;
+        const createdAtVV = versionVector == null ? void 0 : versionVector.get(
+          node.id.getCreatedAt().getActorID()
+        );
+        creationKnown = isLocal || createdAtVV !== void 0 && createdAtVV >= node.id.getCreatedAt().getLamport();
+        let tombstoneKnown = false;
+        if (node.removedAt) {
+          const removedAtVV = versionVector == null ? void 0 : versionVector.get(node.removedAt.getActorID());
+          tombstoneKnown = isLocal || removedAtVV !== void 0 && removedAtVV >= node.removedAt.getLamport();
         }
-        if (node.canDelete(editedAt, clientLamportAtChange) || nodesToBeRemoved.includes(node.parent)) {
+        if (node.canDelete(editedAt, creationKnown, tombstoneKnown) || nodesToBeRemoved.includes(node.parent)) {
           if (tokenType === TokenType.Text || tokenType === TokenType.Start) {
             nodesToBeRemoved.push(node);
           }
           tokensToBeRemoved.push([node, tokenType]);
         }
-      }
+      },
+      true
     );
     const changes = this.makeDeletionChanges(
       tokensToBeRemoved,
@@ -14508,7 +14597,7 @@ class CRDTTree extends CRDTElement {
   editT(range, contents, splitLevel, editedAt, issueTimeTicket) {
     const fromPos = this.findPos(range[0]);
     const toPos = this.findPos(range[1]);
-    this.edit(
+    return this.edit(
       [fromPos, toPos],
       contents,
       splitLevel,
@@ -14668,7 +14757,7 @@ class CRDTTree extends CRDTElement {
       const nodeInfo = {
         type: node.type,
         parent: parentNode == null ? void 0 : parentNode.id.toTestString(),
-        size: node.size,
+        size: node.visibleSize,
         id: node.id.toTestString(),
         removedAt: (_a2 = node.removedAt) == null ? void 0 : _a2.toTestString(),
         insPrev: (_b2 = node.insPrevID) == null ? void 0 : _b2.toTestString(),
@@ -14715,7 +14804,10 @@ class CRDTTree extends CRDTElement {
    */
   deepcopy() {
     const root = this.getRoot();
-    return new CRDTTree(root.deepcopy(), this.getCreatedAt());
+    const tree = new CRDTTree(root.deepcopy(), this.getCreatedAt());
+    tree.setRemovedAt(this.getRemovedAt());
+    tree.setMovedAt(this.getMovedAt());
+    return tree;
   }
   /**
    * `toPath` converts the given CRDTTreeNodeID to the path of the tree.
@@ -14729,13 +14821,14 @@ class CRDTTree extends CRDTElement {
   }
   /**
    * `toIndex` converts the given CRDTTreeNodeID to the index of the tree.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  toIndex(parentNode, leftNode) {
-    const treePos = this.toTreePos(parentNode, leftNode);
+  toIndex(parentNode, leftNode, includeRemoved = false) {
+    const treePos = this.toTreePos(parentNode, leftNode, includeRemoved);
     if (!treePos) {
       return -1;
     }
-    return this.indexTree.indexOf(treePos);
+    return this.indexTree.indexOf(treePos, includeRemoved);
   }
   /**
    * `indexToPath` converts the given tree index to path.
@@ -14788,26 +14881,28 @@ class CRDTTree extends CRDTElement {
   }
   /**
    * `traverseInPosRange` traverses the tree in the given position range.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  traverseInPosRange(fromParent, fromLeft, toParent, toLeft, callback) {
-    const fromIdx = this.toIndex(fromParent, fromLeft);
-    const toIdx = this.toIndex(toParent, toLeft);
-    return this.indexTree.tokensBetween(fromIdx, toIdx, callback);
+  traverseInPosRange(fromParent, fromLeft, toParent, toLeft, callback, includeRemoved = false) {
+    const fromIdx = this.toIndex(fromParent, fromLeft, includeRemoved);
+    const toIdx = this.toIndex(toParent, toLeft, includeRemoved);
+    this.indexTree.tokensBetween(fromIdx, toIdx, callback, includeRemoved);
   }
   /**
    * `toTreePos` converts the given nodes to the position of the IndexTree.
+   * If includeRemoved is true, it includes removed nodes in the calculation.
    */
-  toTreePos(parentNode, leftNode) {
+  toTreePos(parentNode, leftNode, includeRemoved = false) {
     if (!parentNode || !leftNode) {
       return;
     }
-    if (parentNode.isRemoved) {
+    if (!includeRemoved && parentNode.isRemoved) {
       let childNode;
       while (parentNode.isRemoved) {
         childNode = parentNode;
         parentNode = childNode.parent;
       }
-      const offset2 = parentNode.findOffset(childNode);
+      const offset2 = parentNode.findOffset(childNode, includeRemoved);
       return {
         node: parentNode,
         offset: offset2
@@ -14819,12 +14914,12 @@ class CRDTTree extends CRDTElement {
         offset: 0
       };
     }
-    let offset = parentNode.findOffset(leftNode);
-    if (!leftNode.isRemoved) {
+    let offset = parentNode.findOffset(leftNode, includeRemoved);
+    if (includeRemoved || !leftNode.isRemoved) {
       if (leftNode.isText) {
         return {
           node: leftNode,
-          offset: leftNode.paddedSize
+          offset: leftNode.paddedSize(includeRemoved)
         };
       }
       offset++;
@@ -15967,13 +16062,16 @@ class RGATreeSplitNode extends SplayNode {
   /**
    * `canDelete` checks if node is able to delete.
    */
-  canRemove(creationKnown) {
+  canRemove(editedAt, creationKnown, tombstoneKnown) {
     if (!creationKnown) {
       return false;
     }
     if (!this.removedAt) {
       return true;
     }
+    if (!tombstoneKnown && (editedAt == null ? void 0 : editedAt.after(this.removedAt))) {
+      return true;
+    }
     return false;
   }
   /**
@@ -15992,12 +16090,12 @@ class RGATreeSplitNode extends SplayNode {
   /**
    * `remove` removes the node of the given edited time.
    */
-  remove(removedAt, tombstoneKnown) {
+  remove(removedAt) {
     if (!this.removedAt) {
       this.removedAt = removedAt;
       return;
     }
-    if (!tombstoneKnown && removedAt.after(this.removedAt)) {
+    if (removedAt.after(this.removedAt)) {
       this.removedAt = removedAt;
     }
   }
@@ -16334,13 +16432,31 @@ class RGATreeSplit {
     if (!candidates.length) {
       return [[], /* @__PURE__ */ new Map()];
     }
-    const isLocal = vector === void 0;
+    const isLocal = vector === void 0 || vector.size() === 0;
     const nodesToRemove = [];
     const nodesToKeep = [];
     const [leftEdge, rightEdge] = this.findEdgesOfCandidates(candidates);
     nodesToKeep.push(leftEdge);
     for (const node of candidates) {
-      if (node.canRemove(isLocal || vector.afterOrEqual(node.getCreatedAt()))) {
+      let creationKnown = false;
+      if (isLocal) {
+        creationKnown = true;
+      } else {
+        const createdAtVV = vector == null ? void 0 : vector.get(node.getCreatedAt().getActorID());
+        if (createdAtVV && createdAtVV >= node.getCreatedAt().getLamport()) {
+          creationKnown = true;
+        }
+      }
+      let tombstoneKnown = false;
+      if (node.getRemovedAt()) {
+        const removedAtVV = vector == null ? void 0 : vector.get(node.getRemovedAt().getActorID());
+        if (isLocal) {
+          tombstoneKnown = true;
+        } else if (removedAtVV && removedAtVV >= node.getRemovedAt().getLamport()) {
+          tombstoneKnown = true;
+        }
+      }
+      if (node.canRemove(editedAt, creationKnown, tombstoneKnown)) {
         nodesToRemove.push(node);
       } else {
         nodesToKeep.push(node);
@@ -16351,10 +16467,7 @@ class RGATreeSplit {
     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()))
-      );
+      node.remove(editedAt);
     }
     this.deleteIndexNodes(nodesToKeep);
     return [changes, removedNodes];
@@ -16536,13 +16649,14 @@ class CRDTCounter extends CRDTElement {
    * `deepcopy` copies itself deeply.
    */
   deepcopy() {
-    const counter = CRDTCounter.create(
+    const clone = CRDTCounter.create(
       this.valueType,
       this.value,
       this.getCreatedAt()
     );
-    counter.setMovedAt(this.getMovedAt());
-    return counter;
+    clone.setRemovedAt(this.getRemovedAt());
+    clone.setMovedAt(this.getMovedAt());
+    return clone;
   }
   /**
    * `getType` returns the type of the value.
@@ -17719,6 +17833,7 @@ function fromTreeNodes(pbTreeNodes) {
     depthTable.set(pbTreeNodes[i].depth, nodes[i]);
   }
   root.updateDescendantsSize();
+  root.updateDescendantsSize(true);
   return CRDTTree.create(root, InitialTimeTicket).getRoot();
 }
 function fromRHT(pbRHT) {
@@ -18206,108 +18321,6 @@ function uuid() {
     return v.toString(16);
   });
 }
-class Attachment {
-  constructor(reconnectStreamDelay, resource, resourceID, syncMode, unsubscribeBroadcastEvent) {
-    __publicField(this, "resource");
-    __publicField(this, "resourceID");
-    __publicField(this, "syncMode");
-    __publicField(this, "changeEventReceived");
-    __publicField(this, "lastHeartbeatTime");
-    __publicField(this, "reconnectStreamDelay");
-    __publicField(this, "cancelled");
-    __publicField(this, "watchStream");
-    __publicField(this, "watchLoopTimerID");
-    __publicField(this, "watchAbortController");
-    __publicField(this, "unsubscribeBroadcastEvent");
-    this.reconnectStreamDelay = reconnectStreamDelay;
-    this.resource = resource;
-    this.resourceID = resourceID;
-    this.syncMode = syncMode;
-    this.changeEventReceived = syncMode !== void 0 ? false : void 0;
-    this.lastHeartbeatTime = Date.now();
-    this.cancelled = false;
-    this.unsubscribeBroadcastEvent = unsubscribeBroadcastEvent;
-  }
-  /**
-   * `changeSyncMode` changes the sync mode of the document.
-   */
-  changeSyncMode(syncMode) {
-    this.syncMode = syncMode;
-  }
-  /**
-   * `needRealtimeSync` returns whether the resource needs to be synced in real time.
-   * Only applicable to Document resources with syncMode defined.
-   */
-  needRealtimeSync() {
-    if (this.syncMode === void 0) {
-      return false;
-    }
-    if (this.syncMode === SyncMode.RealtimeSyncOff) {
-      return false;
-    }
-    if (this.syncMode === SyncMode.RealtimePushOnly) {
-      return this.resource.hasLocalChanges();
-    }
-    return this.syncMode !== SyncMode.Manual && (this.resource.hasLocalChanges() || (this.changeEventReceived ?? false));
-  }
-  /**
-   * `needSync` determines if the attachment needs sync.
-   * This includes both document sync and presence heartbeat.
-   */
-  needSync(heartbeatInterval) {
-    if (this.syncMode !== void 0) {
-      return this.needRealtimeSync();
-    }
-    return Date.now() - this.lastHeartbeatTime >= heartbeatInterval;
-  }
-  /**
-   * `updateHeartbeatTime` updates the last heartbeat time.
-   */
-  updateHeartbeatTime() {
-    this.lastHeartbeatTime = Date.now();
-  }
-  /**
-   * `runWatchLoop` runs the watch loop.
-   */
-  async runWatchLoop(watchStreamCreator) {
-    const doLoop = async () => {
-      if (this.watchStream) {
-        return Promise.resolve();
-      }
-      if (this.watchLoopTimerID) {
-        clearTimeout(this.watchLoopTimerID);
-        this.watchLoopTimerID = void 0;
-      }
-      try {
-        [this.watchStream, this.watchAbortController] = await watchStreamCreator(() => {
-          this.watchStream = void 0;
-          this.watchAbortController = void 0;
-          if (!this.cancelled) {
-            this.watchLoopTimerID = setTimeout(
-              doLoop,
-              this.reconnectStreamDelay
-            );
-          }
-        });
-      } catch {
-      }
-    };
-    await doLoop();
-  }
-  /**
-   * `cancelWatchStream` cancels the watch stream.
-   */
-  cancelWatchStream() {
-    this.cancelled = true;
-    if (this.watchStream && this.watchAbortController) {
-      this.watchAbortController.abort();
-      this.watchStream = void 0;
-      this.watchAbortController = void 0;
-    }
-    clearTimeout(this.watchLoopTimerID);
-    this.watchLoopTimerID = void 0;
-  }
-}
 const Noop = () => {
 };
 class ObserverProxy {
@@ -20640,6 +20653,18 @@ class CRDTRoot {
   acc(diff) {
     addDataSizes(this.docSize.live, diff);
   }
+  /**
+   * `getGCElementPairs` returns an iterator for all GC element pairs.
+   * This is similar to Go's GCElementPairMap() functionality.
+   */
+  *getGCElementPairs() {
+    for (const createdAt of this.gcElementSetByCreatedAt) {
+      const pair = this.elementPairMapByCreatedAt.get(createdAt);
+      if (pair) {
+        yield pair;
+      }
+    }
+  }
 }
 class DocPresence {
   constructor(changeContext, presence) {
@@ -21594,6 +21619,13 @@ class Document {
   getGarbageLen() {
     return this.root.getGarbageLen();
   }
+  /**
+   * `getRootCRDT` returns the CRDTRoot for testing purposes.
+   * This method is intended for internal testing only.
+   */
+  getRootCRDT() {
+    return this.root;
+  }
   /**
    * `getGarbageLenFromClone` returns the length of elements should be purged from clone.
    */
@@ -22167,6 +22199,108 @@ class Document {
     this.publish(events);
   }
 }
+class Attachment {
+  constructor(reconnectStreamDelay, resource, resourceID, syncMode, unsubscribeBroadcastEvent) {
+    __publicField(this, "resource");
+    __publicField(this, "resourceID");
+    __publicField(this, "syncMode");
+    __publicField(this, "changeEventReceived");
+    __publicField(this, "lastHeartbeatTime");
+    __publicField(this, "reconnectStreamDelay");
+    __publicField(this, "cancelled");
+    __publicField(this, "watchStream");
+    __publicField(this, "watchLoopTimerID");
+    __publicField(this, "watchAbortController");
+    __publicField(this, "unsubscribeBroadcastEvent");
+    this.reconnectStreamDelay = reconnectStreamDelay;
+    this.resource = resource;
+    this.resourceID = resourceID;
+    this.syncMode = syncMode;
+    this.changeEventReceived = syncMode !== void 0 ? false : void 0;
+    this.lastHeartbeatTime = Date.now();
+    this.cancelled = false;
+    this.unsubscribeBroadcastEvent = unsubscribeBroadcastEvent;
+  }
+  /**
+   * `changeSyncMode` changes the sync mode of the document.
+   */
+  changeSyncMode(syncMode) {
+    this.syncMode = syncMode;
+  }
+  /**
+   * `needRealtimeSync` returns whether the resource needs to be synced in real time.
+   * Only applicable to Document resources with syncMode defined.
+   */
+  needRealtimeSync() {
+    if (this.syncMode === SyncMode.RealtimeSyncOff) {
+      return false;
+    }
+    if (this.syncMode === SyncMode.RealtimePushOnly) {
+      return this.resource.hasLocalChanges();
+    }
+    return this.syncMode !== SyncMode.Manual && (this.resource.hasLocalChanges() || (this.changeEventReceived ?? false));
+  }
+  /**
+   * `needSync` determines if the attachment needs sync.
+   * This includes both document sync and presence heartbeat.
+   */
+  needSync(heartbeatInterval) {
+    if (this.resource instanceof Document) {
+      return this.needRealtimeSync();
+    }
+    if (this.syncMode === SyncMode.Manual) {
+      return false;
+    }
+    return Date.now() - this.lastHeartbeatTime >= heartbeatInterval;
+  }
+  /**
+   * `updateHeartbeatTime` updates the last heartbeat time.
+   */
+  updateHeartbeatTime() {
+    this.lastHeartbeatTime = Date.now();
+  }
+  /**
+   * `runWatchLoop` runs the watch loop.
+   */
+  async runWatchLoop(watchStreamCreator) {
+    const doLoop = async () => {
+      if (this.watchStream) {
+        return Promise.resolve();
+      }
+      if (this.watchLoopTimerID) {
+        clearTimeout(this.watchLoopTimerID);
+        this.watchLoopTimerID = void 0;
+      }
+      try {
+        [this.watchStream, this.watchAbortController] = await watchStreamCreator(() => {
+          this.watchStream = void 0;
+          this.watchAbortController = void 0;
+          if (!this.cancelled) {
+            this.watchLoopTimerID = setTimeout(
+              doLoop,
+              this.reconnectStreamDelay
+            );
+          }
+        });
+      } catch {
+      }
+    };
+    await doLoop();
+  }
+  /**
+   * `cancelWatchStream` cancels the watch stream.
+   */
+  cancelWatchStream() {
+    this.cancelled = true;
+    if (this.watchStream && this.watchAbortController) {
+      this.watchAbortController.abort();
+      this.watchStream = void 0;
+      this.watchAbortController = void 0;
+    }
+    clearTimeout(this.watchLoopTimerID);
+    this.watchLoopTimerID = void 0;
+  }
+}
 function createAuthInterceptor(apiKey, token) {
   let currentToken = token;
   const setToken = (token2) => {
@@ -22187,7 +22321,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.6.34";
+const version$1 = "0.6.35";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -22509,7 +22643,7 @@ class Client {
    */
   attach(resource, opts) {
     if (resource instanceof Presence) {
-      return this.attachPresence(resource);
+      return this.attachPresence(resource, opts);
     } else {
       return this.attachDocument(resource, opts);
     }
@@ -22674,7 +22808,7 @@ class Client {
    * `attach` attaches the given presence counter to this client.
    * It tells the server that this client will track the presence count.
    */
-  async attachPresence(presence) {
+  async attachPresence(presence, opts = {}) {
     if (!this.isActive()) {
       throw new YorkieError(
         Code.ErrClientNotActivated,
@@ -22700,15 +22834,19 @@ class Client {
         presence.setPresenceID(res.presenceId);
         presence.updateCount(Number(res.count), 0);
         presence.applyStatus(PresenceStatus.Attached);
+        const syncMode = opts.isRealtime !== false ? "realtime" : "manual";
         const attachment = new Attachment(
           this.reconnectStreamDelay,
           presence,
-          res.presenceId
+          res.presenceId,
+          syncMode
         );
         this.attachmentMap.set(presence.getKey(), attachment);
-        await this.runWatchLoop(presence.getKey());
+        if (syncMode === "realtime") {
+          await this.runWatchLoop(presence.getKey());
+        }
         logger.info(
-          `[AP] c:"${this.getKey()}" attaches p:"${presence.getKey()}" count:${presence.getCount()}`
+          `[AP] c:"${this.getKey()}" attaches p:"${presence.getKey()}" mode:${syncMode} count:${presence.getCount()}`
         );
         return presence;
       } catch (err) {
@@ -22796,23 +22934,39 @@ class Client {
     return doc;
   }
   /**
-   * `sync` pushes local changes of the attached documents to the server and
-   * receives changes of the remote replica from the server then apply them to
-   * local documents.
+   * `sync` implementation that handles both Document and Presence.
    */
-  sync(doc) {
+  sync(resource) {
     if (!this.isActive()) {
       throw new YorkieError(
         Code.ErrClientNotActivated,
         `${this.key} is not active`
       );
     }
-    if (doc) {
-      const attachment = this.attachmentMap.get(doc.getKey());
+    if (resource instanceof Presence) {
+      const attachment = this.attachmentMap.get(
+        resource.getKey()
+      );
+      if (!attachment) {
+        throw new YorkieError(
+          Code.ErrDocumentNotAttached,
+          `${resource.getKey()} is not attached`
+        );
+      }
+      return this.enqueueTask(async () => {
+        return this.syncInternal(attachment).catch(async (err) => {
+          logger.error(`[SY] c:"${this.getKey()}" err :`, err);
+          await this.handleConnectError(err);
+          throw err;
+        });
+      });
+    }
+    if (resource instanceof Document) {
+      const attachment = this.attachmentMap.get(resource.getKey());
       if (!attachment) {
         throw new YorkieError(
           Code.ErrDocumentNotAttached,
-          `${doc.getKey()} is not attached`
+          `${resource.getKey()} is not attached`
         );
       }
       return this.enqueueTask(async () => {
@@ -23334,7 +23488,7 @@ class Client {
     const { resource } = attachment;
     if (resource instanceof Presence) {
       try {
-        await this.rpcClient.refreshPresence(
+        const res = await this.rpcClient.refreshPresence(
           {
             clientId: this.id,
             presenceId: resource.getPresenceID(),
@@ -23346,9 +23500,10 @@ class Client {
             }
           }
         );
+        resource.updateCount(Number(res.count), 0);
         attachment.updateHeartbeatTime();
         logger.debug(
-          `[RP] c:"${this.getKey()}" refreshes p:"${resource.getKey()}"`
+          `[RP] c:"${this.getKey()}" refreshes p:"${resource.getKey()}" mode:${attachment.syncMode}`
         );
       } catch (err) {
         logger.error(`[RP] c:"${this.getKey()}" err :`, err);
@@ -23482,7 +23637,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.6.34";
+const version = "0.6.35";
 const pkg = {
   name,
   version