@yorkie-js/react 0.6.12 → 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.12";
+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";
@@ -10976,6 +11128,23 @@ const parseObjectValues = (attrs) => {
   }
   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");
@@ -11111,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,
@@ -11129,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.
@@ -11142,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 = [];
@@ -11182,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.
@@ -11373,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);
     }
@@ -11476,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);
     }
@@ -11635,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.
@@ -11762,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();
@@ -11780,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.
@@ -12773,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) {
@@ -12784,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.
@@ -12975,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;
@@ -12996,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 = [];
@@ -13015,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) {
@@ -13051,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(
@@ -13102,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 = [];
@@ -13192,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);
         });
@@ -13216,7 +13430,7 @@ class CRDTTree extends CRDTElement {
         }
       }
     }
-    return [changes, pairs];
+    return [changes, pairs, diff];
   }
   /**
    * `editT` edits the given range with the given value.
@@ -13495,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)];
   }
   /**
@@ -13699,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,
@@ -13725,6 +13939,7 @@ class TreeEditOperation extends Operation {
       })(),
       versionVector
     );
+    root.acc(diff);
     for (const pair of pairs) {
       root.registerGCPair(pair);
     }
@@ -14779,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,
@@ -14795,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 {
@@ -14814,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.
@@ -14953,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);
@@ -14998,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,
@@ -15005,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);
@@ -15017,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) {
@@ -15486,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(),
@@ -15497,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);
     }
@@ -17019,7 +17249,7 @@ class ChangeContext {
    * document for the next change.returns the next ID of this context.
    */
   getNextID() {
-    if (this.operations.length === 0) {
+    if (this.isPresenceOnlyChange()) {
       return this.prevID.next(true).setLamport(this.prevID.getLamport()).setVersionVector(this.prevID.getVersionVector());
     }
     return this.nextID;
@@ -17028,7 +17258,7 @@ class ChangeContext {
    * `toChange` creates a new instance of Change in this context.
    */
   toChange() {
-    const id = this.operations.length === 0 ? this.prevID.next(true) : this.nextID;
+    const id = this.isPresenceOnlyChange() ? this.prevID.next(true) : this.nextID;
     return Change.create({
       id,
       operations: this.operations,
@@ -17036,6 +17266,13 @@ class ChangeContext {
       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.
    */
@@ -17084,6 +17321,12 @@ class ChangeContext {
   getLastTimeTicket() {
     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 {
   constructor(rootObject) {
@@ -17107,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()) {
@@ -17187,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);
@@ -17201,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++;
@@ -17218,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());
   }
   /**
@@ -17230,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.
@@ -17270,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.
@@ -17339,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);
@@ -17956,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);
     }
@@ -18015,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);
     }
@@ -18558,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);
     }
@@ -18592,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);
     }
@@ -18625,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);
     }
@@ -18672,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);
     }
@@ -19253,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");
@@ -19285,6 +19542,7 @@ class Document {
     this.changeID = InitialChangeID;
     this.checkpoint = InitialCheckpoint;
     this.localChanges = [];
+    this.maxSizeLimit = 0;
     this.eventStream = createObservable((observer) => {
       this.eventStreamObserver = observer;
     });
@@ -19304,6 +19562,7 @@ 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`);
     }
@@ -19334,6 +19593,14 @@ 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()}`);
@@ -19728,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
    */
@@ -19756,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.
    *
@@ -20457,7 +20742,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name = "@yorkie-js/sdk";
-const version = "0.6.12";
+const version = "0.6.13";
 const pkg = {
   name,
   version
@@ -20687,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) {