@yorkie-js/react 0.6.10 → 0.6.12

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

@@ -5,7 +5,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
 import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo, useState, useEffect, useContext, useCallback } from "react";
 const name$1 = "@yorkie-js/react";
-const version$1 = "0.6.10";
+const version$1 = "0.6.12";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -7614,76 +7614,11 @@ class YorkieError extends Error {
     this.toString = () => `[code=${this.code}]: ${this.message}`;
   }
 }
-function deepcopy(object) {
-  if (object instanceof Map) {
-    const pairs = Array.from(object);
-    return new Map(JSON.parse(JSON.stringify(pairs)));
-  }
-  return JSON.parse(JSON.stringify(object));
-}
-const isEmpty = (object) => {
-  if (!object) {
-    return true;
-  }
-  return Object.entries(object).length === 0;
-};
-const stringifyObjectValues = (attributes) => {
-  const attrs = {};
-  for (const [key, value] of Object.entries(attributes)) {
-    attrs[key] = JSON.stringify(value);
-  }
-  return attrs;
-};
-const parseObjectValues = (attrs) => {
-  const attributes = {};
-  for (const [key, value] of Object.entries(attrs)) {
-    attributes[key] = JSON.parse(value);
-  }
-  return attributes;
-};
 var PresenceChangeType = /* @__PURE__ */ ((PresenceChangeType2) => {
   PresenceChangeType2["Put"] = "put";
   PresenceChangeType2["Clear"] = "clear";
   return PresenceChangeType2;
 })(PresenceChangeType || {});
-class Presence {
-  constructor(changeContext, presence) {
-    __publicField(this, "context");
-    __publicField(this, "presence");
-    this.context = changeContext;
-    this.presence = presence;
-  }
-  /**
-   * `set` updates the presence based on the partial presence.
-   */
-  set(presence, option) {
-    for (const key of Object.keys(presence)) {
-      this.presence[key] = presence[key];
-    }
-    this.context.setPresenceChange({
-      type: "put",
-      presence: deepcopy(this.presence)
-    });
-    this.context.setReversePresence(presence, option);
-  }
-  /**
-   * `get` returns the presence value of the given key.
-   */
-  get(key) {
-    return this.presence[key];
-  }
-  /**
-   * `clear` clears the presence.
-   * @internal
-   */
-  clear() {
-    this.presence = {};
-    this.context.setPresenceChange({
-      type: "clear"
-      /* Clear */
-    });
-  }
-}
 const InitialActorID = "000000000000000000000000";
 const TimeTicketSize = 8 + 4 + 12;
 class TimeTicket {
@@ -7799,10 +7734,11 @@ class TimeTicket {
     return 0;
   }
 }
+const InitialLamport = 0n;
 const InitialDelimiter = 0;
 const MaxLamport = 9223372036854775807n;
 const InitialTimeTicket = new TimeTicket(
-  0n,
+  InitialLamport,
   InitialDelimiter,
   InitialActorID
 );
@@ -11013,6 +10949,33 @@ class RHT {
     this.numberOfRemovedElement--;
   }
 }
+function deepcopy(object) {
+  if (object instanceof Map) {
+    const pairs = Array.from(object);
+    return new Map(JSON.parse(JSON.stringify(pairs)));
+  }
+  return JSON.parse(JSON.stringify(object));
+}
+const isEmpty = (object) => {
+  if (!object) {
+    return true;
+  }
+  return Object.entries(object).length === 0;
+};
+const stringifyObjectValues = (attributes) => {
+  const attrs = {};
+  for (const [key, value] of Object.entries(attributes)) {
+    attrs[key] = JSON.stringify(value);
+  }
+  return attrs;
+};
+const parseObjectValues = (attrs) => {
+  const attributes = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    attributes[key] = JSON.parse(value);
+  }
+  return attributes;
+};
 class CRDTTextValue {
   constructor(content) {
     __publicField(this, "attributes");
@@ -13928,12 +13891,15 @@ class ChangeID {
     __publicField(this, "clientSeq");
     // `serverSeq` is optional and only present for changes stored on the server.
     __publicField(this, "serverSeq");
-    // `lamport` and `actor` are the lamport clock and the actor of this change.
-    // This is used to determine the order of changes in logical time.
-    __publicField(this, "lamport");
+    // `actor` is the creator of this change.
     __publicField(this, "actor");
+    // `lamport` is the lamport clock of this change. This is used to determine
+    // the order of changes in logical time. It is optional and only present
+    // if the change has operations.
+    __publicField(this, "lamport");
     // `versionVector` is the vector clock of this change. This is used to
-    // determine the relationship is causal or not between changes.
+    // determine the relationship is causal or not between changes. It is optional
+    // and only present if the change has operations.
     __publicField(this, "versionVector");
     this.clientSeq = clientSeq;
     this.serverSeq = serverSeq;
@@ -13941,6 +13907,12 @@ class ChangeID {
     this.versionVector = vector;
     this.actor = actor;
   }
+  /**
+   * `hasClocks` returns true if this ID has logical clocks.
+   */
+  hasClocks() {
+    return this.versionVector.size() > 0 && this.lamport != InitialLamport;
+  }
   /**
    * `of` creates a new instance of ChangeID.
    */
@@ -13950,7 +13922,16 @@ class ChangeID {
   /**
    * `next` creates a next ID of this ID.
    */
-  next() {
+  next(excludeClocks = false) {
+    if (excludeClocks) {
+      return new ChangeID(
+        this.clientSeq + 1,
+        this.lamport,
+        this.actor,
+        InitialVersionVector,
+        InitialLamport
+      );
+    }
     const vector = this.versionVector.deepcopy();
     vector.set(this.actor, this.lamport + 1n);
     return new ChangeID(
@@ -13961,9 +13942,13 @@ class ChangeID {
     );
   }
   /**
-   * `syncClocks` syncs logical clocks with the given ID.
+   * `syncClocks` syncs logical clocks with the given ID. If the given ID
+   * doesn't have logical clocks, this ID is returned.
    */
   syncClocks(other) {
+    if (!other.hasClocks()) {
+      return this;
+    }
     const lamport = other.lamport > this.lamport ? other.lamport + 1n : this.lamport + 1n;
     const maxVersionVector = this.versionVector.max(other.versionVector);
     const newID = new ChangeID(
@@ -14004,6 +13989,18 @@ class ChangeID {
       this.serverSeq
     );
   }
+  /**
+   * `setLamport` sets the given lamport clock.
+   */
+  setLamport(lamport) {
+    return new ChangeID(
+      this.clientSeq,
+      lamport,
+      this.actor,
+      this.versionVector,
+      this.serverSeq
+    );
+  }
   /**
    * `setVersionVector` sets the given version vector.
    */
@@ -16959,8 +16956,9 @@ function createObservable(executor) {
   };
 }
 class ChangeContext {
-  constructor(id, root, presence, message) {
-    __publicField(this, "id");
+  constructor(prevID, root, presence, message) {
+    __publicField(this, "prevID");
+    __publicField(this, "nextID");
     __publicField(this, "delimiter");
     __publicField(this, "message");
     __publicField(this, "root");
@@ -16976,7 +16974,8 @@ class ChangeContext {
      * presence changes.
      */
     __publicField(this, "reversePresenceKeys");
-    this.id = id;
+    this.prevID = prevID;
+    this.nextID = prevID.next();
     this.delimiter = InitialDelimiter;
     this.root = root;
     this.operations = [];
@@ -16988,8 +16987,8 @@ class ChangeContext {
   /**
    * `create` creates a new instance of ChangeContext.
    */
-  static create(id, root, presence, message) {
-    return new ChangeContext(id, root, presence, message);
+  static create(prevID, root, presence, message) {
+    return new ChangeContext(prevID, root, presence, message);
   }
   /**
    * `push` pushes the given operation to this context.
@@ -17016,11 +17015,22 @@ class ChangeContext {
     this.root.registerGCPair(pair);
   }
   /**
-   * `getChange` creates a new instance of Change in this context.
+   * `getNextID` returns the next ID of this context. It will be set to the
+   * document for the next change.returns the next ID of this context.
+   */
+  getNextID() {
+    if (this.operations.length === 0) {
+      return this.prevID.next(true).setLamport(this.prevID.getLamport()).setVersionVector(this.prevID.getVersionVector());
+    }
+    return this.nextID;
+  }
+  /**
+   * `toChange` creates a new instance of Change in this context.
    */
-  getChange() {
+  toChange() {
+    const id = this.operations.length === 0 ? this.prevID.next(true) : this.nextID;
     return Change.create({
-      id: this.id,
+      id,
       operations: this.operations,
       presenceChange: this.presenceChange,
       message: this.message
@@ -17066,13 +17076,13 @@ class ChangeContext {
    */
   issueTimeTicket() {
     this.delimiter += 1;
-    return this.id.createTimeTicket(this.delimiter);
+    return this.nextID.createTimeTicket(this.delimiter);
   }
   /**
    * `getLastTimeTicket` returns the last time ticket issued in this context.
    */
   getLastTimeTicket() {
-    return this.id.createTimeTicket(this.delimiter);
+    return this.nextID.createTimeTicket(this.delimiter);
   }
 }
 class CRDTRoot {
@@ -19001,6 +19011,43 @@ function buildCRDTElement(context, value, createdAt) {
   }
   return element;
 }
+class Presence {
+  constructor(changeContext, presence) {
+    __publicField(this, "context");
+    __publicField(this, "presence");
+    this.context = changeContext;
+    this.presence = presence;
+  }
+  /**
+   * `set` updates the presence based on the partial presence.
+   */
+  set(presence, option) {
+    for (const key of Object.keys(presence)) {
+      this.presence[key] = presence[key];
+    }
+    this.context.setPresenceChange({
+      type: PresenceChangeType.Put,
+      presence: deepcopy(this.presence)
+    });
+    this.context.setReversePresence(presence, option);
+  }
+  /**
+   * `get` returns the presence value of the given key.
+   */
+  get(key) {
+    return this.presence[key];
+  }
+  /**
+   * `clear` clears the presence.
+   * @internal
+   */
+  clear() {
+    this.presence = {};
+    this.context.setPresenceChange({
+      type: PresenceChangeType.Clear
+    });
+  }
+}
 const MaxUndoRedoStackDepth = 50;
 class History {
   constructor() {
@@ -19263,7 +19310,7 @@ class Document {
     this.ensureClone();
     const actorID = this.changeID.getActorID();
     const context = ChangeContext.create(
-      this.changeID.next(),
+      this.changeID,
       this.clone.root,
       this.clone.presences.get(actorID) || {},
       message
@@ -19291,7 +19338,7 @@ class Document {
       if (logger.isEnabled(LogLevel.Trivial)) {
         logger.trivial(`trying to update a local change: ${this.toJSON()}`);
       }
-      const change = context.getChange();
+      const change = context.toChange();
       const { opInfos, reverseOps } = change.execute(
         this.root,
         this.presences,
@@ -19311,7 +19358,7 @@ class Document {
       if (opInfos.length > 0) {
         this.internalHistory.clearRedo();
       }
-      this.changeID = change.getID();
+      this.changeID = context.getNextID();
       const event = [];
       if (opInfos.length > 0) {
         event.push({
@@ -20180,14 +20227,6 @@ class Document {
   canUndo() {
     return this.internalHistory.hasUndo() && !this.isUpdating;
   }
-  /**
-   * 'filterVersionVector' filters detached client's lamport from version vector.
-   */
-  filterVersionVector(minSyncedVersionVector) {
-    const versionVector = this.changeID.getVersionVector();
-    const filteredVersionVector = versionVector.filter(minSyncedVersionVector);
-    this.changeID = this.changeID.setVersionVector(filteredVersionVector);
-  }
   /**
    * `canRedo` returns whether there are any operations to redo.
    */
@@ -20214,7 +20253,7 @@ class Document {
     }
     this.ensureClone();
     const context = ChangeContext.create(
-      this.changeID.next(),
+      this.changeID,
       this.clone.root,
       this.clone.presences.get(this.changeID.getActorID()) || {}
     );
@@ -20231,7 +20270,7 @@ class Document {
       undoOp.setExecutedAt(ticket);
       context.push(undoOp);
     }
-    const change = context.getChange();
+    const change = context.toChange();
     change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
     const { opInfos, reverseOps } = change.execute(
       this.root,
@@ -20252,7 +20291,7 @@ class Document {
       return;
     }
     this.localChanges.push(change);
-    this.changeID = change.getID();
+    this.changeID = context.getNextID();
     const actorID = this.changeID.getActorID();
     const event = [];
     if (opInfos.length > 0) {
@@ -20301,7 +20340,7 @@ class Document {
     }
     this.ensureClone();
     const context = ChangeContext.create(
-      this.changeID.next(),
+      this.changeID,
       this.clone.root,
       this.clone.presences.get(this.changeID.getActorID()) || {}
     );
@@ -20318,7 +20357,7 @@ class Document {
       redoOp.setExecutedAt(ticket);
       context.push(redoOp);
     }
-    const change = context.getChange();
+    const change = context.toChange();
     change.execute(this.clone.root, this.clone.presences, OpSource.UndoRedo);
     const { opInfos, reverseOps } = change.execute(
       this.root,
@@ -20339,7 +20378,7 @@ class Document {
       return;
     }
     this.localChanges.push(change);
-    this.changeID = change.getID();
+    this.changeID = context.getNextID();
     const actorID = this.changeID.getActorID();
     const event = [];
     if (opInfos.length > 0) {
@@ -20418,7 +20457,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name = "@yorkie-js/sdk";
-const version = "0.6.10";
+const version = "0.6.12";
 const pkg = {
   name,
   version