import { store } from './store'

let socket = io.connect('/client')

// SOCKET ACTIONS

socket.on('res', (data) => {
  console.log(data.cmd)
  switch (data.cmd) {
    case 'get_last_frame':
      if (data.res !== 'working') {
        socket.emit('cmd', {
          cmd: 'get_last_frame',
        })
      }
      break
    case 'get_params':
      store.dispatch({
        type: 'LOAD_PARAMS',
        opt: data.res,
      })
      break
    case 'list_checkpoints':
      store.dispatch({
        type: 'LIST_CHECKPOINTS',
        checkpoints: data.res,
      })
      break
    case 'list_sequences':
      store.dispatch({
        type: 'LIST_SEQUENCES',
        sequences: data.res,
      })
      break
    case 'list_epochs':
      store.dispatch({
        type: 'LIST_EPOCHS',
        epochs: data.res,
      })
      break
    default:
      break
  }
  console.log(data)
})

socket.on('frame', (data) => {
  const blob = new Blob([data.frame], { type: 'image/jpg' })
  const url = URL.createObjectURL(blob)
  const img = new Image ()
  img.onload = function() {
    URL.revokeObjectURL(url)
    const player = document.querySelector('.player canvas')
    const ctx = player.getContext('2d')
    ctx.drawImage(img, 0, 0, player.width, player.height)
    // player.innerHTML = ''
    // player.appendChild(img)
  }
  img.src = url
})

export function list_checkpoints() {
  socket.emit('cmd', {
    cmd: 'list_checkpoints',
  })
}
export function list_epochs(checkpoint_name) {
  socket.emit('cmd', {
    cmd: 'list_epochs',
    payload: checkpoint_name,
  })
}
export function list_sequences() {
  socket.emit('cmd', {
    cmd: 'list_sequences',
  })
}
export function load_epoch(checkpoint_name, epoch) {
  console.log(">> SWITCH CHECKPOINT", checkpoint_name, epoch)
  socket.emit('cmd', {
    cmd: 'load_epoch',
    payload: checkpoint_name + ':' + epoch,
  })
}
export function load_sequence(sequence) {
  socket.emit('cmd', {
    cmd: 'load_sequence',
    payload: sequence,
  })
}
export function get_params() {
  socket.emit('cmd', {
    cmd: 'get_params',
  })
}
export function set_param(key, value) {
  socket.emit('cmd', {
    cmd: 'set_param',
    payload: {
      'key': key,
      'value': value,
    }
  })
}
export { socket }