summaryrefslogtreecommitdiff
path: root/frontend/src/sagas/gameBrowser.js
blob: 717cbd2ac5366e824afcc43ab0a9625d6179d257 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { call, put, take } from 'redux-saga/effects'
import { eventChannel } from 'redux-saga'
import { fromJS } from 'immutable'
import { push } from 'react-router-redux'

import { normalize } from 'normalizr'
import gameSchema from '../schemas/games'

import { actions as gameActions, types } from '../redux/games'
import { actions as playerActions } from '../redux/players'

function gameBrowserChannel(socket) {
  return eventChannel(emit => {

    const makeHandler = type => event => {
      const response = fromJS(JSON.parse(event.body))
      emit({ type, response })
    }

    const newGame = socket.subscribe('/topic/games', makeHandler(types.CREATE_OR_UPDATE_GAMES))
    const joinGame = socket.subscribe('/user/queue/lobby/joined', makeHandler(types.JOIN_GAME))

    const unsubscribe = () => {
      newGame.unsubscribe()
      joinGame.unsubscribe()
    }

    return unsubscribe
  })
}

export function *watchGames({ socket }) {
  const socketChannel = gameBrowserChannel(socket)

  try {
    while (true) {
      const { type, response } = yield take(socketChannel)

      switch (type) {
        case types.CREATE_OR_UPDATE_GAMES:
          const normalizedResponse = normalize(response.toJS(), gameSchema)
          yield put(playerActions.setPlayers(fromJS(normalizedResponse.entities.players)))
          yield put(gameActions.createOrUpdateGame(fromJS(normalizedResponse.entities.games)))
          break
        case types.JOIN_GAME:
          yield put(gameActions.joinGame(response))
          socketChannel.close()
          yield put(push(`/lobby/${response.id}`))
          break
        default:
          console.error('Unknown type')
      }
    }
  } finally {
    console.info('gameBrowserChannel closed')
  }
}

export function *createGame({ socket }) {
  const { name } = yield take(types.CREATE_GAME)

  socket.send("/app/lobby/create", JSON.stringify({ gameName: name }), {})
}

export function *gameBrowserSaga(socketConnection) {
  yield [
    call(watchGames, socketConnection),
    call(createGame, socketConnection)
  ]
}

export default gameBrowserSaga
bgstack15