doneit-web/src/app/module/chat/chat.module.ts

import { NgModule } from '@angular/core';
import { SignalRService } from 'src/app/module/chat/infra/socket/signal-r.service'
import { SyncMessageRepositoryService } from './data/service/sync-repository/sync-message-repository.service';
import { UserTypingAsyncService } from 'src/app/module/chat/data/async/socket/user-typing-async.service'
import { ChatServiceService } from 'src/app/module/chat/domain/chat-service.service'
import { skip } from 'rxjs/operators';
import { SessionStore } from 'src/app/store/session.service';

@NgModule({
  imports: [

  ],
  providers: [
    SyncMessageRepositoryService
  ],
  declarations: [],
  schemas: [],
  entryComponents: []
})
export class ChatModule {

  constructor(
    private message: SyncMessageRepositoryService,
    private SignalRService: SignalRService,
    private UserTypingAsyncService: UserTypingAsyncService,
    private ChatServiceService: ChatServiceService
  ) {

    this.syncMessage()
  }


  syncMessage() {
    const connection = this.SignalRService.getConnectionState()

    connection.pipe(
      skip(1) // Skip the first value
    ).subscribe((value)=> {
      if(value) {
        // on reconnect
        this.ChatServiceService.asyncAllRoomMessage();
      }
    });

    connection.subscribe((value) => {
      if(value) {
        // on connect
        console.log('send local image')
        this.message.sendLocalMessages()
      }
    })

    // on page reload sync
    if(!(!SessionStore.user.Inactivity || !SessionStore.exist)) {
      this.ChatServiceService.asyncAllRoomMessage();
    }
  }
}