@yorkie-js/react 0.6.11-rc → 0.6.13

package/dist/yorkie-js-react.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const name$1 = "@yorkie-js/react";
-  const version$1 = "0.6.11-rc";
+  const version$1 = "0.6.13";
   const pkg$1 = {
     name: name$1,
     version: version$1
@@ -6092,15 +6092,39 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        */
       __publicField(this, "authWebhookMethods", []);
       /**
-       * @generated from field: string client_deactivate_threshold = 7;
+       * @generated from field: string event_webhook_url = 7;
+       */
+      __publicField(this, "eventWebhookUrl", "");
+      /**
+       * @generated from field: repeated string event_webhook_events = 8;
+       */
+      __publicField(this, "eventWebhookEvents", []);
+      /**
+       * @generated from field: string client_deactivate_threshold = 9;
        */
       __publicField(this, "clientDeactivateThreshold", "");
       /**
-       * @generated from field: google.protobuf.Timestamp created_at = 8;
+       * @generated from field: int32 max_subscribers_per_document = 10;
+       */
+      __publicField(this, "maxSubscribersPerDocument", 0);
+      /**
+       * @generated from field: int32 max_attachments_per_document = 11;
+       */
+      __publicField(this, "maxAttachmentsPerDocument", 0);
+      /**
+       * @generated from field: int32 max_size_per_document = 15;
+       */
+      __publicField(this, "maxSizePerDocument", 0);
+      /**
+       * @generated from field: repeated string allowed_origins = 14;
+       */
+      __publicField(this, "allowedOrigins", []);
+      /**
+       * @generated from field: google.protobuf.Timestamp created_at = 12;
        */
       __publicField(this, "createdAt");
       /**
-       * @generated from field: google.protobuf.Timestamp updated_at = 9;
+       * @generated from field: google.protobuf.Timestamp updated_at = 13;
        */
       __publicField(this, "updatedAt");
       proto3.util.initPartial(data, this);
@@ -6159,13 +6183,43 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     { no: 6, name: "auth_webhook_methods", kind: "scalar", T: 9, repeated: true },
     {
       no: 7,
+      name: "event_webhook_url",
+      kind: "scalar",
+      T: 9
+      /* ScalarType.STRING */
+    },
+    { no: 8, name: "event_webhook_events", kind: "scalar", T: 9, repeated: true },
+    {
+      no: 9,
       name: "client_deactivate_threshold",
       kind: "scalar",
       T: 9
       /* ScalarType.STRING */
     },
-    { no: 8, name: "created_at", kind: "message", T: Timestamp },
-    { no: 9, name: "updated_at", kind: "message", T: Timestamp }
+    {
+      no: 10,
+      name: "max_subscribers_per_document",
+      kind: "scalar",
+      T: 5
+      /* ScalarType.INT32 */
+    },
+    {
+      no: 11,
+      name: "max_attachments_per_document",
+      kind: "scalar",
+      T: 5
+      /* ScalarType.INT32 */
+    },
+    {
+      no: 15,
+      name: "max_size_per_document",
+      kind: "scalar",
+      T: 5
+      /* ScalarType.INT32 */
+    },
+    { no: 14, name: "allowed_origins", kind: "scalar", T: 9, repeated: true },
+    { no: 12, name: "created_at", kind: "message", T: Timestamp },
+    { no: 13, name: "updated_at", kind: "message", T: Timestamp }
   ]));
   let Project = _Project;
   const _UpdatableProjectFields = class _UpdatableProjectFields extends Message {
@@ -6184,9 +6238,33 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        */
       __publicField(this, "authWebhookMethods");
       /**
-       * @generated from field: google.protobuf.StringValue client_deactivate_threshold = 4;
+       * @generated from field: google.protobuf.StringValue event_webhook_url = 4;
+       */
+      __publicField(this, "eventWebhookUrl");
+      /**
+       * @generated from field: yorkie.v1.UpdatableProjectFields.EventWebhookEvents event_webhook_events = 5;
+       */
+      __publicField(this, "eventWebhookEvents");
+      /**
+       * @generated from field: google.protobuf.StringValue client_deactivate_threshold = 6;
        */
       __publicField(this, "clientDeactivateThreshold");
+      /**
+       * @generated from field: google.protobuf.Int32Value max_subscribers_per_document = 7;
+       */
+      __publicField(this, "maxSubscribersPerDocument");
+      /**
+       * @generated from field: google.protobuf.Int32Value max_attachments_per_document = 8;
+       */
+      __publicField(this, "maxAttachmentsPerDocument");
+      /**
+       * @generated from field: google.protobuf.Int32Value max_size_per_document = 10;
+       */
+      __publicField(this, "maxSizePerDocument");
+      /**
+       * @generated from field: yorkie.v1.UpdatableProjectFields.AllowedOrigins allowed_origins = 9;
+       */
+      __publicField(this, "allowedOrigins");
       proto3.util.initPartial(data, this);
     }
     static fromBinary(bytes, options) {
@@ -6208,7 +6286,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     { no: 1, name: "name", kind: "message", T: StringValue },
     { no: 2, name: "auth_webhook_url", kind: "message", T: StringValue },
     { no: 3, name: "auth_webhook_methods", kind: "message", T: UpdatableProjectFields_AuthWebhookMethods },
-    { no: 4, name: "client_deactivate_threshold", kind: "message", T: StringValue }
+    { no: 4, name: "event_webhook_url", kind: "message", T: StringValue },
+    { no: 5, name: "event_webhook_events", kind: "message", T: UpdatableProjectFields_EventWebhookEvents },
+    { no: 6, name: "client_deactivate_threshold", kind: "message", T: StringValue },
+    { no: 7, name: "max_subscribers_per_document", kind: "message", T: Int32Value },
+    { no: 8, name: "max_attachments_per_document", kind: "message", T: Int32Value },
+    { no: 10, name: "max_size_per_document", kind: "message", T: Int32Value },
+    { no: 9, name: "allowed_origins", kind: "message", T: UpdatableProjectFields_AllowedOrigins }
   ]));
   let UpdatableProjectFields = _UpdatableProjectFields;
   const _UpdatableProjectFields_AuthWebhookMethods = class _UpdatableProjectFields_AuthWebhookMethods extends Message {
@@ -6239,6 +6323,62 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     { no: 1, name: "methods", kind: "scalar", T: 9, repeated: true }
   ]));
   let UpdatableProjectFields_AuthWebhookMethods = _UpdatableProjectFields_AuthWebhookMethods;
+  const _UpdatableProjectFields_EventWebhookEvents = class _UpdatableProjectFields_EventWebhookEvents extends Message {
+    constructor(data) {
+      super();
+      /**
+       * @generated from field: repeated string events = 1;
+       */
+      __publicField(this, "events", []);
+      proto3.util.initPartial(data, this);
+    }
+    static fromBinary(bytes, options) {
+      return new _UpdatableProjectFields_EventWebhookEvents().fromBinary(bytes, options);
+    }
+    static fromJson(jsonValue, options) {
+      return new _UpdatableProjectFields_EventWebhookEvents().fromJson(jsonValue, options);
+    }
+    static fromJsonString(jsonString, options) {
+      return new _UpdatableProjectFields_EventWebhookEvents().fromJsonString(jsonString, options);
+    }
+    static equals(a, b) {
+      return proto3.util.equals(_UpdatableProjectFields_EventWebhookEvents, a, b);
+    }
+  };
+  __publicField(_UpdatableProjectFields_EventWebhookEvents, "runtime", proto3);
+  __publicField(_UpdatableProjectFields_EventWebhookEvents, "typeName", "yorkie.v1.UpdatableProjectFields.EventWebhookEvents");
+  __publicField(_UpdatableProjectFields_EventWebhookEvents, "fields", proto3.util.newFieldList(() => [
+    { no: 1, name: "events", kind: "scalar", T: 9, repeated: true }
+  ]));
+  let UpdatableProjectFields_EventWebhookEvents = _UpdatableProjectFields_EventWebhookEvents;
+  const _UpdatableProjectFields_AllowedOrigins = class _UpdatableProjectFields_AllowedOrigins extends Message {
+    constructor(data) {
+      super();
+      /**
+       * @generated from field: repeated string origins = 1;
+       */
+      __publicField(this, "origins", []);
+      proto3.util.initPartial(data, this);
+    }
+    static fromBinary(bytes, options) {
+      return new _UpdatableProjectFields_AllowedOrigins().fromBinary(bytes, options);
+    }
+    static fromJson(jsonValue, options) {
+      return new _UpdatableProjectFields_AllowedOrigins().fromJson(jsonValue, options);
+    }
+    static fromJsonString(jsonString, options) {
+      return new _UpdatableProjectFields_AllowedOrigins().fromJsonString(jsonString, options);
+    }
+    static equals(a, b) {
+      return proto3.util.equals(_UpdatableProjectFields_AllowedOrigins, a, b);
+    }
+  };
+  __publicField(_UpdatableProjectFields_AllowedOrigins, "runtime", proto3);
+  __publicField(_UpdatableProjectFields_AllowedOrigins, "typeName", "yorkie.v1.UpdatableProjectFields.AllowedOrigins");
+  __publicField(_UpdatableProjectFields_AllowedOrigins, "fields", proto3.util.newFieldList(() => [
+    { no: 1, name: "origins", kind: "scalar", T: 9, repeated: true }
+  ]));
+  let UpdatableProjectFields_AllowedOrigins = _UpdatableProjectFields_AllowedOrigins;
   const _DocumentSummary = class _DocumentSummary extends Message {
     constructor(data) {
       super();
@@ -6795,6 +6935,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * @generated from field: string document_id = 1;
        */
       __publicField(this, "documentId", "");
+      /**
+       * @generated from field: int32 max_size_per_document = 3;
+       */
+      __publicField(this, "maxSizePerDocument", 0);
       /**
        * @generated from field: yorkie.v1.ChangePack change_pack = 2;
        */
@@ -6824,6 +6968,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       T: 9
       /* ScalarType.STRING */
     },
+    {
+      no: 3,
+      name: "max_size_per_document",
+      kind: "scalar",
+      T: 5
+      /* ScalarType.INT32 */
+    },
     { no: 2, name: "change_pack", kind: "message", T: ChangePack$1 }
   ]));
   let AttachDocumentResponse = _AttachDocumentResponse;
@@ -7594,6 +7745,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Code2["ErrDocumentNotAttached"] = "ErrDocumentNotAttached";
     Code2["ErrDocumentNotDetached"] = "ErrDocumentNotDetached";
     Code2["ErrDocumentRemoved"] = "ErrDocumentRemoved";
+    Code2["ErrDocumentSizeExceedsLimit"] = "ErrDocumentSizeExceedsLimit";
     Code2["ErrInvalidObjectKey"] = "ErrInvalidObjectKey";
     Code2["ErrInvalidArgument"] = "ErrInvalidArgument";
     Code2["ErrNotInitialized"] = "ErrNotInitialized";
@@ -7616,76 +7768,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.toString = () => `[code=${this.code}]: ${this.message}`;
     }
   }
-  function deepcopy(object) {
-    if (object instanceof Map) {
-      const pairs = Array.from(object);
-      return new Map(JSON.parse(JSON.stringify(pairs)));
-    }
-    return JSON.parse(JSON.stringify(object));
-  }
-  const isEmpty = (object) => {
-    if (!object) {
-      return true;
-    }
-    return Object.entries(object).length === 0;
-  };
-  const stringifyObjectValues = (attributes) => {
-    const attrs = {};
-    for (const [key, value] of Object.entries(attributes)) {
-      attrs[key] = JSON.stringify(value);
-    }
-    return attrs;
-  };
-  const parseObjectValues = (attrs) => {
-    const attributes = {};
-    for (const [key, value] of Object.entries(attrs)) {
-      attributes[key] = JSON.parse(value);
-    }
-    return attributes;
-  };
   var PresenceChangeType = /* @__PURE__ */ ((PresenceChangeType2) => {
     PresenceChangeType2["Put"] = "put";
     PresenceChangeType2["Clear"] = "clear";
     return PresenceChangeType2;
   })(PresenceChangeType || {});
-  class Presence {
-    constructor(changeContext, presence) {
-      __publicField(this, "context");
-      __publicField(this, "presence");
-      this.context = changeContext;
-      this.presence = presence;
-    }
-    /**
-     * `set` updates the presence based on the partial presence.
-     */
-    set(presence, option) {
-      for (const key of Object.keys(presence)) {
-        this.presence[key] = presence[key];
-      }
-      this.context.setPresenceChange({
-        type: "put",
-        presence: deepcopy(this.presence)
-      });
-      this.context.setReversePresence(presence, option);
-    }
-    /**
-     * `get` returns the presence value of the given key.
-     */
-    get(key) {
-      return this.presence[key];
-    }
-    /**
-     * `clear` clears the presence.
-     * @internal
-     */
-    clear() {
-      this.presence = {};
-      this.context.setPresenceChange({
-        type: "clear"
-        /* Clear */
-      });
-    }
-  }
   const InitialActorID = "000000000000000000000000";
   const TimeTicketSize = 8 + 4 + 12;
   class TimeTicket {
@@ -7801,10 +7888,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return 0;
     }
   }
+  const InitialLamport = 0n;
   const InitialDelimiter = 0;
   const MaxLamport = 9223372036854775807n;
   const InitialTimeTicket = new TimeTicket(
-    0n,
+    InitialLamport,
     InitialDelimiter,
     InitialActorID
   );
@@ -11015,6 +11103,50 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.numberOfRemovedElement--;
     }
   }
+  function deepcopy(object) {
+    if (object instanceof Map) {
+      const pairs = Array.from(object);
+      return new Map(JSON.parse(JSON.stringify(pairs)));
+    }
+    return JSON.parse(JSON.stringify(object));
+  }
+  const isEmpty = (object) => {
+    if (!object) {
+      return true;
+    }
+    return Object.entries(object).length === 0;
+  };
+  const stringifyObjectValues = (attributes) => {
+    const attrs = {};
+    for (const [key, value] of Object.entries(attributes)) {
+      attrs[key] = JSON.stringify(value);
+    }
+    return attrs;
+  };
+  const parseObjectValues = (attrs) => {
+    const attributes = {};
+    for (const [key, value] of Object.entries(attrs)) {
+      attributes[key] = JSON.parse(value);
+    }
+    return attributes;
+  };
+  function totalDocSize(d) {
+    if (!d) return 0;
+    return totalDataSize(d.live) + totalDataSize(d.gc);
+  }
+  function totalDataSize(d) {
+    return d.data + d.meta;
+  }
+  function addDataSizes(target, ...others) {
+    for (const other of others) {
+      target.data += other.data;
+      target.meta += other.meta;
+    }
+  }
+  function subDataSize(target, other) {
+    target.data -= other.data;
+    target.meta -= other.meta;
+  }
   class CRDTTextValue {
     constructor(content) {
       __publicField(this, "attributes");
@@ -11150,7 +11282,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           crdtTextValue.setAttr(k, v, editedAt);
         }
       }
-      const [caretPos, pairs, valueChanges] = this.rgaTreeSplit.edit(
+      const [caretPos, pairs, diff, valueChanges] = this.rgaTreeSplit.edit(
         range,
         editedAt,
         crdtTextValue,
@@ -11168,7 +11300,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         type: "content"
         /* Content */
       }));
-      return [changes, pairs, [caretPos, caretPos]];
+      return [changes, pairs, diff, [caretPos, caretPos]];
     }
     /**
      * `setStyle` applies the style of the given range.
@@ -11181,11 +11313,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * @internal
      */
     setStyle(range, attributes, editedAt, versionVector) {
-      const [, toRight] = this.rgaTreeSplit.findNodeWithSplit(range[1], editedAt);
-      const [, fromRight] = this.rgaTreeSplit.findNodeWithSplit(
+      const diff = { data: 0, meta: 0 };
+      const [, diffTo, toRight] = this.rgaTreeSplit.findNodeWithSplit(
+        range[1],
+        editedAt
+      );
+      const [, diffFrom, fromRight] = this.rgaTreeSplit.findNodeWithSplit(
         range[0],
         editedAt
       );
+      addDataSizes(diff, diffTo, diffFrom);
       const changes = [];
       const nodes = this.rgaTreeSplit.findBetween(fromRight, toRight);
       const toBeStyleds = [];
@@ -11221,9 +11358,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           if (prev !== void 0) {
             pairs.push({ parent: node.getValue(), child: prev });
           }
+          const curr = node.getValue().getAttrs().getNodeMapByKey().get(key);
+          if (curr !== void 0) {
+            addDataSizes(diff, curr.getDataSize());
+          }
         }
       }
-      return [pairs, changes];
+      return [pairs, diff, changes];
     }
     /**
      * `indexRangeToPosRange` returns the position range of the given index range.
@@ -11412,13 +11553,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
       const text = parentObject;
-      const [changes, pairs] = text.edit(
+      const [changes, pairs, diff] = text.edit(
         [this.fromPos, this.toPos],
         this.content,
         this.getExecutedAt(),
         Object.fromEntries(this.attributes),
         versionVector
       );
+      root.acc(diff);
       for (const pair of pairs) {
         root.registerGCPair(pair);
       }
@@ -11515,12 +11657,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
       const text = parentObject;
-      const [pairs, changes] = text.setStyle(
+      const [pairs, diff, changes] = text.setStyle(
         [this.fromPos, this.toPos],
         this.attributes ? Object.fromEntries(this.attributes) : {},
         this.getExecutedAt(),
         versionVector
       );
+      root.acc(diff);
       for (const pair of pairs) {
         root.registerGCPair(pair);
       }
@@ -11674,19 +11817,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `splitText` splits the given node at the given offset.
      */
     splitText(offset, absOffset) {
+      const diff = { data: 0, meta: 0 };
       if (offset === 0 || offset === this.size) {
-        return;
+        return [void 0, diff];
       }
       const leftValue = this.value.slice(0, offset);
       const rightValue = this.value.slice(offset);
       if (!rightValue.length) {
-        return;
+        return [void 0, diff];
       }
+      const prvSize = this.getDataSize();
       this.value = leftValue;
       const rightNode = this.cloneText(offset + absOffset);
       rightNode.value = rightValue;
       this.parent.insertAfterInternal(rightNode, this);
-      return rightNode;
+      addDataSizes(diff, this.getDataSize(), rightNode.getDataSize());
+      subDataSize(diff, prvSize);
+      return [rightNode, diff];
     }
     /**
      * `children` returns the children of the node.
@@ -11801,6 +11948,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `splitElement` splits the given element at the given offset.
      */
     splitElement(offset, issueTimeTicket) {
+      const diff = { data: 0, meta: 0 };
+      const prvSize = this.getDataSize();
       const clone = this.cloneElement(issueTimeTicket);
       this.parent.insertAfterInternal(clone, this);
       clone.updateAncestorsSize();
@@ -11819,7 +11968,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       for (const child of clone._children) {
         child.parent = clone;
       }
-      return clone;
+      addDataSizes(diff, this.getDataSize(), clone.getDataSize());
+      subDataSize(diff, prvSize);
+      return [clone, diff];
     }
     /**
      * `insertAfterInternal` inserts the given node after the given child.
@@ -12812,7 +12963,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `split` splits the given offset of this node.
      */
     split(tree, offset, issueTimeTicket) {
-      const split = this.isText ? this.splitText(offset, this.id.getOffset()) : this.splitElement(offset, issueTimeTicket);
+      const [split, diff] = this.isText ? this.splitText(offset, this.id.getOffset()) : this.splitElement(offset, issueTimeTicket);
       if (split) {
         split.insPrevID = this.id;
         if (this.insNextID) {
@@ -12823,7 +12974,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.insNextID = split.id;
         tree.registerNode(split);
       }
-      return split;
+      return [split, diff];
     }
     /**
      * `getCreatedAt` returns the creation time of this element.
@@ -13014,15 +13165,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * for concurrent insertion.
      */
     findNodesAndSplitText(pos, editedAt) {
+      let diff = { data: 0, meta: 0 };
       const [parent, leftSibling] = pos.toTreeNodePair(this);
       let leftNode = leftSibling;
       const isLeftMost = parent === leftNode;
       const realParent = leftNode.parent && !isLeftMost ? leftNode.parent : parent;
       if (leftNode.isText) {
-        leftNode.split(
+        const [, splitedDiff] = leftNode.split(
           this,
           pos.getLeftSiblingID().getOffset() - leftNode.id.getOffset()
         );
+        diff = splitedDiff;
       }
       if (editedAt) {
         const allChildren = realParent.allChildren;
@@ -13035,17 +13188,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           leftNode = next;
         }
       }
-      return [realParent, leftNode];
+      return [[realParent, leftNode], diff];
     }
     /**
      * `style` applies the given attributes of the given range.
      */
     style(range, attributes, editedAt, versionVector) {
-      const [fromParent, fromLeft] = this.findNodesAndSplitText(
+      const diff = { data: 0, meta: 0 };
+      const [[fromParent, fromLeft], diffFrom] = this.findNodesAndSplitText(
         range[0],
         editedAt
       );
-      const [toParent, toLeft] = this.findNodesAndSplitText(range[1], editedAt);
+      const [[toParent, toLeft], diffTo] = this.findNodesAndSplitText(
+        range[1],
+        editedAt
+      );
+      addDataSizes(diff, diffTo, diffFrom);
       const changes = [];
       const attrs = attributes ? parseObjectValues(attributes) : {};
       const pairs = [];
@@ -13054,7 +13212,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         fromLeft,
         toParent,
         toLeft,
-        ([node]) => {
+        ([node, tokenType]) => {
+          var _a2;
           const actorID = node.getCreatedAt().getActorID();
           let clientLamportAtChange = MaxLamport;
           if (versionVector != void 0) {
@@ -13090,20 +13249,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 pairs.push({ parent: node, child: prev });
               }
             }
+            for (const [key] of Object.entries(attrs)) {
+              const curr = (_a2 = node.attrs) == null ? void 0 : _a2.getNodeMapByKey().get(key);
+              if (curr !== void 0 && tokenType !== TokenType.End) {
+                addDataSizes(diff, curr.getDataSize());
+              }
+            }
           }
         }
       );
-      return [pairs, changes];
+      return [pairs, changes, diff];
     }
     /**
      * `removeStyle` removes the given attributes of the given range.
      */
     removeStyle(range, attributesToRemove, editedAt, versionVector) {
-      const [fromParent, fromLeft] = this.findNodesAndSplitText(
+      const diff = { data: 0, meta: 0 };
+      const [[fromParent, fromLeft], diffFrom] = this.findNodesAndSplitText(
         range[0],
         editedAt
       );
-      const [toParent, toLeft] = this.findNodesAndSplitText(range[1], editedAt);
+      const [[toParent, toLeft], diffTo] = this.findNodesAndSplitText(
+        range[1],
+        editedAt
+      );
+      addDataSizes(diff, diffTo, diffFrom);
       const changes = [];
       const pairs = [];
       this.traverseInPosRange(
@@ -13141,18 +13311,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         }
       );
-      return [pairs, changes];
+      return [pairs, changes, diff];
     }
     /**
      * `edit` edits the tree with the given range and content.
      * If the content is undefined, the range will be removed.
      */
     edit(range, contents, splitLevel, editedAt, issueTimeTicket, versionVector) {
-      const [fromParent, fromLeft] = this.findNodesAndSplitText(
+      const diff = { data: 0, meta: 0 };
+      const [[fromParent, fromLeft], diffFrom] = this.findNodesAndSplitText(
         range[0],
         editedAt
       );
-      const [toParent, toLeft] = this.findNodesAndSplitText(range[1], editedAt);
+      const [[toParent, toLeft], diffTo] = this.findNodesAndSplitText(
+        range[1],
+        editedAt
+      );
+      addDataSizes(diff, diffTo, diffFrom);
       const fromIdx = this.toIndex(fromParent, fromLeft);
       const fromPath = this.toPath(fromParent, fromLeft);
       const nodesToBeRemoved = [];
@@ -13231,6 +13406,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             if (fromParent.isRemoved) {
               node.remove(editedAt);
               pairs.push({ parent: this, child: node });
+            } else {
+              addDataSizes(diff, node.getDataSize());
             }
             this.nodeMapByID.put(node.id, node);
           });
@@ -13255,7 +13432,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         }
       }
-      return [changes, pairs];
+      return [changes, pairs, diff];
     }
     /**
      * `editT` edits the given range with the given value.
@@ -13534,16 +13711,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `posRangeToPathRange` converts the given position range to the path range.
      */
     posRangeToPathRange(range) {
-      const [fromParent, fromLeft] = this.findNodesAndSplitText(range[0]);
-      const [toParent, toLeft] = this.findNodesAndSplitText(range[1]);
+      const [[fromParent, fromLeft]] = this.findNodesAndSplitText(range[0]);
+      const [[toParent, toLeft]] = this.findNodesAndSplitText(range[1]);
       return [this.toPath(fromParent, fromLeft), this.toPath(toParent, toLeft)];
     }
     /**
      * `posRangeToIndexRange` converts the given position range to the path range.
      */
     posRangeToIndexRange(range) {
-      const [fromParent, fromLeft] = this.findNodesAndSplitText(range[0]);
-      const [toParent, toLeft] = this.findNodesAndSplitText(range[1]);
+      const [[fromParent, fromLeft]] = this.findNodesAndSplitText(range[0]);
+      const [[toParent, toLeft]] = this.findNodesAndSplitText(range[1]);
       return [this.toIndex(fromParent, fromLeft), this.toIndex(toParent, toLeft)];
     }
     /**
@@ -13738,7 +13915,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const editedAt = this.getExecutedAt();
       const tree = parentObject;
-      const [changes, pairs] = tree.edit(
+      const [changes, pairs, diff] = tree.edit(
         [this.fromPos, this.toPos],
         (_a2 = this.contents) == null ? void 0 : _a2.map((content) => content.deepcopy()),
         this.splitLevel,
@@ -13764,6 +13941,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         })(),
         versionVector
       );
+      root.acc(diff);
       for (const pair of pairs) {
         root.registerGCPair(pair);
       }
@@ -13930,12 +14108,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "clientSeq");
       // `serverSeq` is optional and only present for changes stored on the server.
       __publicField(this, "serverSeq");
-      // `lamport` and `actor` are the lamport clock and the actor of this change.
-      // This is used to determine the order of changes in logical time.
-      __publicField(this, "lamport");
+      // `actor` is the creator of this change.
       __publicField(this, "actor");
+      // `lamport` is the lamport clock of this change. This is used to determine
+      // the order of changes in logical time. It is optional and only present
+      // if the change has operations.
+      __publicField(this, "lamport");
       // `versionVector` is the vector clock of this change. This is used to
-      // determine the relationship is causal or not between changes.
+      // determine the relationship is causal or not between changes. It is optional
+      // and only present if the change has operations.
       __publicField(this, "versionVector");
       this.clientSeq = clientSeq;
       this.serverSeq = serverSeq;
@@ -13943,6 +14124,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.versionVector = vector;
       this.actor = actor;
     }
+    /**
+     * `hasClocks` returns true if this ID has logical clocks.
+     */
+    hasClocks() {
+      return this.versionVector.size() > 0 && this.lamport != InitialLamport;
+    }
     /**
      * `of` creates a new instance of ChangeID.
      */
@@ -13952,7 +14139,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `next` creates a next ID of this ID.
      */
-    next() {
+    next(excludeClocks = false) {
+      if (excludeClocks) {
+        return new ChangeID(
+          this.clientSeq + 1,
+          this.lamport,
+          this.actor,
+          InitialVersionVector,
+          InitialLamport
+        );
+      }
       const vector = this.versionVector.deepcopy();
       vector.set(this.actor, this.lamport + 1n);
       return new ChangeID(
@@ -13963,9 +14159,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       );
     }
     /**
-     * `syncClocks` syncs logical clocks with the given ID.
+     * `syncClocks` syncs logical clocks with the given ID. If the given ID
+     * doesn't have logical clocks, this ID is returned.
      */
     syncClocks(other) {
+      if (!other.hasClocks()) {
+        return this;
+      }
       const lamport = other.lamport > this.lamport ? other.lamport + 1n : this.lamport + 1n;
       const maxVersionVector = this.versionVector.max(other.versionVector);
       const newID = new ChangeID(
@@ -14006,6 +14206,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.serverSeq
       );
     }
+    /**
+     * `setLamport` sets the given lamport clock.
+     */
+    setLamport(lamport) {
+      return new ChangeID(
+        this.clientSeq,
+        lamport,
+        this.actor,
+        this.versionVector,
+        this.serverSeq
+      );
+    }
     /**
      * `setVersionVector` sets the given version vector.
      */
@@ -14784,8 +14996,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * @returns `[RGATreeSplitPos, Array<GCPair>, Array<Change>]`
      */
     edit(range, editedAt, value, versionVector) {
-      const [toLeft, toRight] = this.findNodeWithSplit(range[1], editedAt);
-      const [fromLeft, fromRight] = this.findNodeWithSplit(range[0], editedAt);
+      const diff = { data: 0, meta: 0 };
+      const [toLeft, diffTo, toRight] = this.findNodeWithSplit(
+        range[1],
+        editedAt
+      );
+      const [fromLeft, diffFrom, fromRight] = this.findNodeWithSplit(
+        range[0],
+        editedAt
+      );
+      addDataSizes(diff, diffTo, diffFrom);
       const nodesToDelete = this.findBetween(fromRight, toRight);
       const [changes, removedNodes] = this.deleteNodes(
         nodesToDelete,
@@ -14800,6 +15020,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           fromLeft,
           RGATreeSplitNode.create(RGATreeSplitNodeID.of(editedAt, 0), value)
         );
+        addDataSizes(diff, inserted.getDataSize());
         if (changes.length && changes[changes.length - 1].from === idx) {
           changes[changes.length - 1].value = value;
         } else {
@@ -14819,7 +15040,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       for (const [, removedNode] of removedNodes) {
         pairs.push({ parent: this, child: removedNode });
       }
-      return [caretPos, pairs, changes];
+      return [caretPos, pairs, diff, changes];
     }
     /**
      * `indexToPos` finds RGATreeSplitPos of given offset.
@@ -14958,11 +15179,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const absoluteID = pos.getAbsoluteID();
       let node = this.findFloorNodePreferToLeft(absoluteID);
       const relativeOffset = absoluteID.getOffset() - node.getID().getOffset();
-      this.splitNode(node, relativeOffset);
+      const [, diff] = this.splitNode(node, relativeOffset);
       while (node.hasNext() && node.getNext().getCreatedAt().after(editedAt)) {
         node = node.getNext();
       }
-      return [node, node.getNext()];
+      return [node, diff, node.getNext()];
     }
     findFloorNodePreferToLeft(id) {
       let node = this.findFloorNode(id);
@@ -15003,6 +15224,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return nodes;
     }
     splitNode(node, offset) {
+      const diff = { data: 0, meta: 0 };
       if (offset > node.getContentLength()) {
         throw new YorkieError(
           Code.ErrInvalidArgument,
@@ -15010,10 +15232,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
       if (offset === 0) {
-        return node;
+        return [node, diff];
       } else if (offset === node.getContentLength()) {
-        return node.getNext();
+        return [node.getNext(), diff];
       }
+      const prvSize = node.getDataSize();
       const splitNode = node.split(offset);
       this.treeByIndex.updateWeight(splitNode);
       this.insertAfter(node, splitNode);
@@ -15022,7 +15245,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         insNext.setInsPrev(splitNode);
       }
       splitNode.setInsPrev(node);
-      return splitNode;
+      addDataSizes(diff, node.getDataSize(), splitNode.getDataSize());
+      subDataSize(diff, prvSize);
+      return [splitNode, diff];
     }
     deleteNodes(candidates, editedAt, versionVector) {
       if (!candidates.length) {
@@ -15491,10 +15716,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const tree = parentObject;
       let changes;
       let pairs;
+      let diff = { data: 0, meta: 0 };
       if (this.attributes.size) {
         const attributes = {};
         [...this.attributes].forEach(([key, value]) => attributes[key] = value);
-        [pairs, changes] = tree.style(
+        [pairs, changes, diff] = tree.style(
           [this.fromPos, this.toPos],
           attributes,
           this.getExecutedAt(),
@@ -15502,13 +15728,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       } else {
         const attributesToRemove = this.attributesToRemove;
-        [pairs, changes] = tree.removeStyle(
+        [pairs, changes, diff] = tree.removeStyle(
           [this.fromPos, this.toPos],
           attributesToRemove,
           this.getExecutedAt(),
           versionVector
         );
       }
+      root.acc(diff);
       for (const pair of pairs) {
         root.registerGCPair(pair);
       }
@@ -16961,8 +17188,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   class ChangeContext {
-    constructor(id, root, presence, message) {
-      __publicField(this, "id");
+    constructor(prevID, root, presence, message) {
+      __publicField(this, "prevID");
+      __publicField(this, "nextID");
       __publicField(this, "delimiter");
       __publicField(this, "message");
       __publicField(this, "root");
@@ -16978,7 +17206,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * presence changes.
        */
       __publicField(this, "reversePresenceKeys");
-      this.id = id;
+      this.prevID = prevID;
+      this.nextID = prevID.next();
       this.delimiter = InitialDelimiter;
       this.root = root;
       this.operations = [];
@@ -16990,8 +17219,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `create` creates a new instance of ChangeContext.
      */
-    static create(id, root, presence, message) {
-      return new ChangeContext(id, root, presence, message);
+    static create(prevID, root, presence, message) {
+      return new ChangeContext(prevID, root, presence, message);
     }
     /**
      * `push` pushes the given operation to this context.
@@ -17018,16 +17247,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.root.registerGCPair(pair);
     }
     /**
-     * `getChange` creates a new instance of Change in this context.
+     * `getNextID` returns the next ID of this context. It will be set to the
+     * document for the next change.returns the next ID of this context.
      */
-    getChange() {
+    getNextID() {
+      if (this.isPresenceOnlyChange()) {
+        return this.prevID.next(true).setLamport(this.prevID.getLamport()).setVersionVector(this.prevID.getVersionVector());
+      }
+      return this.nextID;
+    }
+    /**
+     * `toChange` creates a new instance of Change in this context.
+     */
+    toChange() {
+      const id = this.isPresenceOnlyChange() ? this.prevID.next(true) : this.nextID;
       return Change.create({
-        id: this.id,
+        id,
         operations: this.operations,
         presenceChange: this.presenceChange,
         message: this.message
       });
     }
+    /**
+     * `isPresenceOnlyChange` returns whether this context is only for presence
+     * change or not.
+     */
+    isPresenceOnlyChange() {
+      return this.operations.length === 0;
+    }
     /**
      * `hasChange` returns whether this context has change or not.
      */
@@ -17068,13 +17315,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     issueTimeTicket() {
       this.delimiter += 1;
-      return this.id.createTimeTicket(this.delimiter);
+      return this.nextID.createTimeTicket(this.delimiter);
     }
     /**
      * `getLastTimeTicket` returns the last time ticket issued in this context.
      */
     getLastTimeTicket() {
-      return this.id.createTimeTicket(this.delimiter);
+      return this.nextID.createTimeTicket(this.delimiter);
+    }
+    /**
+     * `acc` accumulates the given DataSize to Live size of the root.
+     */
+    acc(diff) {
+      this.root.acc(diff);
     }
   }
   class CRDTRoot {
@@ -17099,10 +17352,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * element itself and its parent.
        */
       __publicField(this, "gcPairMap");
+      /**
+       * `docSize` is a structure that represents the size of the document.
+       */
+      __publicField(this, "docSize");
       this.rootObject = rootObject;
       this.elementPairMapByCreatedAt = /* @__PURE__ */ new Map();
       this.gcElementSetByCreatedAt = /* @__PURE__ */ new Set();
       this.gcPairMap = /* @__PURE__ */ new Map();
+      this.docSize = { live: { data: 0, meta: 0 }, gc: { data: 0, meta: 0 } };
       this.registerElement(rootObject, void 0);
       rootObject.getDescendants((elem) => {
         if (elem.getRemovedAt()) {
@@ -17179,6 +17437,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         parent,
         element
       });
+      addDataSizes(this.docSize.live, element.getDataSize());
       if (element instanceof CRDTContainer) {
         element.getDescendants((elem, parent2) => {
           this.registerElement(elem, parent2);
@@ -17193,6 +17452,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       let count = 0;
       const deregisterElementInternal = (elem) => {
         const createdAt = elem.getCreatedAt().toIDString();
+        subDataSize(this.docSize.gc, elem.getDataSize());
         this.elementPairMapByCreatedAt.delete(createdAt);
         this.gcElementSetByCreatedAt.delete(createdAt);
         count++;
@@ -17210,6 +17470,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `registerRemovedElement` registers the given element to the hash set.
      */
     registerRemovedElement(element) {
+      addDataSizes(this.docSize.gc, element.getDataSize());
+      subDataSize(this.docSize.live, element.getDataSize());
+      this.docSize.live.meta += TimeTicketSize;
       this.gcElementSetByCreatedAt.add(element.getCreatedAt().toIDString());
     }
     /**
@@ -17222,6 +17485,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return;
       }
       this.gcPairMap.set(pair.child.toIDString(), pair);
+      const size = this.gcPairMap.get(pair.child.toIDString()).child.getDataSize();
+      addDataSizes(this.docSize.gc, size);
+      subDataSize(this.docSize.live, size);
+      if (!(pair.child instanceof RHTNode)) {
+        this.docSize.live.meta += TimeTicketSize;
+      }
     }
     /**
      * `getElementMapSize` returns the size of element map.
@@ -17262,22 +17531,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `getDocSize` returns the size of the document.
      */
     getDocSize() {
-      const docSize = { live: { data: 0, meta: 0 }, gc: { data: 0, meta: 0 } };
-      for (const [createdAt, value] of this.elementPairMapByCreatedAt) {
-        if (this.gcElementSetByCreatedAt.has(createdAt)) {
-          docSize.gc.data += value.element.getDataSize().data;
-          docSize.gc.meta += value.element.getDataSize().meta;
-        } else {
-          docSize.live.data += value.element.getDataSize().data;
-          docSize.live.meta += value.element.getDataSize().meta;
-        }
-      }
-      for (const pair of this.gcPairMap.values()) {
-        const size = pair.child.getDataSize();
-        docSize.gc.data += size.data;
-        docSize.gc.meta += size.meta;
-      }
-      return docSize;
+      return this.docSize;
     }
     /**
      * `deepcopy` copies itself deeply.
@@ -17331,6 +17585,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         gcElements: this.getGarbageElementSetSize()
       };
     }
+    /**
+     * `acc` accumulates the given DataSize to Live.
+     */
+    acc(diff) {
+      addDataSizes(this.docSize.live, diff);
+    }
   }
   function createJSONObject(context, target) {
     const objectProxy = new ObjectProxy(context);
@@ -17948,12 +18208,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const attrs = attributes ? stringifyObjectValues(attributes) : void 0;
       const ticket = this.context.issueTimeTicket();
-      const [, pairs, rangeAfterEdit] = this.text.edit(
+      const [, pairs, diff, rangeAfterEdit] = this.text.edit(
         range,
         content,
         ticket,
         attrs
       );
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -18007,7 +18268,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const attrs = stringifyObjectValues(attributes);
       const ticket = this.context.issueTimeTicket();
-      const [pairs] = this.text.setStyle(range, attrs, ticket);
+      const [pairs, diff] = this.text.setStyle(range, attrs, ticket);
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -18550,7 +18812,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const [fromPos, toPos] = this.tree.pathToPosRange(path);
       const ticket = this.context.issueTimeTicket();
       const attrs = attributes ? stringifyObjectValues(attributes) : void 0;
-      const [pairs] = this.tree.style([fromPos, toPos], attrs, ticket);
+      const [pairs, , diff] = this.tree.style([fromPos, toPos], attrs, ticket);
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -18584,7 +18847,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const toPos = this.tree.findPos(toIdx);
       const ticket = this.context.issueTimeTicket();
       const attrs = attributes ? stringifyObjectValues(attributes) : void 0;
-      const [pairs] = this.tree.style([fromPos, toPos], attrs, ticket);
+      const [pairs, , diff] = this.tree.style([fromPos, toPos], attrs, ticket);
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -18617,11 +18881,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const fromPos = this.tree.findPos(fromIdx);
       const toPos = this.tree.findPos(toIdx);
       const ticket = this.context.issueTimeTicket();
-      const [pairs] = this.tree.removeStyle(
+      const [pairs, , diff] = this.tree.removeStyle(
         [fromPos, toPos],
         attributesToRemove,
         ticket
       );
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -18664,13 +18929,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       } else {
         crdtNodes = contents.map((content) => content && createCRDTTreeNode(this.context, content)).filter((a) => a);
       }
-      const [, pairs] = this.tree.edit(
+      const [, pairs, diff] = this.tree.edit(
         [fromPos, toPos],
         crdtNodes.length ? crdtNodes.map((crdtNode) => crdtNode == null ? void 0 : crdtNode.deepcopy()) : void 0,
         splitLevel,
         ticket,
         () => this.context.issueTimeTicket()
       );
+      this.context.acc(diff);
       for (const pair of pairs) {
         this.context.registerGCPair(pair);
       }
@@ -19003,6 +19269,43 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return element;
   }
+  class Presence {
+    constructor(changeContext, presence) {
+      __publicField(this, "context");
+      __publicField(this, "presence");
+      this.context = changeContext;
+      this.presence = presence;
+    }
+    /**
+     * `set` updates the presence based on the partial presence.
+     */
+    set(presence, option) {
+      for (const key of Object.keys(presence)) {
+        this.presence[key] = presence[key];
+      }
+      this.context.setPresenceChange({
+        type: PresenceChangeType.Put,
+        presence: deepcopy(this.presence)
+      });
+      this.context.setReversePresence(presence, option);
+    }
+    /**
+     * `get` returns the presence value of the given key.
+     */
+    get(key) {
+      return this.presence[key];
+    }
+    /**
+     * `clear` clears the presence.
+     * @internal
+     */
+    clear() {
+      this.presence = {};
+      this.context.setPresenceChange({
+        type: PresenceChangeType.Clear
+      });
+    }
+  }
   const MaxUndoRedoStackDepth = 50;
   class History {
     constructor() {
@@ -19208,6 +19511,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "changeID");
       __publicField(this, "checkpoint");
       __publicField(this, "localChanges");
+      __publicField(this, "maxSizeLimit");
       __publicField(this, "root");
       __publicField(this, "clone");
       __publicField(this, "eventStream");
@@ -19240,6 +19544,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.changeID = InitialChangeID;
       this.checkpoint = InitialCheckpoint;
       this.localChanges = [];
+      this.maxSizeLimit = 0;
       this.eventStream = createObservable((observer) => {
         this.eventStreamObserver = observer;
       });
@@ -19259,13 +19564,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `update` executes the given updater to update this document.
      */
     update(updater, message) {
+      var _a2;
       if (this.getStatus() === "removed") {
         throw new YorkieError(Code.ErrDocumentRemoved, `${this.key} is removed`);
       }
       this.ensureClone();
       const actorID = this.changeID.getActorID();
       const context = ChangeContext.create(
-        this.changeID.next(),
+        this.changeID,
         this.clone.root,
         this.clone.presences.get(actorID) || {},
         message
@@ -19289,11 +19595,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       } finally {
         this.isUpdating = false;
       }
+      const size = totalDocSize((_a2 = this.clone) == null ? void 0 : _a2.root.getDocSize());
+      if (!context.isPresenceOnlyChange() && this.maxSizeLimit > 0 && this.maxSizeLimit < size) {
+        this.clone = void 0;
+        throw new YorkieError(
+          Code.ErrDocumentSizeExceedsLimit,
+          `document size exceeded: ${size} > ${this.maxSizeLimit}`
+        );
+      }
       if (context.hasChange()) {
         if (logger.isEnabled(LogLevel.Trivial)) {
           logger.trivial(`trying to update a local change: ${this.toJSON()}`);
         }
-        const change = context.getChange();
+        const change = context.toChange();
         const { opInfos, reverseOps } = change.execute(
           this.root,
           this.presences,
@@ -19313,7 +19627,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (opInfos.length > 0) {
           this.internalHistory.clearRedo();
         }
-        this.changeID = change.getID();
+        this.changeID = context.getNextID();
         const event = [];
         if (opInfos.length > 0) {
           event.push({
@@ -19683,7 +19997,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.status;
     }
     /**
-     * `getClone` return clone object.
+     * `getClone` returns this clone.
+     */
+    getClone() {
+      return this.clone;
+    }
+    /**
+     * `getCloneRoot` returns clone object.
      *
      * @internal
      */
@@ -19711,6 +20031,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getDocSize() {
       return this.root.getDocSize();
     }
+    /**
+     * `getMaxSizePerDocument` gets the maximum size of this document.
+     */
+    getMaxSizePerDocument() {
+      return this.maxSizeLimit;
+    }
+    /**
+     * `setMaxSizePerDocument` sets the maximum size of this document.
+     */
+    setMaxSizePerDocument(size) {
+      this.maxSizeLimit = size;
+    }
     /**
      * `garbageCollect` purges elements that were removed before the given time.
      *
@@ -20182,14 +20514,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     canUndo() {
       return this.internalHistory.hasUndo() && !this.isUpdating;
     }
-    /**
-     * 'filterVersionVector' filters detached client's lamport from version vector.
-     */
-    filterVersionVector(minSyncedVersionVector) {
-      const versionVector = this.changeID.getVersionVector();
-      const filteredVersionVector = versionVector.filter(minSyncedVersionVector);
-      this.changeID = this.changeID.setVersionVector(filteredVersionVector);
-    }
     /**
      * `canRedo` returns whether there are any operations to redo.
      */
@@ -20216,7 +20540,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       this.ensureClone();
       const context = ChangeContext.create(
-        this.changeID.next(),
+        this.changeID,
         this.clone.root,
         this.clone.presences.get(this.changeID.getActorID()) || {}
       );
@@ -20233,7 +20557,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         undoOp.setExecutedAt(ticket);
         context.push(undoOp);
       }
-      const change = context.getChange();
+      const change = context.toChange();
       change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
       const { opInfos, reverseOps } = change.execute(
         this.root,
@@ -20254,7 +20578,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return;
       }
       this.localChanges.push(change);
-      this.changeID = change.getID();
+      this.changeID = context.getNextID();
       const actorID = this.changeID.getActorID();
       const event = [];
       if (opInfos.length > 0) {
@@ -20303,7 +20627,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       this.ensureClone();
       const context = ChangeContext.create(
-        this.changeID.next(),
+        this.changeID,
         this.clone.root,
         this.clone.presences.get(this.changeID.getActorID()) || {}
       );
@@ -20320,7 +20644,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         redoOp.setExecutedAt(ticket);
         context.push(redoOp);
       }
-      const change = context.getChange();
+      const change = context.toChange();
       change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
       const { opInfos, reverseOps } = change.execute(
         this.root,
@@ -20341,7 +20665,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return;
       }
       this.localChanges.push(change);
-      this.changeID = change.getID();
+      this.changeID = context.getNextID();
       const actorID = this.changeID.getActorID();
       const event = [];
       if (opInfos.length > 0) {
@@ -20420,7 +20744,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name = "@yorkie-js/sdk";
-  const version = "0.6.11-rc";
+  const version = "0.6.13";
   const pkg = {
     name,
     version
@@ -20578,16 +20902,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (this.status === "deactivated") {
         return Promise.resolve();
       }
-      this.deactivateInternal();
       const task = async () => {
         try {
           await this.rpcClient.deactivateClient(
             { clientId: this.id },
             { headers: { "x-shard-key": this.apiKey } }
           );
+          this.deactivateInternal();
           logger.info(`[DC] c"${this.getKey()}" deactivated`);
         } catch (err) {
-          this.status = "activated";
           logger.error(`[DC] c:"${this.getKey()}" err :`, err);
           await this.handleConnectError(err);
           throw err;
@@ -20651,6 +20974,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             },
             { headers: { "x-shard-key": `${this.apiKey}/${doc.getKey()}` } }
           );
+          const maxSize = res.maxSizePerDocument ?? 0;
+          if (maxSize > 0) {
+            doc.setMaxSizePerDocument(res.maxSizePerDocument);
+          }
           const pack = converter.fromChangePack(res.changePack);
           doc.applyChangePack(pack);
           if (doc.getStatus() === DocStatus.Removed) {
@@ -20671,12 +20998,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             await this.runWatchLoop(doc.getKey());
           }
           logger.info(`[AD] c:"${this.getKey()}" attaches d:"${doc.getKey()}"`);
-          const crdtRoot = doc.getRootObject();
+          const crdtObject = doc.getRootObject();
           if (opts.initialRoot) {
             const initialRoot = opts.initialRoot;
             doc.update((root) => {
               for (const [k, v] of Object.entries(initialRoot)) {
-                if (!crdtRoot.has(k)) {
+                if (!crdtObject.has(k)) {
                   const key = k;
                   root[key] = v;
                 }
@@ -20699,7 +21026,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * the changes should be applied to other replicas before GC time. For this,
      * if the document is no longer used by this client, it should be detached.
      */
-    detach(doc, opts = { removeIfNotAttached: false }) {
+    detach(doc, opts = { keepalive: false }) {
       if (!this.isActive()) {
         throw new YorkieError(
           Code.ErrClientNotActivated,
@@ -20714,14 +21041,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         );
       }
       doc.update((_, p) => p.clear());
-      return this.enqueueTask(async () => {
+      const task = async () => {
         try {
           const res = await this.rpcClient.detachDocument(
             {
               clientId: this.id,
               documentId: attachment.docID,
               changePack: converter.toChangePack(doc.createChangePack()),
-              removeIfNotAttached: opts.removeIfNotAttached
+              removeIfNotAttached: opts.removeIfNotAttached ?? false
             },
             { headers: { "x-shard-key": `${this.apiKey}/${doc.getKey()}` } }
           );
@@ -20738,7 +21065,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           await this.handleConnectError(err);
           throw err;
         }
-      });
+      };
+      if (opts.keepalive) {
+        this.keepalive = true;
+        const resp = task();
+        this.keepalive = false;
+        return resp;
+      }
+      return this.enqueueTask(task);
     }
     /**
      * `changeRealtimeSync` changes the synchronization mode of the given document.