darkwire.io/client/src/reducers/room.js

import _ from 'lodash'

const initialState = {
  members: [
    // {
    //   username,
    //   publicKey
    // }
  ],
  id: '',
  isLocked: false,
  joining: true,
  size: 0,
}

const room = (state = initialState, action) => {
  switch (action.type) {
    case 'CONNECTED':
      const size = action.payload.users ? action.payload.users.length : 1;
      return {
        ...state,
        id: action.payload.id,
        isLocked: Boolean(action.payload.isLocked),
        size,
        joining: false
      }
    case 'USER_EXIT':
      const memberPubKeys = action.payload.members.map(m => JSON.stringify(m.publicKey))
      return {
        ...state,
        members: state.members
          .filter(m => memberPubKeys.includes(JSON.stringify(m.publicKey)))
          .map((m) => {
            const payloadMember = action.payload.members.find(member => _.isEqual(m.publicKey, member.publicKey))
            return {
              ...m,
              ...payloadMember,
            }
          }),
      }
    case 'HANDLE_SOCKET_MESSAGE_ADD_USER':
      const membersWithId = state.members.filter(m => m.id)
      const joining = false

      return {
        ...state,
        members: state.members.map((member) => {
          if (_.isEqual(member.publicKey, action.payload.payload.publicKey)) {
            return {
              ...member,
              username: action.payload.payload.username,
              isOwner: action.payload.payload.isOwner,
              id: action.payload.payload.publicKey.n,
            }
          }
          return member
        }),
        joining,
      }
    case 'CREATE_USER':
      return {
        ...state,
        members: [
          ...state.members,
          {
            username: action.payload.username,
            publicKey: action.payload.publicKey,
            id: action.payload.publicKey.n,
          },
        ],
      }
    case 'USER_ENTER':
      /*
      In this payload the server sends all users' public keys. Normally the server
      will have all the users the client does, but in some cases - such as when
      new users join before this client has registered with the server (this can
      happen when lots of users join in quick succession) - the client
      will receive a USER_ENTER event that doesn't contain itself. In that case we
      want to prepend "me" to the members payload
      */
      const members = _.uniqBy(action.payload, member => member.publicKey.n);
      return {
        ...state,
        members: members.reduce((acc, user) => {
          const exists = state.members.find(m => m.publicKey.n === user.publicKey.n)
          if (exists) {
            return [
              ...acc,
              {
                ...user,
                ...exists,
              }
            ]
          }
          return [
            ...acc,
            {
              publicKey: user.publicKey,
              isOwner: user.isOwner,
              id: user.id,
            }
          ]
        }, []),
      }
    case 'TOGGLE_LOCK_ROOM':
      return {
        ...state,
        isLocked: !state.isLocked,
      }
    case 'RECEIVE_TOGGLE_LOCK_ROOM':
      return {
        ...state,
        isLocked: action.payload.locked,
      }
    case 'SEND_SOCKET_MESSAGE_CHANGE_USERNAME':
      const newUsername = action.payload.newUsername
      const userId = action.payload.id
      return {
        ...state,
        members: state.members.map(member => (
          member.id === userId ?
            {
              ...member,
              username: newUsername,
            } : member
        )),
      }
    case 'HANDLE_SOCKET_MESSAGE_CHANGE_USERNAME':
      const newUsername2 = action.payload.payload.newUsername
      const userId2 = action.payload.payload.id
      return {
        ...state,
        members: state.members.map(member => (
          member.id === userId2 ?
            {
              ...member,
              username: newUsername2,
            } : member
        )),
      }
    default:
      return state
  }
}

export default room