Add ServerSeq into ChangeInfo

src/api/converter.ts

@@ -770,10 +770,16 @@ function toChangePack(pack: ChangePack<Indexable>): PbChangePack {
  * `fromChangeID` converts the given Protobuf format to model format.
  */
 function fromChangeID(pbChangeID: PbChangeID): ChangeID {
+  let serverSeq: Long | undefined;
+  if (pbChangeID.serverSeq) {
+    serverSeq = Long.fromString(pbChangeID.serverSeq, true);
+  }
+
   return ChangeID.of(
     pbChangeID.clientSeq,
     Long.fromString(pbChangeID.lamport, true),
     toHexString(pbChangeID.actorId),
+    serverSeq,
   );
 }
 
@@ -1182,13 +1188,15 @@ function fromOperation(pbOperation: PbOperation): Operation | undefined {
     const attributes = new Map();
     const attributesToRemove = pbTreeStyleOperation.attributesToRemove;
     const createdAtMapByActor = new Map();
-    Object.entries(pbTreeStyleOperation!.createdAtMapByActor).forEach(
-      ([key, value]) => {
-        createdAtMapByActor.set(key, fromTimeTicket(value));
-      },
-    );
+    if (pbTreeStyleOperation?.createdAtMapByActor) {
+      Object.entries(pbTreeStyleOperation!.createdAtMapByActor).forEach(
+        ([key, value]) => {
+          createdAtMapByActor.set(key, fromTimeTicket(value));
+        },
+      );
+    }
 
-    if (attributesToRemove.length > 0) {
+    if (attributesToRemove?.length > 0) {
       return TreeStyleOperation.createTreeRemoveStyleOperation(
         fromTimeTicket(pbTreeStyleOperation!.parentCreatedAt)!,
         fromTreePos(pbTreeStyleOperation!.from!),

src/devtools/index.ts

@@ -34,6 +34,7 @@ const unsubsByDocKey = new Map<string, Array<() => void>>();
  * IndexedDB will be used.
  */
 const transactionEventsByDocKey = new Map<string, Array<TransactionEvent>>();
+(window as any).transactionEventsByDocKey = transactionEventsByDocKey;
 
 /**
  * `sendToPanel` sends a message to the devtools panel.

src/document/change/change_id.ts

@@ -33,17 +33,28 @@ export class ChangeID {
   private lamport: Long;
   private actor: ActorID;
 
-  constructor(clientSeq: number, lamport: Long, actor: ActorID) {
+  constructor(
+    clientSeq: number,
+    lamport: Long,
+    actor: ActorID,
+    serverSeq?: Long,
+  ) {
     this.clientSeq = clientSeq;
+    this.serverSeq = serverSeq;
     this.lamport = lamport;
     this.actor = actor;
   }
 
   /**
    * `of` creates a new instance of ChangeID.
    */
-  public static of(clientSeq: number, lamport: Long, actor: ActorID): ChangeID {
-    return new ChangeID(clientSeq, lamport, actor);
+  public static of(
+    clientSeq: number,
+    lamport: Long,
+    actor: ActorID,
+    serverSeq?: Long,
+  ): ChangeID {
+    return new ChangeID(clientSeq, lamport, actor, serverSeq);
   }
 
   /**
@@ -77,7 +88,7 @@ export class ChangeID {
    * `setActor` sets the given actor.
    */
   public setActor(actorID: ActorID): ChangeID {
-    return new ChangeID(this.clientSeq, this.lamport, actorID);
+    return new ChangeID(this.clientSeq, this.lamport, actorID, this.serverSeq);
   }
 
   /**
@@ -87,6 +98,16 @@ export class ChangeID {
     return this.clientSeq;
   }
 
+  /**
+   * `getServerSeq` returns the server sequence of this ID.
+   */
+  public getServerSeq(): string {
+    if (this.serverSeq) {
+      return this.serverSeq.toString();
+    }
+    return '';
+  }
+
   /**
    * `getLamport` returns the lamport clock of this ID.
    */

src/document/document.ts

@@ -304,6 +304,8 @@ export interface ChangeInfo<T = OperationInfo> {
   message: string;
   operations: Array<T>;
   actor: ActorID;
+  clientSeq: number;
+  serverSeq: string;
 }
 
 /**
@@ -704,6 +706,8 @@ export class Document<T, P extends Indexable = Indexable> {
             message: change.getMessage() || '',
             operations: opInfos,
             actor: actorID,
+            clientSeq: change.getID().getClientSeq(),
+            serverSeq: change.getID().getServerSeq(),
           },
           rawChange: this.isEnableDevtools() ? change.toStruct() : undefined,
         });
@@ -1370,6 +1374,8 @@ export class Document<T, P extends Indexable = Indexable> {
               source,
               value: {
                 actor: actorID,
+                clientSeq: change.getID().getClientSeq(),
+                serverSeq: change.getID().getServerSeq(),
                 message: change.getMessage() || '',
                 operations: opInfos,
               },
@@ -1380,6 +1386,8 @@ export class Document<T, P extends Indexable = Indexable> {
               source,
               value: {
                 actor: actorID,
+                clientSeq: change.getID().getClientSeq(),
+                serverSeq: change.getID().getServerSeq(),
                 message: change.getMessage() || '',
                 operations: opInfos,
               },
@@ -1785,6 +1793,8 @@ export class Document<T, P extends Indexable = Indexable> {
           message: change.getMessage() || '',
           operations: opInfos,
           actor: actorID,
+          clientSeq: change.getID().getClientSeq(),
+          serverSeq: change.getID().getServerSeq(),
         },
         rawChange: this.isEnableDevtools() ? change.toStruct() : undefined,
       });
@@ -1876,6 +1886,8 @@ export class Document<T, P extends Indexable = Indexable> {
           message: change.getMessage() || '',
           operations: opInfos,
           actor: actorID,
+          clientSeq: change.getID().getClientSeq(),
+          serverSeq: change.getID().getServerSeq(),
         },
         rawChange: this.isEnableDevtools() ? change.toStruct() : undefined,
       });