sockets.ts

import io from 'socket.io-client'
import { setCurrentSlideByOrder, setPresentationTimer } from './actions/presentation'
import { Timer } from './interfaces/Timer'
import store from './store'

interface SetSlideInterface {
  slide_order: number
}

interface TimerInterface {
  value: number
  enabled: boolean
}

interface SetTimerInterface {
  timer: TimerInterface
}

let socket: SocketIOClient.Socket

export const socket_connect = () => {
  if (!socket) {
    socket = io('localhost:5000')

    socket.on('set_slide', (data: SetSlideInterface) => {
      setCurrentSlideByOrder(data.slide_order)(store.dispatch)
    })

    socket.on('set_timer', (data: SetTimerInterface) => {
      setPresentationTimer(data.timer)(store.dispatch)
    })

    socket.on('end_presentation', () => {
      socket.disconnect()
    })
  }
}

export const socketStartPresentation = () => {
  socket.emit('start_presentation', { competition_id: store.getState().presentation.competition.id })
  console.log('START PRESENTATION')
}

export const socketJoinPresentation = () => {
  socket.emit('join_presentation', { code: 'CO0ART' }) // TODO: Send code gotten from auth/login/<code> api call
  console.log('JOIN PRESENTATION')
}

export const socketEndPresentation = () => {
  socket.emit('end_presentation', { competition_id: store.getState().presentation.competition.id })
  console.log('END PRESENTATION')
}

export const socketSetSlideNext = () => {
  socketSetSlide(store.getState().presentation.slide.order + 1) // TODO: Check that this slide exists
  console.log('NEXT SLIDE +1')
}

export const socketSetSlidePrev = () => {
  socketSetSlide(store.getState().presentation.slide.order - 1) // TODO: Check that this slide exists
  console.log('PREVIOUS SLIDE -1')
}

export const socketSetSlide = (slide_order: number) => {
  if (slide_order < 0 || store.getState().presentation.competition.slides.length <= slide_order) {
    console.log('CANT CHANGE TO NON EXISTENT SLIDE')
    return
  }

  socket.emit('set_slide', {
    competition_id: store.getState().presentation.competition.id,
    slide_order: slide_order,
  })
}

export const socketSetTimer = (timer: Timer) => {
  console.log('SET TIMER')
  socket.emit('set_timer', {
    competition_id: store.getState().presentation.competition.id,
    timer: timer,
  })
}

export const socketStartTimer = () => {
  console.log('START TIMER')
  socketSetTimer({ enabled: true, value: store.getState().presentation.timer.value })
}