frontend/src/api/socket.js


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

import io from 'socket.io-client'
import { getAuthToken } from '../auth/index'

let socket
let requestIdCounter = 0
const callbacks = {}

export function setupSocketConnection(onConnect) {
    const apiUrl = process.env.REACT_APP_API_URL || window.location.hostname + ':' + window.location.port

    socket = io.connect(window.location.protocol + '//' + apiUrl)
    socket.on('connect', onConnect)
    socket.on('response', onSocketResponse)
}

export function sendSocketRequest(request, callback) {
    if (!socket.connected) {
        console.error('Attempted to send request over unconnected socket')
        return
    }

    const newId = requestIdCounter++
    callbacks[newId] = callback

    request.id = newId
    request.token = getAuthToken()

    if (!request.isRootRoute) {
        request.path = '/v2' + request.path
    }

    socket.emit('request', request)

    if (process.env.NODE_ENV !== 'production') {
        console.log('Sent socket request:', request)
    }
}

function onSocketResponse(json) {
    const response = JSON.parse(json)

    if (process.env.NODE_ENV !== 'production') {
        console.log('Received socket response:', response)
    }

    callbacks[response.id](response)
    delete callbacks[response.id]
}