@yorkie-js/react 0.6.12 → 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.12";
+  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";
@@ -10978,6 +11130,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     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");
@@ -11113,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,
@@ -11131,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.
@@ -11144,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 = [];
@@ -11184,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.
@@ -11375,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);
       }
@@ -11478,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);
       }
@@ -11637,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.
@@ -11764,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();
@@ -11782,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.
@@ -12775,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) {
@@ -12786,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.
@@ -12977,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;
@@ -12998,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 = [];
@@ -13017,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) {
@@ -13053,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(
@@ -13104,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 = [];
@@ -13194,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);
           });
@@ -13218,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.
@@ -13497,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)];
     }
     /**
@@ -13701,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,
@@ -13727,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);
       }
@@ -14781,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,
@@ -14797,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 {
@@ -14816,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.
@@ -14955,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);
@@ -15000,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,
@@ -15007,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);
@@ -15019,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) {
@@ -15488,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(),
@@ -15499,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);
       }
@@ -17021,7 +17251,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * 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;
@@ -17030,7 +17260,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `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,
@@ -17038,6 +17268,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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.
      */
@@ -17086,6 +17323,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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) {
@@ -17109,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()) {
@@ -17189,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);
@@ -17203,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++;
@@ -17220,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());
     }
     /**
@@ -17232,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.
@@ -17272,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.
@@ -17341,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);
@@ -17958,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);
       }
@@ -18017,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);
       }
@@ -18560,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);
       }
@@ -18594,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);
       }
@@ -18627,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);
       }
@@ -18674,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);
       }
@@ -19255,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");
@@ -19287,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;
       });
@@ -19306,6 +19564,7 @@ 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`);
       }
@@ -19336,6 +19595,14 @@ 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()}`);
@@ -19730,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
      */
@@ -19758,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.
      *
@@ -20459,7 +20744,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name = "@yorkie-js/sdk";
-  const version = "0.6.12";
+  const version = "0.6.13";
   const pkg = {
     name,
     version
@@ -20689,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) {