game.component.ts

import { Component, OnInit } from '@angular/core';
import { PlayerService } from '../player.service';
import io from 'socket.io-client';
import { environment } from '../../../environments/environment';

@Component({
  selector: 'app-poker',
  templateUrl: './poker.component.html',
  styleUrls: ['./poker.component.scss']
})
export class PokerComponent implements OnInit {

  currentPlayer: number;
  gameSocket;

  constructor(
    private playerService: PlayerService,
  ) { }

  ngOnInit(): void {

    // subscribe to data from the PlayerService
    this.playerService.currentPlayer.subscribe(playerId => this.currentPlayer = playerId);

    // make socket connections
    this.gameSocket = io(environment.gameApi, {
      transportOptions: {
        polling: {
          extraHeaders: {
            'Authorization': `Bearer ${localStorage.getItem("auth_token")}`
          }
        }
      }
    });

    // listen for messages
    this.gameSocket.on('game_state', this.handleGameStateMessage)
    
  }

  ngOnDestroy(): void {
    this.playerService.changeCurrentPlayer(null);
  }

  // socket.io message handlers
  handleGameStateMessage = (message): void => {
    this.playerService.changeCurrentPlayer(message.next_player);
  }
  
}