Added onMessageEdit() and onMessageDelete() event notifications

README.md

@@ -834,7 +834,17 @@ client.onAnyMessage(message => {
 
 // Listen to messages
 client.onMessage(message => {
-  ...
+...
+})
+
+// Listen for messages that have been edited
+client.onMessageEdit(message => {
+...
+})
+
+// Listen for messages that have been deleted
+client.onMessageDelete(message => {
+...
 })
 
 // Listen to state changes

src/api/helpers/exposed.enum.ts

@@ -1,5 +1,7 @@
 export enum ExposedFn {
   OnMessage = 'onMessage',
+  OnMessageEdit = 'onMessageEdit',
+  OnMessageDelete = 'onMessageDelete',
   OnAnyMessage = 'onAnyMessage',
   onAck = 'onAck',
   onParticipantsChanged = 'onParticipantsChanged',

src/api/layers/listener.layer.ts

@@ -22,6 +22,8 @@ declare global {
   interface Window {
     onMessage: any;
     onAnyMessage: any;
+    onMessageEdit: any;
+    onMessageDelete: any;
     onStateChange: any;
     onIncomingCall: any;
     onAck: any;
@@ -75,7 +77,7 @@ export class ListenerLayer extends ProfileLayer {
       }
     }
 
-    this.addMsg();
+    await this.addMsg();
     await this.page
       .evaluate(() => {
         window.WAPI.onInterfaceChange((e: any) => {
@@ -104,6 +106,12 @@ export class ListenerLayer extends ProfileLayer {
         window.WAPI.onAck((e: any) => {
           window.onAck(e);
         });
+        window.WAPI.onMessageEdit((e: any) => {
+          window.onMessageEdit(e);
+        });
+        window.WAPI.onMessageDelete((e: any) => {
+          window.onMessageDelete(e);
+        });
         window.WAPI.onPoll((e: any) => {
           window.onPoll(e);
         });
@@ -129,6 +137,25 @@ export class ListenerLayer extends ProfileLayer {
             }
           }
         });
+
+        window.Store.Msg.on(
+          'change:body change:caption',
+          async (newMessage) => {
+            if (newMessage && newMessage.isNewMsg) {
+              const processMessageObj = await window.WAPI.processMessageObj(
+                newMessage,
+                true,
+                false
+              );
+
+              if (newMessage.type == 'revoked') {
+                window.onMessageDelete(processMessageObj);
+              } else {
+                window.onMessageEdit(processMessageObj);
+              }
+            }
+          }
+        );
         // } catch { }
       })
       .catch(() => {});
@@ -150,8 +177,7 @@ export class ListenerLayer extends ProfileLayer {
 
   /**
    * @event Listens to all new messages
-   * @param to callback
-   * @fires Message
+   * @param fn
    */
   public async onAnyMessage(fn: (message: Message) => void) {
     this.listenerEmitter.on(ExposedFn.OnAnyMessage, (msg) => {
@@ -167,6 +193,42 @@ export class ListenerLayer extends ProfileLayer {
     };
   }
 
+  /**
+   * @event Listens for edited message
+   * @param fn
+   */
+  public async onMessageEdit(fn: (message: Message) => void) {
+    this.listenerEmitter.on(ExposedFn.OnMessageEdit, (msg) => {
+      fn(msg);
+    });
+
+    return {
+      dispose: () => {
+        this.listenerEmitter.off(ExposedFn.OnMessageEdit, (msg) => {
+          fn(msg);
+        });
+      }
+    };
+  }
+
+  /**
+   * @event Listens for deleted message
+   * @param fn
+   */
+  public async onMessageDelete(fn: (message: Message) => void) {
+    this.listenerEmitter.on(ExposedFn.OnMessageDelete, (msg) => {
+      fn(msg);
+    });
+
+    return {
+      dispose: () => {
+        this.listenerEmitter.off(ExposedFn.OnMessageDelete, (msg) => {
+          fn(msg);
+        });
+      }
+    };
+  }
+
   /**
    * @event Listens to messages received
    * @returns Observable stream of messages

src/types/WAPI.d.ts

@@ -14,6 +14,8 @@ import {
 interface WAPI {
   addParticipant: (groupId: string, contactId: string | string[]) => boolean;
   onAnyMessage: (callback: Function) => void;
+  onMessageEdit: (callback: Function) => void;
+  onMessageDelete: (callback: Function) => void;
   archiveChat: (chatId: string, option: boolean) => boolean;
   arrayBufferToBase64: (buffer: ArrayBuffer) => string;
   blockContact: (messageId: string) => boolean;