@yorkie-js/react 0.6.34 → 0.6.35

package/dist/yorkie-js-react.js

@@ -7846,6 +7846,95 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     { 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();
@@ -8085,6 +8174,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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) {
@@ -8102,7 +8195,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   __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) {
@@ -8223,95 +8324,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   ]));
   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: {
@@ -8378,6 +8390,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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
        */
@@ -8413,15 +8434,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         I: WatchPresenceRequest,
         O: WatchPresenceResponse,
         kind: MethodKind.ServerStreaming
-      },
-      /**
-       * @generated from rpc yorkie.v1.YorkieService.Broadcast
-       */
-      broadcast: {
-        name: "Broadcast",
-        I: BroadcastRequest,
-        O: BroadcastResponse,
-        kind: MethodKind.Unary
       }
     }
   };
@@ -9130,9 +9142,30 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       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;
       }
     }
@@ -9266,12 +9299,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     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()}`);
       }
@@ -9288,14 +9321,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     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;
     }
     /**
@@ -9316,14 +9344,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `[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()];
       }
     }
   }
@@ -11539,7 +11564,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           node.getValue().deepcopy()
         );
       }
-      clone.remove(this.getRemovedAt());
+      clone.setRemovedAt(this.getRemovedAt());
+      clone.setMovedAt(this.getMovedAt());
       return clone;
     }
   }
@@ -12548,12 +12574,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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.
@@ -12784,15 +12811,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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;
   }
@@ -12801,44 +12828,55 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __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.
@@ -12847,10 +12885,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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.
@@ -12885,7 +12931,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     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);
@@ -12943,7 +12989,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this._children.push(...newNode);
       for (const node of newNode) {
         node.parent = this;
-        node.updateAncestorsSize();
+        node.updateAncestorsSize(node.paddedSize());
+        node.updateAncestorsSize(node.paddedSize(true), true);
       }
     }
     /**
@@ -12971,7 +13018,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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.
@@ -12985,7 +13033,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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.
@@ -12995,10 +13044,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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) {
@@ -13009,6 +13060,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         throw new YorkieError(Code.ErrInvalidArgument, "child not found");
       }
       this._children.splice(offset, 1);
+      child.updateAncestorsSize(-child.paddedSize(true), true);
       child.parent = void 0;
     }
     /**
@@ -13019,17 +13071,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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) {
@@ -13066,12 +13127,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * 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;
@@ -13116,35 +13180,38 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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(
             [
@@ -13158,8 +13225,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         tokensBetween(
           child,
           Math.max(0, fromChild),
-          Math.min(toChild, child.size),
-          callback
+          Math.min(toChild, childSize),
+          callback,
+          includeRemoved
         );
         if (endContained) {
           callback([
@@ -13169,7 +13237,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ], endContained);
         }
       }
-      pos += child.paddedSize;
+      pos += child.paddedSize(includeRemoved);
     }
   }
   function traverse(node, callback, depth = 0) {
@@ -13185,10 +13253,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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) {
@@ -13197,20 +13265,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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 };
@@ -13222,13 +13290,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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;
@@ -13243,9 +13311,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `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.
@@ -13344,7 +13413,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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
@@ -13353,7 +13422,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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;
@@ -13369,8 +13438,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `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;
@@ -13378,22 +13448,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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;
       }
@@ -13950,7 +14020,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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();
@@ -13984,7 +14055,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
       this._value = v;
-      this.size = v.length;
+      this.visibleSize = v.length;
+      this.totalSize = v.length;
     }
     /**
      * `isRemoved` returns whether the node is removed or not.
@@ -13996,13 +14068,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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.
@@ -14060,9 +14134,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `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.
@@ -14101,7 +14183,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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;
@@ -14178,14 +14260,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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
     };
   }
@@ -14413,18 +14495,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               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,
@@ -14510,7 +14599,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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,
@@ -14670,7 +14759,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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(),
@@ -14717,7 +14806,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     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.
@@ -14731,13 +14823,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `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.
@@ -14790,26 +14883,28 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `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
@@ -14821,12 +14916,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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++;
@@ -15969,13 +16064,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `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;
     }
     /**
@@ -15994,12 +16092,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `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;
       }
     }
@@ -16336,13 +16434,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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);
@@ -16353,10 +16469,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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];
@@ -16538,13 +16651,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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.
@@ -17721,6 +17835,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       depthTable.set(pbTreeNodes[i].depth, nodes[i]);
     }
     root.updateDescendantsSize();
+    root.updateDescendantsSize(true);
     return CRDTTree.create(root, InitialTimeTicket).getRoot();
   }
   function fromRHT(pbRHT) {
@@ -18208,108 +18323,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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 {
@@ -20642,6 +20655,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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) {
@@ -21596,6 +21621,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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.
      */
@@ -22169,6 +22201,108 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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) => {
@@ -22189,7 +22323,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   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
@@ -22511,7 +22645,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     attach(resource, opts) {
       if (resource instanceof Presence) {
-        return this.attachPresence(resource);
+        return this.attachPresence(resource, opts);
       } else {
         return this.attachDocument(resource, opts);
       }
@@ -22676,7 +22810,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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,
@@ -22702,15 +22836,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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) {
@@ -22798,23 +22936,39 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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 () => {
@@ -23336,7 +23490,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const { resource } = attachment;
       if (resource instanceof Presence) {
         try {
-          await this.rpcClient.refreshPresence(
+          const res = await this.rpcClient.refreshPresence(
             {
               clientId: this.id,
               presenceId: resource.getPresenceID(),
@@ -23348,9 +23502,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }
             }
           );
+          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);
@@ -23484,7 +23639,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name = "@yorkie-js/react";
-  const version = "0.6.34";
+  const version = "0.6.35";
   const pkg = {
     name,
     version