doneit-web/src/app/module/chat/infra/socket/signalR.ts

import * as signalR from '@microsoft/signalr';
import { BehaviorSubject, Observable } from 'rxjs';
import { ok, Result, err } from 'neverthrow';
import { SessionStore } from 'src/app/store/session.service';
import { filter, first } from 'rxjs/operators';
import { v4 as uuidv4 } from 'uuid'
import { UserTypingDTO } from '../../data/dto/typing/typingInputDTO';
import { MessageOutPutDataDTO } from '../../data/dto/message/messageOutputDTO';


var msgObj = {
	roomId: "53bc6471-c28e-42d0-aa72-f4e52221f16f",
	senderId:312,
	message:"message enviada",
	messageType:312,
	canEdit:true,
	oneShot:false,
	requestId:"testing"
	};
	// var deletObj = {
	// roomId: "53bc6471-c28e-42d0-aa72-f4e52221f16f",
	// senderId:312,
	// messageId:"message enviada",
	// requestId:"testing"
	// };
	// var reactObj = {
	// roomId: "53bc6471-c28e-42d0-aa72-f4e52221f16f",
	// memberId:2,
	// messageId:"e7074c10-4f92-458c-adb2-774ec2d42992",
	// reaction:"reacted",
	// requestId:"testingReaction"
	// };
	const typingObj = {
	roomId: "53bc6471-c28e-42d0-aa72-f4e52221f16f",
	userId: 312,
	userName:"usertyping",
	requestId:"testing"
	};

export class SignalRConnection {

  private hubConnection: signalR.HubConnection;
  private messageSubject: BehaviorSubject<MessageOutPutDataDTO> = new BehaviorSubject<MessageOutPutDataDTO>(null);
  private typingSubject: BehaviorSubject<UserTypingDTO> = new BehaviorSubject<UserTypingDTO>(null);
  private readAtSubject: BehaviorSubject<string> = new BehaviorSubject<any>(null);
  private connectionStateSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
  private disconnectSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
  private reconnectSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
  private sendLaterSubject: BehaviorSubject<Object> = new BehaviorSubject<Object>(false);
  private reconnect = true
  url: string

  constructor({url}) {
    this.url = url
  }

  establishConnection(): Promise<Result<signalR.HubConnection, false>> {
    return new Promise((resolve, reject) => {

      console.log('try to connect');
      const hubConnection = new signalR.HubConnectionBuilder()
      .withUrl(this.url)
      .build();

      this.hubConnection = hubConnection

      hubConnection
      .start()
      .then(() => {
        console.log('Connection started');
        this.connectionStateSubject.next(true);
        this.hubConnection = hubConnection
        this.join()
        this.addMessageListener()
        resolve(ok(hubConnection))
      })
      .catch(error => {
        console.log('Error while starting connection: ' + error);
        this.connectionStateSubject.next(false);
        reject(err(false))
      });

      hubConnection.onclose(() => {
        console.log('Connection closed');
        this.connectionStateSubject.next(false);
        this.disconnectSubject.next(true)
        if(this.reconnect) {
          this.attempReconnect();
        }

      });
    })
  }


  async attempReconnect() {
    const attempConnection = await this.establishConnection()

    if(attempConnection.isOk()) {
      this.reconnectSubject.next(true)
    }

  }

  public join() {
    if(this.connectionStateSubject.value == true) {

      console.log('join=================')
      this.hubConnection.invoke("Join", 312, SessionStore.user.FullName);
      //this.hubConnection.invoke("Join", 105, "UserFirefox");
    } else {
      this.sendLaterSubject.next({method: 'SendMessage', args:["Join", 312, "Daniel"]})
    }

  }

  public async sendMessage(data: Object & { requestId}):Promise<Result<any, any>>  {
    return new Promise((resolve, reject) => {

      if(this.connectionStateSubject.value == true) {
        console.log('sendMessage', data)
        this.hubConnection.invoke("SendMessage", msgObj)

        this.messageSubject.pipe(
          filter((message: any) => data.requestId == message?.requestId),
          first()
        ).subscribe(value => {
          resolve(ok(value))
          console.log('Received valid value:', value);
        });

      } else {
        this.sendLaterSubject.next({method: 'SendMessage', args: data})
        return reject(err(false))
      }


    })
  }

  public async typing(data: Object & { roomId, UserName, userId }):Promise<Result<any, any>>  {
    return new Promise((resolve, reject) => {

      const requestId = uuidv4()
      if(this.connectionStateSubject.value == true) {
        console.log('send typing', data)

        try {
          this.hubConnection.invoke("Typing", typingObj)

        } catch (error) {}

        this.typingSubject.pipe(
          filter((message: any) => {
            return  requestId == message?.requestId
          }),
          first()
        ).subscribe(value => {
          resolve(ok(value));
        });

      } else {
        this.sendLaterSubject.next({method: 'SendMessage', args: data})
        return reject(err(false))
      }


    })
  }


  public async sendReadAt(data: Object & { roomId, memberId, chatMessageId}):Promise<Result<any, any>>  {
    return new Promise((resolve, reject) => {

      const requestId = uuidv4()
      if(this.connectionStateSubject.value == true) {

        try {
          this.hubConnection.invoke("ReadAt", { roomId: data.roomId, memberId: data.memberId, requestId } as any)

        } catch (error) {}

        this.readAtSubject.pipe(
          filter((message: any) => {
            return  requestId == message?.requestId
          }),
          first()
        ).subscribe(value => {
          resolve(ok(value));
        });

      } else {
        this.sendLaterSubject.next({method: 'SendMessage', args: data})
        return reject(err(false))
      }


    })
  }

  private addMessageListener(): void {
    console.log('listening')
    this.hubConnection.on('ReceiveMessage', (message: MessageOutPutDataDTO) => {
      console.log('ReceiveMessage', message)
      this.messageSubject.next(message);
    });

    this.hubConnection.on('TypingMessage', (_typing: UserTypingDTO) => {
      console.log('Typing', _typing)
      this.typingSubject.next(_typing);
    });

    this.hubConnection.on('ReadAt', (_message) => {
      console.log('ReadAt', _message)
      this.readAtSubject.next(_message);
    });

  }

  public getMessages() {
    return this.messageSubject.asObservable()
  }

  public getTyping() {
    return this.typingSubject.asObservable()
  }

  public getConnectionState(): Observable<boolean> {
    return this.connectionStateSubject.asObservable();
  }

  public getDisconnectTrigger(): Observable<boolean> {
    return this.disconnectSubject.asObservable();
  }

  public getSendLater() {
    return this.sendLaterSubject.asObservable();
  }

  public closeConnection(): void {
    this.reconnect = false
    if (this.hubConnection) {
      this.hubConnection
        .stop()
        .then(() => {
          console.log('Connection closed by user');
          this.connectionStateSubject.next(false);
        })
        .catch(err => console.log('Error while closing connection: ' + err));
    }
  }

}