doneit-web/src/app/services/chat/room.service.ts

import { Injectable } from '@angular/core';
import { WsChatService } from 'src/app/services/chat/ws-chat.service';
import { MessageService } from 'src/app/services/chat/message.service';
import { showDateDuration } from 'src/plugin/showDateDuration';
import { ToastsService } from '../toast.service';
import { chatHistory } from 'src/app/models/chatMethod';
import { Storage } from '@ionic/storage';
import { Platform } from '@ionic/angular';
import { SqliteService } from 'src/app/services/sqlite.service';
import { NativeNotificationService } from 'src/app/services/native-notification.service';
import { SessionStore } from 'src/app/store/session.service';
import { capitalizeTxt } from 'src/plugin/text'
import { SortService } from '../functions/sort.service';
import { chatUser } from 'src/app/models/chatMethod';
import { environment } from 'src/environments/environment';
import { ChatService } from 'src/app/services/chat.service';
import { NfService } from 'src/app/services/chat/nf.service'
import alasql from 'alasql'
@Injectable({
  providedIn: 'root'
})
export class RoomService {

  messages: MessageService[] = []
  storageMessage: any[] = [];
  lastMessage: MessageService;
  
  customFields: any;
  id = ''
  t = ''
  name = ''
  _updatedAt = {}
  private hasLoadHistory = false
  duration = ''
  isTyping = false
  otherUserType = false
  lastTimeType = null
  message = ''
  lastMessageTxt = ''
  userThatIsTyping = ''

  private ToastService = ToastsService
  mgsArray = [];

  scrollDown = () => { }

  /**
   * @description get user list from ws-chat-methods.service
   * @returns chatUser[]
   */
  getAllUsers  = (): chatUser[]  => {
    return []
  }

  sortRoomList = () => {}
  uploadAttachment = (formData) => {}

  constructor(
    public WsChatService: WsChatService,
    private MessageService: MessageService,
    private storage: Storage,
    private platform: Platform,
    private sqlservice: SqliteService,
    private NativeNotificationService: NativeNotificationService,
    private sortService: SortService,
    private chatService: ChatService,
    private NfService: NfService
  ) {
    this.NativeNotificationService.askForPermission()
  }

  setData({ customFields, id, name, t, lastMessage = new MessageService(this.storage, this.NfService, this.WsChatService), _updatedAt }) {
    this.customFields = customFields
    this.id = id
    this.name = name
    this.t = t
    this.lastMessage = lastMessage
    this._updatedAt = _updatedAt

    this.calDateDuration()
  }


  isSenderIsNotMe(ChatMessage) {
    return SessionStore.user.RochetChatUser != ChatMessage.u.username
  }

  receiveMessage() {

    this.WsChatService.updateRoomEventss(
      this.id,
      "stream-room-messages",
      (ChatMessage) => {

        setTimeout(()=>{
          ChatMessage = ChatMessage.fields.args[0]

          ChatMessage = this.fix_updatedAt(ChatMessage)
          // console.log('recivemessage', ChatMessage)
  
          const messageIsFound = this.messages.find((message) => {
            return message._id == ChatMessage._id
          })
  
          if(!messageIsFound) {
            const message = this.prepareMessage(ChatMessage)
  
            this.lastMessage = message
            if (message.t == 'r') { this.name = message.msg }
            this.calDateDuration(ChatMessage._updatedAt)
    
            setTimeout(() => {
              this.scrollDown()
            }, 100)
    
            this.NativeNotificationService.sendNotificationChat({
              message: message.msg,
              title: this.name
            });
  
            this.addMessageDB(ChatMessage)
          }
        }, 150)

      }
    )



    this.WsChatService.receiveStreamNotifyRoom((message) => {

      if(message.fields.eventName == this.id+'/'+'typing') {

        this.userThatIsTyping = this.usernameToDisplayName(message.fields.args[0])
        this.isTyping =  message.fields.args[1]
        this.otherUserType = message.fields.args[1]

      } else if (message.fields.eventName == this.id+'/'+'deleteMessage') {}

    })
  }


  addMessageDB(ChatMessage) {
    this.storage.get('chatmsg' + this.id).then((messages: any = []) => {
      if(messages==null) messages = []

      delete ChatMessage.temporaryData
      messages.push(ChatMessage)

      this.storage.set('chatmsg' + this.id, messages)
    })
  }

  async receiveMessageDelete() {

    this.WsChatService.updateRoomEventss(
      this.id,
      "stream-notify-room",
      async (ChatMessage) => {

        const DeletedMessageId = ChatMessage.fields.args[0]._id;
        console.log(DeletedMessageId);
        this.deleteMessage(DeletedMessageId)

      }
    )

  }

  /**
   * @description delete message in the view
   * @param id message ID
   */
  deleteMessage(id) {
    this.messages.forEach((message, index) => {
      if(message._id == id) {
        this.messages.splice(index, 1)

        this.deleteMessageFromDb(id)
        //Get previous last message from room
        const previousLastMessage = this.messages.slice(-1)[0];

        this.lastMessage = previousLastMessage;
        this.calDateDuration(previousLastMessage._updatedAt)

      }
    })
  }


  /**
   * @description delete message in the DB. get all messages, delete then corresponding message and update the store
   * @param id  message ID
   */
  private deleteMessageFromDb(id) {
    this.storage.get('chatmsg' + this.id).then((messages: any = []) => {
      if(messages==null) messages = []

      messages.forEach((message, index) => {

        if(message._id == id) {
          messages.splice(index, 1)
        }

      })

      this.storage.set('chatmsg' + this.id, messages).then((value) => {
        console.log('MSG SAVED ON STORAGE', value)
      });
    })
  }

  /**
   *  @description sen text message
   */
  async send({file = null, attachments = null, temporaryData = {}}) {


    let offlineChatMessage = {
      rid: this.id,
      msg: this.message,
      attachments,
      file,
      temporaryData
    }

    console.log('offlineChatMessage', offlineChatMessage)
    
    this.addMessageDB(offlineChatMessage)
    const message: MessageService = this.prepareMessage(offlineChatMessage)

    setTimeout(() => {
      this.scrollDown()
    }, 150)

    this.lastMessage = message

    message.send()

    this.calDateDuration(message._updatedAt)
    this.sortRoomList()
    
    this.message= ''
  }

  redefinedMessage  (message: MessageService, ChatMessage) {

    ChatMessage = this.fix_updatedAt(ChatMessage)

    message.setData(ChatMessage)

    if( new Date(this.lastMessage._updatedAt).getTime() <  new Date(message._updatedAt).getTime()) {
      this.lastMessage = message
      this.calDateDuration(message._updatedAt)
    }
    this.sortRoomList()
  }


  typing(text:string = this.message) {

    if(this.lastMessageTxt == text) { return false }
    this.lastTimeType = new Date().getTime()

    const lastIsTyping = this.isTyping
    if(text.length >= 1) {
      this.isTyping = true
    } else {
      this.isTyping = false
    }

    if(lastIsTyping != this.isTyping) {
      this.WsChatService.sendStreamNotifyRoom(this.id, SessionStore.user.RochetChatUser, 'typing', this.isTyping)
    }


    this.lastMessageTxt = this.message
    this.typingWatch()
  }


  private typingWatch() {
    setTimeout(()=>{
      const now = new Date().getTime()

      if((now - this.lastTimeType) >= 2888) {

        if(this.isTyping == true) {
          this.isTyping = false
          this.WsChatService.sendStreamNotifyRoom(this.id, SessionStore.user.RochetChatUser, 'typing', this.isTyping)
        }
      } else {
        //console.log(now - this.lastTimeType)
      }

    }, 3000)
  }

  private setTypingOff() {
    this.typing('')
  }

  roomLeave() {
    this.setTypingOff()
  }

  open() {
    // this.typing(this.message)
  }


  leave(rid?) {
    this.WsChatService.leaveRoom(this.id)
  }

  isJson(str) {
    try {
      JSON.parse(str);
    } catch (e) {
      return "";
    }
    return JSON.parse(str);
  }


  async restoreMessageFromDB() {
    await this.storage.get('chatmsg' + this.id).then( async (messages = []) => {
      if(messages==null) messages = []

      await messages.forEach( async (ChatMessage, index) => {
        const wewMessage = this.prepareMessage(ChatMessage, false)

        if(wewMessage.offline == false) {
          this.prepareMessage(ChatMessage)
        }

      });

      setTimeout(()=> {
        this.scrollDown()
      }, 50)
      
    })
  }

  // runs onces only
  async loadHistory(limit = 100) {

    if (this.hasLoadHistory) { return false }

    this.restoreMessageFromDB()

    await this.WsChatService.loadHistory(this.id, limit).then( async (chatHistory:chatHistory) => {
      console.log('loadHistory', chatHistory)
      this.messages = []

      await chatHistory.result.messages.reverse().forEach( async (message) => {
        this.prepareMessage(message)
      });

    })

    setTimeout(() => {
      this.scrollDown()
    }, 50)

    this.hasLoadHistory = true
  }



  prepareMessage(message, save = true): MessageService {
    message = this.fix_updatedAt(message)
    const wewMessage = new MessageService(this.storage, this.NfService, this.WsChatService)
    wewMessage.setData(message)

    if (save) {
      this.messages.push(wewMessage)
    }
  
    return wewMessage
  }

  async returnData(res) {

    return res;
  }


  ReactToMessage() { }

  private calDateDuration(date = null) {
    this.duration = showDateDuration(date || this._updatedAt);
    this._updatedAt = date || this._updatedAt
  }


  private fix_updatedAt(message) {
    if (message.result) {
      //console.log('FIX UPDATE ', message.result)
      message.result._updatedAt = message.result._updatedAt['$date']
    } else if(message._updatedAt) {
      if(message._updatedAt.hasOwnProperty('$date')) {
        // console.log('FIX UPDATE 11', message)
        message._updatedAt = message._updatedAt['$date']
      }
    }
    return message
  }


  usernameToDisplayName(username) {

    const firstName = capitalizeTxt(username.split('.')[0])
    const lastName =  capitalizeTxt(username.split('.')[1])
    return firstName + ' ' + lastName
  }

}