import {Component, inject, OnDestroy, OnInit} from '@angular/core';
import {Subscription} from 'rxjs';
import {ChatService} from '@pages/altitude/chat/service/chat.service';

@Component({
  selector: 'app-chat',
  imports: [],
  templateUrl: './chat.component.html',
  styleUrl: './chat.component.scss'
})
export class ChatComponent implements OnInit, OnDestroy {
  private sub?: Subscription;
  private readonly liveEvents: ChatService = inject(ChatService)

  ngOnInit(): void {
    this.liveEvents.connect();

    this.sub = this.liveEvents.onEvent().subscribe(event => {
      //TODO enums for event types
      if (event.type === 'chat') {
        console.log(event.data)
      } else if (event.type === 'connect') {
        console.log(event.data)
      }
    });
  }

  ngOnDestroy(): void {
    this.sub?.unsubscribe();
    this.liveEvents.disconnect(); // triggers onCompletion server-side, cleans up the emitter
  }
}