doneit-web/src/app/services/socket/rocket-chat-client.service.ts

import { Injectable } from '@angular/core';
import { v4 as uuidv4 } from 'uuid'

class _RocketChatClientService {

  connected = false
  
  constructor() {}

  private returns() {}

  connect(url = 'wss://gabinetedigitalchat.dyndns.info/websocket') {

    this.ws.connect(url);

    const connectMessage = {
      msg: "connect",
      version: "1",
      support: ["1"]
    }

    this.ws.send(connectMessage)

    this.ws.registerCallback('Onmessage',(message: any) => {
      if(message.msg == "ping") {
        this.ws.send({msg:"pong"})
      }
    })

  }

  login(user) {
    const requestId =  uuidv4()

    const loginRequest = {
      msg: "method",
      method: "login",
      id: requestId,
      params: [
        {
          "user": { "username": user.username },
          "password": {
            "digest": user.password,
            "algorithm":"sha-256"
          }
        }
      ]
    }
    this.ws.send(loginRequest, requestId)

    return requestId
  }

  logout(){ }

  send(roomId, message, option) {
    const requestId =  uuidv4()

    var request = {
      msg: "method",
      method: "sendMessage",
      id: requestId,
      params: [{
        _id: "message-id" || uuidv4(),
        rid: "room-id" || roomId,
        msg: "Hello World!" || message
      }]
    }

    // this.ws.send(request, requestId);

    return requestId;
  }

  receive() {}
  joinRoom(){}
  deleteMessage() {}
  createRoom() {}

  subscribe() {
    var subscribeRequest = {
      "msg": "sub",
      "id": "unique-id",
      "name": "stream-notify-room",
      "params":[
      "room-id/event",
        false
      ]
    }

   //this.ws.send(subscribeRequest);
  }

  private disconnect = () => {

  }
  
  // socket ==================================================================
  private socket!: WebSocket;
  private url = ''
  private callBacks: {
    type: 'Offline' | 'Online' | 'Open' | 'Onmessage',
    object?: string
    funx: Function
  }[] = []
  msgQueue : {
    message: object,
    requestId: string
  }[] = []

  ws = {
    registerCallback:(type: 'Offline' | 'Online' | 'Open' | 'Onmessage', funx: Function, object = '') =>{
      this.callBacks.push({
        type,
        funx,
        object
      })
    },
    connect:(url)=> {
  
      this.url = url
      this.socket = new WebSocket(this.url);
      // bind function
      this.socket.onopen = this.ws.onopen;
      this.socket.onmessage = this.ws.onmessage;
      this.socket.onclose = this.ws.onclose;
      this.socket.onerror = this.ws.onerror;
    },
    onopen:()=> {
      this.connected = true
      console.log('================== welcome to socket server =====================')
  
  
      this.msgQueue.forEach((item, index, object) => {
        this.ws.send(item.message, item.requestId);
        object.splice(index, 1);
      })
  
    },
    send: (message: object, requestId = uuidv4()) => {
  
      if (this.connected == false) { // save data to send when back online
        console.log('save msgQueue')
        this.msgQueue.push({message, requestId})
      } else {
        console.log('send rocket chat', message)
        let messageStr = JSON.stringify(message)
        this.socket.send(messageStr)
      }
      return requestId
    },
  
    onmessage:(event: any)=> {
      const data = JSON.parse(event.data)
      console.log('event.data', data)
  
      this.callBacks.forEach((e)=>{
        if(e.type== 'Onmessage') {
          e.funx(data)
        }
      })
    },
    
    onclose:(event: any)=> {
      this.connected = false
      console.log(`[close] Connection closed cleanly, code=${event.code} reason=${event.reason}`);
      setTimeout(()=>{
        // this.connect(this.url)
      }, 500)
    },
  
    onerror: (event: any) =>  {
      console.log(`[error] ${event.message}`);
    }

  }

}


export const RocketChatClientService = new _RocketChatClientService()