@yorkie-js/react 0.6.27 → 0.6.29

package/dist/yorkie-js-react.js

@@ -7088,6 +7088,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        * @generated from field: string client_id = 1;
        */
       __publicField(this, "clientId", "");
+      /**
+       * @generated from field: bool synchronous = 2;
+       */
+      __publicField(this, "synchronous", false);
       proto3.util.initPartial(data, this);
     }
     static fromBinary(bytes, options) {
@@ -7112,6 +7116,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       kind: "scalar",
       T: 9
       /* ScalarType.STRING */
+    },
+    {
+      no: 2,
+      name: "synchronous",
+      kind: "scalar",
+      T: 8
+      /* ScalarType.BOOL */
     }
   ]));
   let DeactivateClientRequest = _DeactivateClientRequest;
@@ -8654,8 +8665,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     /**
-     * eslint-disable-next-line jsdoc/require-jsdoc
-     * @internal
+     * `[Symbol.iterator]` returns an iterator for the entries in this object.
      */
     *[Symbol.iterator]() {
       const keySet = /* @__PURE__ */ new Set();
@@ -10447,9 +10457,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `findNextBeforeExecutedAt` returns the node by the given createdAt and
      * executedAt. It passes through nodes created after executedAt from the
      * given node and returns the next node.
-     * @param createdAt - created time
-     * @param executedAt - executed time
-     * @returns next node
+     * @returns the next node of the given createdAt and executedAt
      */
     findNextBeforeExecutedAt(createdAt, executedAt) {
       let node = this.nodeMapByCreatedAt.get(createdAt.toIDString());
@@ -10785,8 +10793,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.elements.length;
     }
     /**
-     * eslint-disable-next-line jsdoc/require-jsdoc
-     * @internal
+     * `[Symbol.iterator]` returns an iterator for the elements in this array.
      */
     *[Symbol.iterator]() {
       for (const node of this.elements) {
@@ -11689,8 +11696,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `edit` edits the given range with the given value and attributes.
-     *
-     * @internal
      */
     edit(range, content, editedAt, attributes, versionVector) {
       const crdtTextValue = content ? CRDTTextValue.create(content) : void 0;
@@ -11727,7 +11732,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * @param range - range of RGATreeSplitNode
      * @param attributes - style attributes
      * @param editedAt - edited time
-     * @internal
      */
     setStyle(range, attributes, editedAt, versionVector) {
       const diff = { data: 0, meta: 0 };
@@ -11881,8 +11885,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getRGATreeSplit` returns rgaTreeSplit.
-     *
-     * @internal
      */
     getRGATreeSplit() {
       return this.rgaTreeSplit;
@@ -13995,8 +13997,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSForTest` returns value with meta data for testing.
-     *
-     * @internal
      */
     toJSForTest() {
       return {
@@ -14007,8 +14007,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSInfoForTest` returns detailed TreeNode information for use in Devtools.
-     *
-     * @internal
      */
     toJSInfoForTest() {
       const rootNode = this.indexTree.getRoot();
@@ -17562,11 +17560,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class Attachment {
     constructor(reconnectStreamDelay, doc, docID, syncMode, unsubscribeBroadcastEvent) {
       // TODO(hackerwins): Consider to changing the modifiers of the following properties to private.
-      __publicField(this, "reconnectStreamDelay");
       __publicField(this, "doc");
       __publicField(this, "docID");
       __publicField(this, "syncMode");
       __publicField(this, "remoteChangeEventReceived");
+      __publicField(this, "reconnectStreamDelay");
       __publicField(this, "cancelled");
       __publicField(this, "watchStream");
       __publicField(this, "watchLoopTimerID");
@@ -17640,156 +17638,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.watchLoopTimerID = void 0;
     }
   }
-  function validateYorkieRuleset(data, ruleset) {
-    const errors = [];
-    for (const rule of ruleset) {
-      const value = getValueByPath(data, rule.path);
-      const result = validateValue(value, rule);
-      if (!result.valid) {
-        for (const error of result.errors || []) {
-          errors.push(error);
-        }
-      }
-    }
-    return {
-      valid: errors.length === 0,
-      errors
-    };
-  }
-  function getValueByPath(obj, path) {
-    if (!path.startsWith("$")) {
-      throw new Error(`Path must start with $, got ${path}`);
-    }
-    const keys = path.split(".");
-    let current = obj;
-    for (let i = 1; i < keys.length; i++) {
-      const key = keys[i];
-      if (!(current instanceof CRDTObject)) {
-        return void 0;
-      }
-      current = current.get(key);
-    }
-    return current;
-  }
-  function validateValue(value, rule) {
-    switch (rule.type) {
-      case "string":
-      case "boolean":
-      case "integer":
-      case "double":
-      case "long":
-      case "date":
-      case "bytes":
-      case "null":
-        return validatePrimitiveValue(value, rule);
-      case "object":
-        if (!(value instanceof CRDTObject)) {
-          return {
-            valid: false,
-            errors: [
-              {
-                path: rule.path,
-                message: `expected object at path ${rule.path}`
-              }
-            ]
-          };
-        }
-        break;
-      case "array":
-        if (!(value instanceof CRDTArray)) {
-          return {
-            valid: false,
-            errors: [
-              {
-                path: rule.path,
-                message: `expected array at path ${rule.path}`
-              }
-            ]
-          };
-        }
-        break;
-      case "yorkie.Text":
-        if (!(value instanceof CRDTText)) {
-          return {
-            valid: false,
-            errors: [
-              {
-                path: rule.path,
-                message: `expected yorkie.Text at path ${rule.path}`
-              }
-            ]
-          };
-        }
-        break;
-      case "yorkie.Tree":
-        if (!(value instanceof CRDTTree)) {
-          return {
-            valid: false,
-            errors: [
-              {
-                path: rule.path,
-                message: `expected yorkie.Tree at path ${rule.path}`
-              }
-            ]
-          };
-        }
-        break;
-      case "yorkie.Counter":
-        if (!(value instanceof CRDTCounter)) {
-          return {
-            valid: false,
-            errors: [
-              {
-                path: rule.path,
-                message: `expected yorkie.Counter at path ${rule.path}`
-              }
-            ]
-          };
-        }
-        break;
-      default:
-        throw new Error(`Unknown rule type: ${rule.type}`);
-    }
-    return {
-      valid: true
-    };
-  }
-  function getPrimitiveType(type) {
-    switch (type) {
-      case "null":
-        return PrimitiveType.Null;
-      case "boolean":
-        return PrimitiveType.Boolean;
-      case "integer":
-        return PrimitiveType.Integer;
-      case "long":
-        return PrimitiveType.Long;
-      case "double":
-        return PrimitiveType.Double;
-      case "string":
-        return PrimitiveType.String;
-      case "bytes":
-        return PrimitiveType.Bytes;
-      case "date":
-        return PrimitiveType.Date;
-      default:
-        throw new Error(`Unknown primitive type: ${type}`);
-    }
-  }
-  function validatePrimitiveValue(value, rule) {
-    if (value instanceof Primitive && value.getType() === getPrimitiveType(rule.type)) {
-      return { valid: true };
-    }
-    return {
-      valid: false,
-      errors: [
-        {
-          path: rule.path,
-          message: `expected ${rule.type} at path ${rule.path}`
-        }
-      ]
-    };
-  }
   const Noop = () => {
   };
   class ObserverProxy {
@@ -18064,285 +17912,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.root.acc(diff);
     }
   }
-  class CRDTRoot {
-    constructor(rootObject) {
-      /**
-       * `rootObject` is the root object of the document.
-       */
-      __publicField(this, "rootObject");
-      /**
-       * `elementPairMapByCreatedAt` is a hash table that maps the creation time of
-       * an element to the element itself and its parent.
-       */
-      __publicField(this, "elementPairMapByCreatedAt");
-      /**
-       * `gcElementSetByCreatedAt` is a hash set that contains the creation
-       * time of the removed element. It is used to find the removed element when
-       * executing garbage collection.
-       */
-      __publicField(this, "gcElementSetByCreatedAt");
-      /**
-       * `gcPairMap` is a hash table that maps the IDString of GCChild to the
-       * 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()) {
-          this.registerRemovedElement(elem);
-        }
-        if (elem instanceof CRDTText || elem instanceof CRDTTree) {
-          for (const pair of elem.getGCPairs()) {
-            this.registerGCPair(pair);
-          }
-        }
-        return false;
-      });
-    }
-    /**
-     * `create` creates a new instance of Root.
-     */
-    static create() {
-      return new CRDTRoot(CRDTObject.create(InitialTimeTicket));
-    }
-    /**
-     * `findByCreatedAt` returns the element of given creation time.
-     */
-    findByCreatedAt(createdAt) {
-      const pair = this.elementPairMapByCreatedAt.get(createdAt.toIDString());
-      if (!pair) {
-        return;
-      }
-      return pair.element;
-    }
-    /**
-     * `findElementPairByCreatedAt` returns the element and parent pair
-     * of given creation time.
-     */
-    findElementPairByCreatedAt(createdAt) {
-      return this.elementPairMapByCreatedAt.get(createdAt.toIDString());
-    }
-    /**
-     * `createSubPaths` creates an array of the sub paths for the given element.
-     */
-    createSubPaths(createdAt) {
-      let pair = this.elementPairMapByCreatedAt.get(createdAt.toIDString());
-      if (!pair) {
-        return [];
-      }
-      const subPaths = [];
-      while (pair.parent) {
-        const createdAt2 = pair.element.getCreatedAt();
-        const subPath = pair.parent.subPathOf(createdAt2);
-        if (subPath === void 0) {
-          throw new YorkieError(
-            Code.ErrInvalidArgument,
-            `cant find the given element: ${createdAt2.toIDString()}`
-          );
-        }
-        subPaths.unshift(subPath);
-        pair = this.elementPairMapByCreatedAt.get(
-          pair.parent.getCreatedAt().toIDString()
-        );
-      }
-      subPaths.unshift("$");
-      return subPaths;
-    }
-    /**
-     * `createPath` creates path of the given element.
-     */
-    createPath(createdAt) {
-      return this.createSubPaths(createdAt).join(".");
-    }
-    /**
-     * `registerElement` registers the given element and its descendants to hash table.
-     */
-    registerElement(element, parent) {
-      this.elementPairMapByCreatedAt.set(element.getCreatedAt().toIDString(), {
-        parent,
-        element
-      });
-      addDataSizes(this.docSize.live, element.getDataSize());
-      if (element instanceof CRDTContainer) {
-        element.getDescendants((elem, par) => {
-          this.elementPairMapByCreatedAt.set(elem.getCreatedAt().toIDString(), {
-            parent: par,
-            element: elem
-          });
-          addDataSizes(this.docSize.live, elem.getDataSize());
-          return false;
-        });
-      }
-    }
-    /**
-     * `deregisterElement` deregister the given element and its descendants from hash table.
-     */
-    deregisterElement(element) {
-      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++;
-      };
-      deregisterElementInternal(element);
-      if (element instanceof CRDTContainer) {
-        element.getDescendants((e) => {
-          deregisterElementInternal(e);
-          return false;
-        });
-      }
-      return count;
-    }
-    /**
-     * `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());
-    }
-    /**
-     * `registerGCPair` registers the given pair to hash table.
-     */
-    registerGCPair(pair) {
-      const prev = this.gcPairMap.get(pair.child.toIDString());
-      if (prev) {
-        this.gcPairMap.delete(pair.child.toIDString());
-        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.
-     */
-    getElementMapSize() {
-      return this.elementPairMapByCreatedAt.size;
-    }
-    /**
-     * `getGarbageElementSetSize()` returns the size of removed element set.
-     */
-    getGarbageElementSetSize() {
-      const seen = /* @__PURE__ */ new Set();
-      for (const createdAt of this.gcElementSetByCreatedAt) {
-        seen.add(createdAt);
-        const pair = this.elementPairMapByCreatedAt.get(createdAt);
-        if (pair.element instanceof CRDTContainer) {
-          pair.element.getDescendants((el) => {
-            seen.add(el.getCreatedAt().toIDString());
-            return false;
-          });
-        }
-      }
-      return seen.size;
-    }
-    /**
-     * `getObject` returns root object.
-     */
-    getObject() {
-      return this.rootObject;
-    }
-    /**
-     * `getGarbageLen` returns length of nodes which can be garbage collected.
-     */
-    getGarbageLen() {
-      return this.getGarbageElementSetSize() + this.gcPairMap.size;
-    }
-    /**
-     * `getDocSize` returns the size of the document.
-     */
-    getDocSize() {
-      return this.docSize;
-    }
-    /**
-     * `deepcopy` copies itself deeply.
-     */
-    deepcopy() {
-      return new CRDTRoot(this.rootObject.deepcopy());
-    }
-    /**
-     * `garbageCollect` purges elements that were removed before the given time.
-     */
-    garbageCollect(minSyncedVersionVector) {
-      let count = 0;
-      for (const createdAt of this.gcElementSetByCreatedAt) {
-        const pair = this.elementPairMapByCreatedAt.get(createdAt);
-        const removedAt = pair.element.getRemovedAt();
-        if (removedAt && (minSyncedVersionVector == null ? void 0 : minSyncedVersionVector.afterOrEqual(removedAt))) {
-          pair.parent.purge(pair.element);
-          count += this.deregisterElement(pair.element);
-        }
-      }
-      for (const [, pair] of this.gcPairMap) {
-        const removedAt = pair.child.getRemovedAt();
-        if (removedAt && (minSyncedVersionVector == null ? void 0 : minSyncedVersionVector.afterOrEqual(removedAt))) {
-          pair.parent.purge(pair.child);
-          this.gcPairMap.delete(pair.child.toIDString());
-          count += 1;
-        }
-      }
-      return count;
-    }
-    /**
-     * `toJSON` returns the JSON encoding of this root object.
-     */
-    toJSON() {
-      return this.rootObject.toJSON();
-    }
-    /**
-     * `toSortedJSON` returns the sorted JSON encoding of this root object.
-     */
-    toSortedJSON() {
-      return this.rootObject.toSortedJSON();
-    }
-    /**
-     * `getStats` returns the current statistics of the root object.
-     * This includes counts of various types of elements and structural information.
-     */
-    getStats() {
-      return {
-        elements: this.getElementMapSize(),
-        gcPairs: this.gcPairMap.size,
-        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);
-    return new Proxy(target, objectProxy.getHandlers());
-  }
-  class ObjectProxy {
-    constructor(context) {
-      __publicField(this, "context");
-      __publicField(this, "handlers");
-      this.context = context;
-      this.handlers = {
-        set: (target, key, value) => {
-          if (logger.isEnabled(LogLevel.Trivial)) {
-            logger.trivial(`obj[${key}]=${JSON.stringify(value)}`);
+  function createJSONObject(context, target) {
+    const objectProxy = new ObjectProxy(context);
+    return new Proxy(target, objectProxy.getHandlers());
+  }
+  class ObjectProxy {
+    constructor(context) {
+      __publicField(this, "context");
+      __publicField(this, "handlers");
+      this.context = context;
+      this.handlers = {
+        set: (target, key, value) => {
+          if (logger.isEnabled(LogLevel.Trivial)) {
+            logger.trivial(`obj[${key}]=${JSON.stringify(value)}`);
           }
           ObjectProxy.setInternal(context, target, key, value);
           return true;
@@ -19034,7 +18616,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `initialize` initialize this text with context and internal text.
-     * @internal
      */
     initialize(context, text) {
       this.context = context;
@@ -19244,7 +18825,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSForTest` returns value with meta data for testing.
-     * @internal
      */
     toJSForTest() {
       if (!this.context || !this.text) {
@@ -19280,7 +18860,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `initialize` initialize this text with context and internal text.
-     * @internal
      */
     initialize(context, counter) {
       this.valueType = counter.getValueType();
@@ -19296,7 +18875,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getValue` returns the value of this counter;
-     * @internal
      */
     getValue() {
       return this.value;
@@ -19332,7 +18910,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSForTest` returns value with meta data for testing.
-     * @internal
      */
     toJSForTest() {
       if (!this.context || !this.counter) {
@@ -19531,7 +19108,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `initialize` initialize this tree with context and internal tree.
-     * @internal
      */
     initialize(context, tree) {
       this.context = context;
@@ -19942,7 +19518,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSForTest` returns value with meta data for testing.
-     * @internal
      */
     toJSForTest() {
       if (!this.context || !this.tree) {
@@ -19955,8 +19530,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `toJSInfoForTest` returns detailed TreeNode information for use in Devtools.
-     *
-     * @internal
      */
     toJSInfoForTest() {
       if (!this.context || !this.tree) {
@@ -20131,20 +19704,287 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return element;
   }
-  class Presence {
-    constructor(changeContext, presence) {
-      __publicField(this, "context");
-      __publicField(this, "presence");
-      this.context = changeContext;
-      this.presence = presence;
+  class CRDTRoot {
+    constructor(rootObject) {
+      /**
+       * `rootObject` is the root object of the document.
+       */
+      __publicField(this, "rootObject");
+      /**
+       * `elementPairMapByCreatedAt` is a hash table that maps the creation time of
+       * an element to the element itself and its parent.
+       */
+      __publicField(this, "elementPairMapByCreatedAt");
+      /**
+       * `gcElementSetByCreatedAt` is a hash set that contains the creation
+       * time of the removed element. It is used to find the removed element when
+       * executing garbage collection.
+       */
+      __publicField(this, "gcElementSetByCreatedAt");
+      /**
+       * `gcPairMap` is a hash table that maps the IDString of GCChild to the
+       * 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()) {
+          this.registerRemovedElement(elem);
+        }
+        if (elem instanceof CRDTText || elem instanceof CRDTTree) {
+          for (const pair of elem.getGCPairs()) {
+            this.registerGCPair(pair);
+          }
+        }
+        return false;
+      });
     }
     /**
-     * `set` updates the presence based on the partial presence.
+     * `create` creates a new instance of Root.
      */
-    set(presence, option) {
-      for (const key of Object.keys(presence)) {
-        this.presence[key] = presence[key];
-      }
+    static create() {
+      return new CRDTRoot(CRDTObject.create(InitialTimeTicket));
+    }
+    /**
+     * `findByCreatedAt` returns the element of given creation time.
+     */
+    findByCreatedAt(createdAt) {
+      const pair = this.elementPairMapByCreatedAt.get(createdAt.toIDString());
+      if (!pair) {
+        return;
+      }
+      return pair.element;
+    }
+    /**
+     * `findElementPairByCreatedAt` returns the element and parent pair
+     * of given creation time.
+     */
+    findElementPairByCreatedAt(createdAt) {
+      return this.elementPairMapByCreatedAt.get(createdAt.toIDString());
+    }
+    /**
+     * `createSubPaths` creates an array of the sub paths for the given element.
+     */
+    createSubPaths(createdAt) {
+      let pair = this.elementPairMapByCreatedAt.get(createdAt.toIDString());
+      if (!pair) {
+        return [];
+      }
+      const subPaths = [];
+      while (pair.parent) {
+        const createdAt2 = pair.element.getCreatedAt();
+        const subPath = pair.parent.subPathOf(createdAt2);
+        if (subPath === void 0) {
+          throw new YorkieError(
+            Code.ErrInvalidArgument,
+            `cant find the given element: ${createdAt2.toIDString()}`
+          );
+        }
+        subPaths.unshift(subPath);
+        pair = this.elementPairMapByCreatedAt.get(
+          pair.parent.getCreatedAt().toIDString()
+        );
+      }
+      subPaths.unshift("$");
+      return subPaths;
+    }
+    /**
+     * `createPath` creates path of the given element.
+     */
+    createPath(createdAt) {
+      return this.createSubPaths(createdAt).join(".");
+    }
+    /**
+     * `registerElement` registers the given element and its descendants to hash table.
+     */
+    registerElement(element, parent) {
+      this.elementPairMapByCreatedAt.set(element.getCreatedAt().toIDString(), {
+        parent,
+        element
+      });
+      addDataSizes(this.docSize.live, element.getDataSize());
+      if (element instanceof CRDTContainer) {
+        element.getDescendants((elem, par) => {
+          this.elementPairMapByCreatedAt.set(elem.getCreatedAt().toIDString(), {
+            parent: par,
+            element: elem
+          });
+          addDataSizes(this.docSize.live, elem.getDataSize());
+          return false;
+        });
+      }
+    }
+    /**
+     * `deregisterElement` deregister the given element and its descendants from hash table.
+     */
+    deregisterElement(element) {
+      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++;
+      };
+      deregisterElementInternal(element);
+      if (element instanceof CRDTContainer) {
+        element.getDescendants((e) => {
+          deregisterElementInternal(e);
+          return false;
+        });
+      }
+      return count;
+    }
+    /**
+     * `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());
+    }
+    /**
+     * `registerGCPair` registers the given pair to hash table.
+     */
+    registerGCPair(pair) {
+      const prev = this.gcPairMap.get(pair.child.toIDString());
+      if (prev) {
+        this.gcPairMap.delete(pair.child.toIDString());
+        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.
+     */
+    getElementMapSize() {
+      return this.elementPairMapByCreatedAt.size;
+    }
+    /**
+     * `getGarbageElementSetSize()` returns the size of removed element set.
+     */
+    getGarbageElementSetSize() {
+      const seen = /* @__PURE__ */ new Set();
+      for (const createdAt of this.gcElementSetByCreatedAt) {
+        seen.add(createdAt);
+        const pair = this.elementPairMapByCreatedAt.get(createdAt);
+        if (pair.element instanceof CRDTContainer) {
+          pair.element.getDescendants((el) => {
+            seen.add(el.getCreatedAt().toIDString());
+            return false;
+          });
+        }
+      }
+      return seen.size;
+    }
+    /**
+     * `getObject` returns root object.
+     */
+    getObject() {
+      return this.rootObject;
+    }
+    /**
+     * `getGarbageLen` returns length of nodes which can be garbage collected.
+     */
+    getGarbageLen() {
+      return this.getGarbageElementSetSize() + this.gcPairMap.size;
+    }
+    /**
+     * `getDocSize` returns the size of the document.
+     */
+    getDocSize() {
+      return this.docSize;
+    }
+    /**
+     * `deepcopy` copies itself deeply.
+     */
+    deepcopy() {
+      return new CRDTRoot(this.rootObject.deepcopy());
+    }
+    /**
+     * `garbageCollect` purges elements that were removed before the given time.
+     */
+    garbageCollect(minSyncedVersionVector) {
+      let count = 0;
+      for (const createdAt of this.gcElementSetByCreatedAt) {
+        const pair = this.elementPairMapByCreatedAt.get(createdAt);
+        const removedAt = pair.element.getRemovedAt();
+        if (removedAt && (minSyncedVersionVector == null ? void 0 : minSyncedVersionVector.afterOrEqual(removedAt))) {
+          pair.parent.purge(pair.element);
+          count += this.deregisterElement(pair.element);
+        }
+      }
+      for (const [, pair] of this.gcPairMap) {
+        const removedAt = pair.child.getRemovedAt();
+        if (removedAt && (minSyncedVersionVector == null ? void 0 : minSyncedVersionVector.afterOrEqual(removedAt))) {
+          pair.parent.purge(pair.child);
+          subDataSize(this.docSize.gc, pair.child.getDataSize());
+          this.gcPairMap.delete(pair.child.toIDString());
+          count += 1;
+        }
+      }
+      return count;
+    }
+    /**
+     * `toJSON` returns the JSON encoding of this root object.
+     */
+    toJSON() {
+      return this.rootObject.toJSON();
+    }
+    /**
+     * `toSortedJSON` returns the sorted JSON encoding of this root object.
+     */
+    toSortedJSON() {
+      return this.rootObject.toSortedJSON();
+    }
+    /**
+     * `getStats` returns the current statistics of the root object.
+     * This includes counts of various types of elements and structural information.
+     */
+    getStats() {
+      return {
+        elements: this.getElementMapSize(),
+        gcPairs: this.gcPairMap.size,
+        gcElements: this.getGarbageElementSetSize()
+      };
+    }
+    /**
+     * `acc` accumulates the given DataSize to Live.
+     */
+    acc(diff) {
+      addDataSizes(this.docSize.live, diff);
+    }
+  }
+  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)
@@ -20159,7 +19999,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `clear` clears the presence.
-     * @internal
      */
     clear() {
       this.presence = {};
@@ -20261,6 +20100,156 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       replace(this.redoStack);
     }
   }
+  function validateYorkieRuleset(data, ruleset) {
+    const errors = [];
+    for (const rule of ruleset) {
+      const value = getValueByPath(data, rule.path);
+      const result = validateValue(value, rule);
+      if (!result.valid) {
+        for (const error of result.errors || []) {
+          errors.push(error);
+        }
+      }
+    }
+    return {
+      valid: errors.length === 0,
+      errors
+    };
+  }
+  function getValueByPath(obj, path) {
+    if (!path.startsWith("$")) {
+      throw new Error(`Path must start with $, got ${path}`);
+    }
+    const keys = path.split(".");
+    let current = obj;
+    for (let i = 1; i < keys.length; i++) {
+      const key = keys[i];
+      if (!(current instanceof CRDTObject)) {
+        return void 0;
+      }
+      current = current.get(key);
+    }
+    return current;
+  }
+  function validateValue(value, rule) {
+    switch (rule.type) {
+      case "string":
+      case "boolean":
+      case "integer":
+      case "double":
+      case "long":
+      case "date":
+      case "bytes":
+      case "null":
+        return validatePrimitiveValue(value, rule);
+      case "object":
+        if (!(value instanceof CRDTObject)) {
+          return {
+            valid: false,
+            errors: [
+              {
+                path: rule.path,
+                message: `expected object at path ${rule.path}`
+              }
+            ]
+          };
+        }
+        break;
+      case "array":
+        if (!(value instanceof CRDTArray)) {
+          return {
+            valid: false,
+            errors: [
+              {
+                path: rule.path,
+                message: `expected array at path ${rule.path}`
+              }
+            ]
+          };
+        }
+        break;
+      case "yorkie.Text":
+        if (!(value instanceof CRDTText)) {
+          return {
+            valid: false,
+            errors: [
+              {
+                path: rule.path,
+                message: `expected yorkie.Text at path ${rule.path}`
+              }
+            ]
+          };
+        }
+        break;
+      case "yorkie.Tree":
+        if (!(value instanceof CRDTTree)) {
+          return {
+            valid: false,
+            errors: [
+              {
+                path: rule.path,
+                message: `expected yorkie.Tree at path ${rule.path}`
+              }
+            ]
+          };
+        }
+        break;
+      case "yorkie.Counter":
+        if (!(value instanceof CRDTCounter)) {
+          return {
+            valid: false,
+            errors: [
+              {
+                path: rule.path,
+                message: `expected yorkie.Counter at path ${rule.path}`
+              }
+            ]
+          };
+        }
+        break;
+      default:
+        throw new Error(`Unknown rule type: ${rule.type}`);
+    }
+    return {
+      valid: true
+    };
+  }
+  function getPrimitiveType(type) {
+    switch (type) {
+      case "null":
+        return PrimitiveType.Null;
+      case "boolean":
+        return PrimitiveType.Boolean;
+      case "integer":
+        return PrimitiveType.Integer;
+      case "long":
+        return PrimitiveType.Long;
+      case "double":
+        return PrimitiveType.Double;
+      case "string":
+        return PrimitiveType.String;
+      case "bytes":
+        return PrimitiveType.Bytes;
+      case "date":
+        return PrimitiveType.Date;
+      default:
+        throw new Error(`Unknown primitive type: ${type}`);
+    }
+  }
+  function validatePrimitiveValue(value, rule) {
+    if (value instanceof Primitive && value.getType() === getPrimitiveType(rule.type)) {
+      return { valid: true };
+    }
+    return {
+      valid: false,
+      errors: [
+        {
+          path: rule.path,
+          message: `expected ${rule.type} at path ${rule.path}`
+        }
+      ]
+    };
+  }
   const EventSourceDevPanel = "yorkie-devtools-panel";
   const EventSourceSDK = "yorkie-devtools-sdk";
   function isDocEventForReplay(event) {
@@ -20396,57 +20385,44 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "key");
       __publicField(this, "status");
       __publicField(this, "opts");
+      __publicField(this, "maxSizeLimit");
+      __publicField(this, "schemaRules");
       __publicField(this, "changeID");
       __publicField(this, "checkpoint");
       __publicField(this, "localChanges");
-      __publicField(this, "maxSizeLimit");
-      __publicField(this, "schemaRules");
       __publicField(this, "root");
+      __publicField(this, "presences");
       __publicField(this, "clone");
+      __publicField(this, "internalHistory");
+      __publicField(this, "isUpdating");
+      __publicField(this, "onlineClients");
       __publicField(this, "eventStream");
       __publicField(this, "eventStreamObserver");
-      /**
-       * `onlineClients` is a set of client IDs that are currently online.
-       */
-      __publicField(this, "onlineClients");
-      /**
-       * `presences` is a map of client IDs to their presence information.
-       */
-      __publicField(this, "presences");
       /**
        * `history` is exposed to the user to manage undo/redo operations.
        */
       __publicField(this, "history");
-      /**
-       * `internalHistory` is used to manage undo/redo operations internally.
-       */
-      __publicField(this, "internalHistory");
-      /**
-       * `isUpdating` is whether the document is updating by updater or not. It is
-       * used to prevent the updater from calling undo/redo.
-       */
-      __publicField(this, "isUpdating");
-      this.opts = opts || {};
       this.key = key;
       this.status = "detached";
-      this.root = CRDTRoot.create();
+      this.opts = opts || {};
+      this.maxSizeLimit = 0;
+      this.schemaRules = [];
       this.changeID = InitialChangeID;
       this.checkpoint = InitialCheckpoint;
       this.localChanges = [];
-      this.maxSizeLimit = 0;
-      this.schemaRules = [];
-      this.eventStream = createObservable((observer) => {
-        this.eventStreamObserver = observer;
-      });
-      this.onlineClients = /* @__PURE__ */ new Set();
+      this.root = CRDTRoot.create();
       this.presences = /* @__PURE__ */ new Map();
-      this.isUpdating = false;
+      this.onlineClients = /* @__PURE__ */ new Set();
       this.internalHistory = new History();
+      this.isUpdating = false;
+      this.eventStream = createObservable(
+        (observer) => this.eventStreamObserver = observer
+      );
       this.history = {
-        canUndo: this.canUndo.bind(this),
-        canRedo: this.canRedo.bind(this),
-        undo: this.undo.bind(this),
-        redo: this.redo.bind(this)
+        canUndo: () => this.internalHistory.hasUndo() && !this.isUpdating,
+        canRedo: () => this.internalHistory.hasRedo() && !this.isUpdating,
+        undo: () => this.executeUndoRedo(true),
+        redo: () => this.executeUndoRedo(false)
       };
       setupDevtools(this);
     }
@@ -20460,7 +20436,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       this.ensureClone();
       const actorID = this.changeID.getActorID();
-      const context = ChangeContext.create(
+      const ctx = ChangeContext.create(
         this.changeID,
         this.clone.root,
         this.clone.presences.get(actorID) || {},
@@ -20468,29 +20444,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       );
       try {
         const proxy = createJSON(
-          context,
+          ctx,
           this.clone.root.getObject()
         );
         if (!this.presences.has(actorID)) {
           this.clone.presences.set(actorID, {});
         }
         this.isUpdating = true;
-        updater(
-          proxy,
-          new Presence(context, this.clone.presences.get(actorID))
-        );
+        updater(proxy, new Presence(ctx, this.clone.presences.get(actorID)));
       } catch (err) {
         this.clone = void 0;
         throw err;
       } finally {
         this.isUpdating = false;
       }
-      const schemaRules = this.getSchemaRules();
-      if (!context.isPresenceOnlyChange() && schemaRules.length > 0) {
-        const result = validateYorkieRuleset(
-          (_a2 = this.clone) == null ? void 0 : _a2.root.getObject(),
-          schemaRules
-        );
+      const rules = this.getSchemaRules();
+      if (!ctx.isPresenceOnlyChange() && rules.length) {
+        const result = validateYorkieRuleset((_a2 = this.clone) == null ? void 0 : _a2.root.getObject(), rules);
         if (!result.valid) {
           this.clone = void 0;
           throw new YorkieError(
@@ -20500,18 +20470,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
       const size = totalDocSize((_c2 = this.clone) == null ? void 0 : _c2.root.getDocSize());
-      if (!context.isPresenceOnlyChange() && this.maxSizeLimit > 0 && this.maxSizeLimit < size) {
+      if (!ctx.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 (ctx.hasChange()) {
         if (logger.isEnabled(LogLevel.Trivial)) {
           logger.trivial(`trying to update a local change: ${this.toJSON()}`);
         }
-        const change = context.toChange();
+        const change = ctx.toChange();
         const { opInfos, reverseOps } = change.execute(
           this.root,
           this.presences,
@@ -20525,7 +20495,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             );
           }
         }
-        const reversePresence = context.getReversePresence();
+        const reversePresence = ctx.getReversePresence();
         if (reversePresence) {
           reverseOps.push({
             type: "presence",
@@ -20533,15 +20503,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           });
         }
         this.localChanges.push(change);
-        if (reverseOps.length > 0) {
+        if (reverseOps.length) {
           this.internalHistory.pushUndo(reverseOps);
         }
-        if (opInfos.length > 0) {
+        if (opInfos.length) {
           this.internalHistory.clearRedo();
         }
-        this.changeID = context.getNextID();
+        this.changeID = ctx.getNextID();
         const event = [];
-        if (opInfos.length > 0) {
+        if (opInfos.length) {
           event.push({
             type: "local-change",
             source: OpSource.Local,
@@ -20763,32 +20733,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * `publish` triggers an event in this document, which can be received by
      * callback functions from document.subscribe().
      */
-    publish(event) {
+    publish(events) {
       if (this.eventStreamObserver) {
-        this.eventStreamObserver.next(event);
-      }
-    }
-    isSameElementOrChildOf(elem, parent) {
-      if (parent === elem) {
-        return true;
-      }
-      const nodePath = elem.split(".");
-      const targetPath = parent.split(".");
-      return targetPath.every((path, index) => path === nodePath[index]);
-    }
-    /**
-     * `removePushedLocalChanges` removes local changes that have been applied to
-     * the server from the local changes.
-     *
-     * @param clientSeq - client sequence number to remove local changes before it
-     */
-    removePushedLocalChanges(clientSeq) {
-      while (this.localChanges.length) {
-        const change = this.localChanges[0];
-        if (change.getID().getClientSeq() > clientSeq) {
-          break;
-        }
-        this.localChanges.shift();
+        this.eventStreamObserver.next(events);
       }
     }
     /**
@@ -20796,13 +20743,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * 1. Remove local changes applied to server.
      * 2. Update the checkpoint.
      * 3. Do Garbage collection.
-     *
-     * @param pack - change pack
-     * @internal
      */
     applyChangePack(pack) {
-      const hasSnapshot = pack.hasSnapshot();
-      if (hasSnapshot) {
+      if (pack.hasSnapshot()) {
         this.applySnapshot(
           pack.getCheckpoint().getServerSeq(),
           pack.getVersionVector(),
@@ -20814,7 +20757,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.removePushedLocalChanges(pack.getCheckpoint().getClientSeq());
       }
       this.checkpoint = this.checkpoint.forward(pack.getCheckpoint());
-      if (!hasSnapshot) {
+      if (!pack.hasSnapshot()) {
         this.garbageCollect(pack.getVersionVector());
       }
       if (pack.getIsRemoved()) {
@@ -20829,16 +20772,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getCheckpoint` returns the checkpoint of this document.
-     *
-     * @internal
      */
     getCheckpoint() {
       return this.checkpoint;
     }
     /**
      * `getChangeID` returns the change id of this document.
-     *
-     * @internal
      */
     getChangeID() {
       return this.changeID;
@@ -20851,8 +20790,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `ensureClone` make a clone of root.
-     *
-     * @internal
      */
     ensureClone() {
       if (this.clone) {
@@ -20866,8 +20803,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `createChangePack` create change pack of the local changes to send to the
      * remote server.
-     *
-     * @internal
      */
     createChangePack() {
       const changes = Array.from(this.localChanges);
@@ -20883,8 +20818,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     /**
      * `setActor` sets actor into this document. This is also applied in the local
      * changes the document has.
-     *
-     * @internal
      */
     setActor(actorID) {
       for (const change of this.localChanges) {
@@ -20918,8 +20851,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getCloneRoot` returns clone object.
-     *
-     * @internal
      */
     getCloneRoot() {
       if (!this.clone) {
@@ -20932,12 +20863,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     getRoot() {
       this.ensureClone();
-      const context = ChangeContext.create(
+      const ctx = ChangeContext.create(
         this.changeID.next(),
         this.clone.root,
         this.clone.presences.get(this.changeID.getActorID()) || {}
       );
-      return createJSON(context, this.clone.root.getObject());
+      return createJSON(ctx, this.clone.root.getObject());
     }
     /**
      * `getDocSize` returns the size of this document.
@@ -20971,8 +20902,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `garbageCollect` purges elements that were removed before the given time.
-     *
-     * @internal
      */
     garbageCollect(minSyncedVersionVector) {
       if (this.opts.disableGC) {
@@ -20985,16 +20914,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getRootObject` returns root object.
-     *
-     * @internal
      */
     getRootObject() {
       return this.root.getObject();
     }
     /**
      * `getGarbageLen` returns the length of elements should be purged.
-     *
-     * @internal
      */
     getGarbageLen() {
       return this.root.getGarbageLen();
@@ -21089,13 +21014,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     applyChange(change, source) {
       this.ensureClone();
       change.execute(this.clone.root, this.clone.presences, source);
-      const event = [];
+      const events = [];
       const actorID = change.getID().getActorID();
       if (change.hasPresenceChange() && this.onlineClients.has(actorID)) {
         const presenceChange = change.getPresenceChange();
         switch (presenceChange.type) {
           case PresenceChangeType.Put:
-            event.push(
+            events.push(
               this.presences.has(actorID) ? {
                 type: "presence-changed",
                 source,
@@ -21114,7 +21039,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             );
             break;
           case PresenceChangeType.Clear:
-            event.push({
+            events.push({
               type: "unwatched",
               source: OpSource.Remote,
               value: {
@@ -21128,9 +21053,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const { opInfos } = change.execute(this.root, this.presences, source);
       this.changeID = this.changeID.syncClocks(change.getID());
-      if (opInfos.length > 0) {
+      if (opInfos.length) {
         const rawChange = this.isEnableDevtools() ? change.toStruct() : void 0;
-        event.push(
+        events.push(
           source === OpSource.Remote ? {
             type: "remote-change",
             source,
@@ -21156,8 +21081,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         );
       }
-      if (event.length > 0) {
-        this.publish(event);
+      if (events.length) {
+        this.publish(events);
       }
     }
     /**
@@ -21185,14 +21110,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       if (resp.body.case === "event") {
         const { type, publisher } = resp.body.value;
-        const event = [];
+        const events = [];
         if (type === DocEventType$1.DOCUMENT_WATCHED) {
           if (this.onlineClients.has(publisher) && this.hasPresence(publisher)) {
             return;
           }
           this.addOnlineClient(publisher);
           if (this.hasPresence(publisher)) {
-            event.push({
+            events.push({
               type: "watched",
               source: OpSource.Remote,
               value: {
@@ -21205,7 +21130,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           const presence = this.getPresence(publisher);
           this.removeOnlineClient(publisher);
           if (presence) {
-            event.push({
+            events.push({
               type: "unwatched",
               source: OpSource.Remote,
               value: { clientID: publisher, presence }
@@ -21215,7 +21140,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           if (resp.body.value.body) {
             const { topic, payload } = resp.body.value.body;
             const decoder = new TextDecoder();
-            event.push({
+            events.push({
               type: "broadcast",
               value: {
                 clientID: publisher,
@@ -21225,8 +21150,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             });
           }
         }
-        if (event.length > 0) {
-          this.publish(event);
+        if (events.length) {
+          this.publish(events);
         }
       }
     }
@@ -21247,62 +21172,51 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       ]);
     }
     /**
-     * `applyDocEventForReplay` applies the given event into this document.
+     * `applyDocEventsForReplay` applies the given events into this document.
      */
-    applyDocEventForReplay(event) {
-      if (event.type === "status-changed") {
-        this.applyStatus(event.value.status);
-        if (event.value.status === "attached") {
-          this.setActor(event.value.actorID);
+    applyDocEventsForReplay(events) {
+      for (const event of events) {
+        if (event.type === "status-changed") {
+          this.applyStatus(event.value.status);
+          if (event.value.status === "attached") {
+            this.setActor(event.value.actorID);
+          }
+          continue;
         }
-        return;
-      }
-      if (event.type === "snapshot") {
-        const { snapshot, serverSeq, snapshotVector } = event.value;
-        if (!snapshot) return;
-        this.applySnapshot(
-          BigInt(serverSeq),
-          converter.hexToVersionVector(snapshotVector),
-          converter.hexToBytes(snapshot)
-        );
-        return;
-      }
-      if (event.type === "local-change" || event.type === "remote-change") {
-        if (!event.rawChange) return;
-        const change = Change.fromStruct(event.rawChange);
-        this.applyChange(change, event.source);
-      }
-      if (event.type === "initialized") {
-        const onlineClients = /* @__PURE__ */ new Set();
-        for (const { clientID, presence } of event.value) {
-          onlineClients.add(clientID);
+        if (event.type === "snapshot") {
+          const { snapshot, serverSeq, snapshotVector } = event.value;
+          if (!snapshot) continue;
+          this.applySnapshot(
+            BigInt(serverSeq),
+            converter.hexToVersionVector(snapshotVector),
+            converter.hexToBytes(snapshot)
+          );
+          continue;
+        }
+        if (event.type === "local-change" || event.type === "remote-change") {
+          if (!event.rawChange) continue;
+          const change = Change.fromStruct(event.rawChange);
+          this.applyChange(change, event.source);
+        }
+        if (event.type === "initialized") {
+          const onlineClients = /* @__PURE__ */ new Set();
+          for (const { clientID, presence } of event.value) {
+            onlineClients.add(clientID);
+            this.presences.set(clientID, presence);
+          }
+          this.setOnlineClients(onlineClients);
+        } else if (event.type === "watched") {
+          const { clientID, presence } = event.value;
+          this.addOnlineClient(clientID);
+          this.presences.set(clientID, presence);
+        } else if (event.type === "unwatched") {
+          const { clientID } = event.value;
+          this.removeOnlineClient(clientID);
+          this.presences.delete(clientID);
+        } else if (event.type === "presence-changed") {
+          const { clientID, presence } = event.value;
           this.presences.set(clientID, presence);
         }
-        this.setOnlineClients(onlineClients);
-        return;
-      }
-      if (event.type === "watched") {
-        const { clientID, presence } = event.value;
-        this.addOnlineClient(clientID);
-        this.presences.set(clientID, presence);
-        return;
-      }
-      if (event.type === "unwatched") {
-        const { clientID } = event.value;
-        this.removeOnlineClient(clientID);
-        this.presences.delete(clientID);
-      }
-      if (event.type === "presence-changed") {
-        const { clientID, presence } = event.value;
-        this.presences.set(clientID, presence);
-      }
-    }
-    /**
-     * `applyDocEventsForReplay` applies the given events into this document.
-     */
-    applyDocEventsForReplay(event) {
-      for (const docEvent of event) {
-        this.applyDocEventForReplay(docEvent);
       }
     }
     /**
@@ -21315,51 +21229,41 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           `path must start with "$"`
         );
       }
-      const pathArr = path.split(".");
-      pathArr.shift();
+      const paths = path.split(".");
+      paths.shift();
       let value = this.getRoot();
-      for (const key of pathArr) {
+      for (const key of paths) {
         value = value[key];
-        if (value === void 0) return void 0;
+        if (!value) return void 0;
       }
       return value;
     }
     /**
      * `setOnlineClients` sets the given online client set.
-     *
-     * @internal
      */
     setOnlineClients(onlineClients) {
       this.onlineClients = onlineClients;
     }
     /**
      * `resetOnlineClients` resets the online client set.
-     *
-     * @internal
      */
     resetOnlineClients() {
       this.onlineClients = /* @__PURE__ */ new Set();
     }
     /**
      * `addOnlineClient` adds the given clientID into the online client set.
-     *
-     * @internal
      */
     addOnlineClient(clientID) {
       this.onlineClients.add(clientID);
     }
     /**
      * `removeOnlineClient` removes the clientID from the online client set.
-     *
-     * @internal
      */
     removeOnlineClient(clientID) {
       this.onlineClients.delete(clientID);
     }
     /**
      * `hasPresence` returns whether the given clientID has a presence or not.
-     *
-     * @internal
      */
     hasPresence(clientID) {
       return this.presences.has(clientID);
@@ -21374,6 +21278,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const p = this.presences.get(this.changeID.getActorID());
       return p ? deepcopy(p) : {};
     }
+    /**
+     * `getOthersPresences` returns the presences of all other clients.
+     */
+    getOthersPresences() {
+      const others = [];
+      const myClientID = this.changeID.getActorID();
+      for (const clientID of this.onlineClients) {
+        if (clientID !== myClientID && this.presences.has(clientID)) {
+          others.push({
+            clientID,
+            presence: deepcopy(this.presences.get(clientID))
+          });
+        }
+      }
+      return others;
+    }
     /**
      * `getPresence` returns the presence of the given clientID.
      */
@@ -21385,16 +21305,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const p = this.presences.get(clientID);
       return p ? deepcopy(p) : void 0;
     }
-    /**
-     * `getPresenceForTest` returns the presence of the given clientID
-     * regardless of whether the client is online or not.
-     *
-     * @internal
-     */
-    getPresenceForTest(clientID) {
-      const p = this.presences.get(clientID);
-      return p ? deepcopy(p) : void 0;
-    }
     /**
      * `getPresences` returns the presences of online clients.
      */
@@ -21414,10 +21324,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return presences;
     }
+    /**
+     * `getPresenceForTest` returns the presence of the given clientID
+     * regardless of whether the client is online or not.
+     */
+    getPresenceForTest(clientID) {
+      const p = this.presences.get(clientID);
+      return p ? deepcopy(p) : void 0;
+    }
     /**
      * `getSelfForTest` returns the client that has attached this document.
-     *
-     * @internal
      */
     getSelfForTest() {
       return {
@@ -21427,193 +21343,135 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     /**
      * `getOthersForTest` returns all the other clients in online, sorted by clientID.
-     *
-     * @internal
      */
     getOthersForTest() {
       const myClientID = this.getChangeID().getActorID();
       return this.getPresences().filter((a) => a.clientID !== myClientID).sort((a, b) => a.clientID > b.clientID ? 1 : -1);
     }
     /**
-     * `canUndo` returns whether there are any operations to undo.
+     * `getUndoStackForTest` returns the undo stack for test.
      */
-    canUndo() {
-      return this.internalHistory.hasUndo() && !this.isUpdating;
+    getUndoStackForTest() {
+      return this.internalHistory.getUndoStackForTest();
     }
     /**
-     * `canRedo` returns whether there are any operations to redo.
+     * `getRedoStackForTest` returns the redo stack for test.
      */
-    canRedo() {
-      return this.internalHistory.hasRedo() && !this.isUpdating;
+    getRedoStackForTest() {
+      return this.internalHistory.getRedoStackForTest();
     }
     /**
-     * `undo` undoes the last operation executed by the current client.
-     * It does not impact operations made by other clients.
+     * `broadcast` the payload to the given topic.
      */
-    undo() {
-      if (this.isUpdating) {
-        throw new YorkieError(
-          Code.ErrRefused,
-          "Undo is not allowed during an update"
-        );
-      }
-      const undoOps = this.internalHistory.popUndo();
-      if (undoOps === void 0) {
-        throw new YorkieError(
-          Code.ErrRefused,
-          "There is no operation to be undone"
-        );
-      }
-      this.ensureClone();
-      const context = ChangeContext.create(
-        this.changeID,
-        this.clone.root,
-        this.clone.presences.get(this.changeID.getActorID()) || {}
-      );
-      for (const undoOp of undoOps) {
-        if (!(undoOp instanceof Operation)) {
-          const presence = new Presence(
-            context,
-            deepcopy(this.clone.presences.get(this.changeID.getActorID()))
-          );
-          presence.set(undoOp.value, { addToHistory: true });
-          continue;
-        }
-        const ticket = context.issueTimeTicket();
-        undoOp.setExecutedAt(ticket);
-        if (undoOp instanceof ArraySetOperation) {
-          const prev = undoOp.getCreatedAt();
-          undoOp.getValue().setCreatedAt(ticket);
-          this.internalHistory.reconcileCreatedAt(prev, ticket);
-        } else if (undoOp instanceof AddOperation) {
-          const prev = undoOp.getValue().getCreatedAt();
-          undoOp.getValue().setCreatedAt(ticket);
-          this.internalHistory.reconcileCreatedAt(prev, ticket);
+    broadcast(topic, payload, options) {
+      this.publish([
+        {
+          type: "local-broadcast",
+          value: { topic, payload },
+          options
         }
-        context.push(undoOp);
-      }
-      const change = context.toChange();
-      change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
-      const { opInfos, reverseOps } = change.execute(
-        this.root,
-        this.presences,
-        OpSource.UndoRedo
-      );
-      const reversePresence = context.getReversePresence();
-      if (reversePresence) {
-        reverseOps.push({
-          type: "presence",
-          value: reversePresence
-        });
-      }
-      if (reverseOps.length > 0) {
-        this.internalHistory.pushRedo(reverseOps);
-      }
-      if (!change.hasPresenceChange() && opInfos.length === 0) {
-        return;
-      }
-      this.localChanges.push(change);
-      this.changeID = context.getNextID();
-      const actorID = this.changeID.getActorID();
-      const event = [];
-      if (opInfos.length > 0) {
-        event.push({
-          type: "local-change",
-          source: OpSource.UndoRedo,
-          value: {
-            message: change.getMessage() || "",
-            operations: opInfos,
-            actor: actorID,
-            clientSeq: change.getID().getClientSeq(),
-            serverSeq: change.getID().getServerSeq()
-          },
-          rawChange: this.isEnableDevtools() ? change.toStruct() : void 0
-        });
+      ]);
+    }
+    /**
+     * `getVersionVector` returns the version vector of document
+     */
+    getVersionVector() {
+      return this.changeID.getVersionVector();
+    }
+    isSameElementOrChildOf(elem, parent) {
+      if (parent === elem) {
+        return true;
       }
-      if (change.hasPresenceChange()) {
-        event.push({
-          type: "presence-changed",
-          source: OpSource.UndoRedo,
-          value: {
-            clientID: actorID,
-            presence: this.getPresence(actorID)
-          }
-        });
+      const nodePath = elem.split(".");
+      return parent.split(".").every((path, index) => path === nodePath[index]);
+    }
+    /**
+     * `removePushedLocalChanges` removes local changes that have been applied to
+     * the server from the local changes.
+     *
+     * @param clientSeq - client sequence number to remove local changes before it
+     */
+    removePushedLocalChanges(clientSeq) {
+      while (this.localChanges.length) {
+        const change = this.localChanges[0];
+        if (change.getID().getClientSeq() > clientSeq) {
+          break;
+        }
+        this.localChanges.shift();
       }
-      this.publish(event);
     }
     /**
-     * `redo` redoes the last operation executed by the current client.
-     * It does not impact operations made by other clients.
+     * `executeUndoRedo` executes undo or redo operation with shared logic.
      */
-    redo() {
+    executeUndoRedo(isUndo) {
       if (this.isUpdating) {
         throw new YorkieError(
           Code.ErrRefused,
-          "Redo is not allowed during an update"
+          `${isUndo ? "Undo" : "Redo"} is not allowed during an update`
         );
       }
-      const redoOps = this.internalHistory.popRedo();
-      if (redoOps === void 0) {
+      const ops = isUndo ? this.internalHistory.popUndo() : this.internalHistory.popRedo();
+      if (!ops) {
         throw new YorkieError(
           Code.ErrRefused,
-          "There is no operation to be redone"
+          `There is no operation to be ${isUndo ? "undone" : "redone"}`
         );
       }
       this.ensureClone();
-      const context = ChangeContext.create(
+      const ctx = ChangeContext.create(
         this.changeID,
         this.clone.root,
         this.clone.presences.get(this.changeID.getActorID()) || {}
       );
-      for (const redoOp of redoOps) {
-        if (!(redoOp instanceof Operation)) {
+      for (const op of ops) {
+        if (!(op instanceof Operation)) {
           const presence = new Presence(
-            context,
+            ctx,
             deepcopy(this.clone.presences.get(this.changeID.getActorID()))
           );
-          presence.set(redoOp.value, { addToHistory: true });
+          presence.set(op.value, { addToHistory: true });
           continue;
         }
-        const ticket = context.issueTimeTicket();
-        redoOp.setExecutedAt(ticket);
-        if (redoOp instanceof ArraySetOperation) {
-          const prev = redoOp.getCreatedAt();
-          redoOp.getValue().setCreatedAt(ticket);
+        const ticket = ctx.issueTimeTicket();
+        op.setExecutedAt(ticket);
+        if (op instanceof ArraySetOperation) {
+          const prev = op.getCreatedAt();
+          op.getValue().setCreatedAt(ticket);
           this.internalHistory.reconcileCreatedAt(prev, ticket);
-        } else if (redoOp instanceof AddOperation) {
-          const prev = redoOp.getValue().getCreatedAt();
-          redoOp.getValue().setCreatedAt(ticket);
+        } else if (op instanceof AddOperation) {
+          const prev = op.getValue().getCreatedAt();
+          op.getValue().setCreatedAt(ticket);
           this.internalHistory.reconcileCreatedAt(prev, ticket);
         }
-        context.push(redoOp);
+        ctx.push(op);
       }
-      const change = context.toChange();
+      const change = ctx.toChange();
       change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
       const { opInfos, reverseOps } = change.execute(
         this.root,
         this.presences,
         OpSource.UndoRedo
       );
-      const reversePresence = context.getReversePresence();
-      if (reversePresence) {
-        reverseOps.push({
-          type: "presence",
-          value: reversePresence
-        });
+      const reverse = ctx.getReversePresence();
+      if (reverse) {
+        reverseOps.push({ type: "presence", value: reverse });
       }
-      if (reverseOps.length > 0) {
-        this.internalHistory.pushUndo(reverseOps);
+      if (reverseOps.length) {
+        if (isUndo) {
+          this.internalHistory.pushRedo(reverseOps);
+        } else {
+          this.internalHistory.pushUndo(reverseOps);
+        }
       }
-      if (!change.hasPresenceChange() && opInfos.length === 0) {
+      if (!change.hasPresenceChange() && !opInfos.length) {
         return;
       }
       this.localChanges.push(change);
-      this.changeID = context.getNextID();
+      this.changeID = ctx.getNextID();
       const actorID = this.changeID.getActorID();
-      const event = [];
-      if (opInfos.length > 0) {
-        event.push({
+      const events = [];
+      if (opInfos.length) {
+        events.push({
           type: "local-change",
           source: OpSource.UndoRedo,
           value: {
@@ -21627,7 +21485,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         });
       }
       if (change.hasPresenceChange()) {
-        event.push({
+        events.push({
           type: "presence-changed",
           source: OpSource.UndoRedo,
           value: {
@@ -21636,36 +21494,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         });
       }
-      this.publish(event);
-    }
-    /**
-     * `getUndoStackForTest` returns the undo stack for test.
-     */
-    getUndoStackForTest() {
-      return this.internalHistory.getUndoStackForTest();
-    }
-    /**
-     * `getRedoStackForTest` returns the redo stack for test.
-     */
-    getRedoStackForTest() {
-      return this.internalHistory.getRedoStackForTest();
-    }
-    /**
-     * `broadcast` the payload to the given topic.
-     */
-    broadcast(topic, payload, options) {
-      const broadcastEvent = {
-        type: "local-broadcast",
-        value: { topic, payload },
-        options
-      };
-      this.publish([broadcastEvent]);
-    }
-    /**
-     * `getVersionVector` returns the version vector of document
-     */
-    getVersionVector() {
-      return this.changeID.getVersionVector();
+      this.publish(events);
     }
   }
   function createAuthInterceptor(apiKey, token) {
@@ -21688,7 +21517,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name$1 = "@yorkie-js/sdk";
-  const version$1 = "0.6.27";
+  const version$1 = "0.6.29";
   const pkg$1 = {
     name: name$1,
     version: version$1
@@ -21786,11 +21615,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             createMetricInterceptor(opts == null ? void 0 : opts.userAgent)
           ],
           fetch: (input, init) => {
-            const newInit = {
+            return fetch(input, {
               ...init,
               keepalive: this.keepalive
-            };
-            return fetch(input, newInit);
+            });
           }
         })
       );
@@ -21841,15 +21669,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      * immediately using `fetch` with the `keepalive` option enabled. This is
      * useful for ensuring the deactivation request completes even if the page is
      * being unloaded, such as in `beforeunload` or `unload` event listeners.
+     * If synchronous is true, the server will wait for all pending operations to
+     * complete before deactivating.
      */
-    deactivate(options = { keepalive: false }) {
+    deactivate(options = { keepalive: false, synchronous: false }) {
       if (this.status === "deactivated") {
         return Promise.resolve();
       }
       const task = async () => {
         try {
           await this.rpcClient.deactivateClient(
-            { clientId: this.id },
+            {
+              clientId: this.id,
+              synchronous: options.synchronous
+            },
             { headers: { "x-shard-key": `${this.apiKey}/${this.key}` } }
           );
           this.deactivateInternal();
@@ -22579,7 +22412,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name = "@yorkie-js/react";
-  const version = "0.6.27";
+  const version = "0.6.29";
   const pkg = {
     name,
     version