@yorkie-js/react 0.6.11-rc → 0.6.13

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

@@ -5,7 +5,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
 import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo, useState, useEffect, useContext, useCallback } from "react";
 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
@@ -6090,15 +6090,39 @@ const _Project = class _Project extends Message {
      */
     __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);
@@ -6157,13 +6181,43 @@ __publicField(_Project, "fields", proto3.util.newFieldList(() => [
   { 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 {
@@ -6182,9 +6236,33 @@ const _UpdatableProjectFields = class _UpdatableProjectFields extends Message {
      */
     __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) {
@@ -6206,7 +6284,13 @@ __publicField(_UpdatableProjectFields, "fields", proto3.util.newFieldList(() =>
   { 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 {
@@ -6237,6 +6321,62 @@ __publicField(_UpdatableProjectFields_AuthWebhookMethods, "fields", proto3.util.
   { 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();
@@ -6793,6 +6933,10 @@ const _AttachDocumentResponse = class _AttachDocumentResponse extends Message {
      * @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;
      */
@@ -6822,6 +6966,13 @@ __publicField(_AttachDocumentResponse, "fields", proto3.util.newFieldList(() =>
     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;
@@ -7592,6 +7743,7 @@ var Code = /* @__PURE__ */ ((Code2) => {
   Code2["ErrDocumentNotAttached"] = "ErrDocumentNotAttached";
   Code2["ErrDocumentNotDetached"] = "ErrDocumentNotDetached";
   Code2["ErrDocumentRemoved"] = "ErrDocumentRemoved";
+  Code2["ErrDocumentSizeExceedsLimit"] = "ErrDocumentSizeExceedsLimit";
   Code2["ErrInvalidObjectKey"] = "ErrInvalidObjectKey";
   Code2["ErrInvalidArgument"] = "ErrInvalidArgument";
   Code2["ErrNotInitialized"] = "ErrNotInitialized";
@@ -7614,76 +7766,11 @@ class YorkieError extends Error {
     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 {
@@ -7799,10 +7886,11 @@ class TimeTicket {
     return 0;
   }
 }
+const InitialLamport = 0n;
 const InitialDelimiter = 0;
 const MaxLamport = 9223372036854775807n;
 const InitialTimeTicket = new TimeTicket(
-  0n,
+  InitialLamport,
   InitialDelimiter,
   InitialActorID
 );
@@ -11013,6 +11101,50 @@ class RHT {
     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");
@@ -11148,7 +11280,7 @@ class CRDTText extends CRDTElement {
         crdtTextValue.setAttr(k, v, editedAt);
       }
     }
-    const [caretPos, pairs, valueChanges] = this.rgaTreeSplit.edit(
+    const [caretPos, pairs, diff, valueChanges] = this.rgaTreeSplit.edit(
       range,
       editedAt,
       crdtTextValue,
@@ -11166,7 +11298,7 @@ class CRDTText extends CRDTElement {
       type: "content"
       /* Content */
     }));
-    return [changes, pairs, [caretPos, caretPos]];
+    return [changes, pairs, diff, [caretPos, caretPos]];
   }
   /**
    * `setStyle` applies the style of the given range.
@@ -11179,11 +11311,16 @@ class CRDTText extends CRDTElement {
    * @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 = [];
@@ -11219,9 +11356,13 @@ class CRDTText extends CRDTElement {
         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.
@@ -11410,13 +11551,14 @@ class EditOperation extends Operation {
       );
     }
     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);
     }
@@ -11513,12 +11655,13 @@ class StyleOperation extends Operation {
       );
     }
     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);
     }
@@ -11672,19 +11815,23 @@ class IndexTreeNode {
    * `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.
@@ -11799,6 +11946,8 @@ class IndexTreeNode {
    * `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();
@@ -11817,7 +11966,9 @@ class IndexTreeNode {
     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.
@@ -12810,7 +12961,7 @@ class CRDTTreeNode extends IndexTreeNode {
    * `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) {
@@ -12821,7 +12972,7 @@ class CRDTTreeNode extends IndexTreeNode {
       this.insNextID = split.id;
       tree.registerNode(split);
     }
-    return split;
+    return [split, diff];
   }
   /**
    * `getCreatedAt` returns the creation time of this element.
@@ -13012,15 +13163,17 @@ class CRDTTree extends CRDTElement {
    * 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;
@@ -13033,17 +13186,22 @@ class CRDTTree extends CRDTElement {
         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 = [];
@@ -13052,7 +13210,8 @@ class CRDTTree extends CRDTElement {
       fromLeft,
       toParent,
       toLeft,
-      ([node]) => {
+      ([node, tokenType]) => {
+        var _a2;
         const actorID = node.getCreatedAt().getActorID();
         let clientLamportAtChange = MaxLamport;
         if (versionVector != void 0) {
@@ -13088,20 +13247,31 @@ class CRDTTree extends CRDTElement {
               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(
@@ -13139,18 +13309,23 @@ class CRDTTree extends CRDTElement {
         }
       }
     );
-    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 = [];
@@ -13229,6 +13404,8 @@ class CRDTTree extends CRDTElement {
           if (fromParent.isRemoved) {
             node.remove(editedAt);
             pairs.push({ parent: this, child: node });
+          } else {
+            addDataSizes(diff, node.getDataSize());
           }
           this.nodeMapByID.put(node.id, node);
         });
@@ -13253,7 +13430,7 @@ class CRDTTree extends CRDTElement {
         }
       }
     }
-    return [changes, pairs];
+    return [changes, pairs, diff];
   }
   /**
    * `editT` edits the given range with the given value.
@@ -13532,16 +13709,16 @@ class CRDTTree extends CRDTElement {
    * `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)];
   }
   /**
@@ -13736,7 +13913,7 @@ class TreeEditOperation extends Operation {
     }
     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,
@@ -13762,6 +13939,7 @@ class TreeEditOperation extends Operation {
       })(),
       versionVector
     );
+    root.acc(diff);
     for (const pair of pairs) {
       root.registerGCPair(pair);
     }
@@ -13928,12 +14106,15 @@ class ChangeID {
     __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;
@@ -13941,6 +14122,12 @@ class ChangeID {
     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.
    */
@@ -13950,7 +14137,16 @@ class ChangeID {
   /**
    * `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(
@@ -13961,9 +14157,13 @@ class ChangeID {
     );
   }
   /**
-   * `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(
@@ -14004,6 +14204,18 @@ class ChangeID {
       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.
    */
@@ -14782,8 +14994,16 @@ class RGATreeSplit {
    * @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,
@@ -14798,6 +15018,7 @@ class RGATreeSplit {
         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 {
@@ -14817,7 +15038,7 @@ class RGATreeSplit {
     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.
@@ -14956,11 +15177,11 @@ class RGATreeSplit {
     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);
@@ -15001,6 +15222,7 @@ class RGATreeSplit {
     return nodes;
   }
   splitNode(node, offset) {
+    const diff = { data: 0, meta: 0 };
     if (offset > node.getContentLength()) {
       throw new YorkieError(
         Code.ErrInvalidArgument,
@@ -15008,10 +15230,11 @@ class RGATreeSplit {
       );
     }
     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);
@@ -15020,7 +15243,9 @@ class RGATreeSplit {
       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) {
@@ -15489,10 +15714,11 @@ class TreeStyleOperation extends Operation {
     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(),
@@ -15500,13 +15726,14 @@ class TreeStyleOperation extends Operation {
       );
     } 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);
     }
@@ -16959,8 +17186,9 @@ function createObservable(executor) {
   };
 }
 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");
@@ -16976,7 +17204,8 @@ class ChangeContext {
      * presence changes.
      */
     __publicField(this, "reversePresenceKeys");
-    this.id = id;
+    this.prevID = prevID;
+    this.nextID = prevID.next();
     this.delimiter = InitialDelimiter;
     this.root = root;
     this.operations = [];
@@ -16988,8 +17217,8 @@ class ChangeContext {
   /**
    * `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.
@@ -17016,16 +17245,34 @@ class ChangeContext {
     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.
    */
@@ -17066,13 +17313,19 @@ class ChangeContext {
    */
   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 {
@@ -17097,10 +17350,15 @@ class CRDTRoot {
      * 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()) {
@@ -17177,6 +17435,7 @@ class CRDTRoot {
       parent,
       element
     });
+    addDataSizes(this.docSize.live, element.getDataSize());
     if (element instanceof CRDTContainer) {
       element.getDescendants((elem, parent2) => {
         this.registerElement(elem, parent2);
@@ -17191,6 +17450,7 @@ class CRDTRoot {
     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++;
@@ -17208,6 +17468,9 @@ class CRDTRoot {
    * `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());
   }
   /**
@@ -17220,6 +17483,12 @@ class CRDTRoot {
       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.
@@ -17260,22 +17529,7 @@ class CRDTRoot {
    * `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.
@@ -17329,6 +17583,12 @@ class CRDTRoot {
       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);
@@ -17946,12 +18206,13 @@ class Text {
     }
     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);
     }
@@ -18005,7 +18266,8 @@ class Text {
     }
     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);
     }
@@ -18548,7 +18810,8 @@ class Tree {
     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);
     }
@@ -18582,7 +18845,8 @@ class Tree {
     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);
     }
@@ -18615,11 +18879,12 @@ class Tree {
     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);
     }
@@ -18662,13 +18927,14 @@ class Tree {
     } 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);
     }
@@ -19001,6 +19267,43 @@ function buildCRDTElement(context, value, createdAt) {
   }
   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() {
@@ -19206,6 +19509,7 @@ class Document {
     __publicField(this, "changeID");
     __publicField(this, "checkpoint");
     __publicField(this, "localChanges");
+    __publicField(this, "maxSizeLimit");
     __publicField(this, "root");
     __publicField(this, "clone");
     __publicField(this, "eventStream");
@@ -19238,6 +19542,7 @@ class Document {
     this.changeID = InitialChangeID;
     this.checkpoint = InitialCheckpoint;
     this.localChanges = [];
+    this.maxSizeLimit = 0;
     this.eventStream = createObservable((observer) => {
       this.eventStreamObserver = observer;
     });
@@ -19257,13 +19562,14 @@ class Document {
    * `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
@@ -19287,11 +19593,19 @@ class Document {
     } 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,
@@ -19311,7 +19625,7 @@ class Document {
       if (opInfos.length > 0) {
         this.internalHistory.clearRedo();
       }
-      this.changeID = change.getID();
+      this.changeID = context.getNextID();
       const event = [];
       if (opInfos.length > 0) {
         event.push({
@@ -19681,7 +19995,13 @@ class Document {
     return this.status;
   }
   /**
-   * `getClone` return clone object.
+   * `getClone` returns this clone.
+   */
+  getClone() {
+    return this.clone;
+  }
+  /**
+   * `getCloneRoot` returns clone object.
    *
    * @internal
    */
@@ -19709,6 +20029,18 @@ class Document {
   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.
    *
@@ -20180,14 +20512,6 @@ class Document {
   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.
    */
@@ -20214,7 +20538,7 @@ class Document {
     }
     this.ensureClone();
     const context = ChangeContext.create(
-      this.changeID.next(),
+      this.changeID,
       this.clone.root,
       this.clone.presences.get(this.changeID.getActorID()) || {}
     );
@@ -20231,7 +20555,7 @@ class Document {
       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,
@@ -20252,7 +20576,7 @@ class Document {
       return;
     }
     this.localChanges.push(change);
-    this.changeID = change.getID();
+    this.changeID = context.getNextID();
     const actorID = this.changeID.getActorID();
     const event = [];
     if (opInfos.length > 0) {
@@ -20301,7 +20625,7 @@ class Document {
     }
     this.ensureClone();
     const context = ChangeContext.create(
-      this.changeID.next(),
+      this.changeID,
       this.clone.root,
       this.clone.presences.get(this.changeID.getActorID()) || {}
     );
@@ -20318,7 +20642,7 @@ class Document {
       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,
@@ -20339,7 +20663,7 @@ class Document {
       return;
     }
     this.localChanges.push(change);
-    this.changeID = change.getID();
+    this.changeID = context.getNextID();
     const actorID = this.changeID.getActorID();
     const event = [];
     if (opInfos.length > 0) {
@@ -20418,7 +20742,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name = "@yorkie-js/sdk";
-const version = "0.6.11-rc";
+const version = "0.6.13";
 const pkg = {
   name,
   version
@@ -20576,16 +20900,15 @@ class Client {
     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;
@@ -20649,6 +20972,10 @@ class Client {
           },
           { 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) {
@@ -20669,12 +20996,12 @@ class Client {
           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;
               }
@@ -20697,7 +21024,7 @@ class Client {
    * 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,
@@ -20712,14 +21039,14 @@ class Client {
       );
     }
     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()}` } }
         );
@@ -20736,7 +21063,14 @@ class Client {
         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.