341 lines
10 KiB
JavaScript
341 lines
10 KiB
JavaScript
import React, {
|
|
createContext,
|
|
useReducer,
|
|
} from 'react';
|
|
|
|
import Users from '/imports/api/users';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import Storage from '/imports/ui/services/storage/session';
|
|
import ChatLogger from '/imports/ui/components/chat/chat-logger/ChatLogger';
|
|
import { _ } from 'lodash';
|
|
|
|
const CHAT_CONFIG = Meteor.settings.public.chat;
|
|
const PUBLIC_CHAT_KEY = CHAT_CONFIG.public_id;
|
|
const PUBLIC_GROUP_CHAT_KEY = CHAT_CONFIG.public_group_id;
|
|
const SYSTEM_CHAT_TYPE = CHAT_CONFIG.type_system;
|
|
const CLOSED_CHAT_LIST_KEY = 'closedChatList';
|
|
|
|
export const ACTIONS = {
|
|
TEST: 'test',
|
|
ADDED: 'added',
|
|
CHANGED: 'changed',
|
|
REMOVED: 'removed',
|
|
LAST_READ_MESSAGE_TIMESTAMP_CHANGED: 'last_read_message_timestamp_changed',
|
|
INIT: 'initial_structure',
|
|
SYNC_STATUS: 'sync_status',
|
|
HAS_MESSAGE_TO_SYNC: 'has_message_to_sync',
|
|
CLEAR_ALL: 'clear_all',
|
|
};
|
|
|
|
export const getGroupingTime = () => Meteor.settings.public.chat.grouping_messages_window;
|
|
export const getGroupChatId = () => Meteor.settings.public.chat.public_group_id;
|
|
export const getLoginTime = () => (Users.findOne({ userId: Auth.userID }) || {}).authTokenValidatedTime || 0;
|
|
|
|
const generateTimeWindow = (timestamp) => {
|
|
const groupingTime = getGroupingTime();
|
|
dateInMilliseconds = Math.floor(timestamp);
|
|
groupIndex = Math.floor(dateInMilliseconds / groupingTime)
|
|
date = groupIndex * 30000;
|
|
return date;
|
|
}
|
|
|
|
export const ChatContext = createContext();
|
|
|
|
const generateStateWithNewMessage = (msg, state) => {
|
|
|
|
const timeWindow = generateTimeWindow(msg.timestamp);
|
|
const userId = msg.sender;
|
|
const keyName = userId + '-' + timeWindow;
|
|
const msgBuilder = (msg, chat) => {
|
|
const msgTimewindow = generateTimeWindow(msg.timestamp);
|
|
const key = msg.sender + '-' + msgTimewindow;
|
|
const chatIndex = chat?.chatIndexes[key];
|
|
const {
|
|
_id,
|
|
...restMsg
|
|
} = msg;
|
|
|
|
const indexValue = chatIndex ? (chatIndex + 1) : 1;
|
|
const messageKey = key + '-' + indexValue;
|
|
const tempGroupMessage = {
|
|
[messageKey]: {
|
|
...restMsg,
|
|
key: messageKey,
|
|
lastTimestamp: msg.timestamp,
|
|
read: msg.chatId === PUBLIC_CHAT_KEY && msg.timestamp <= getLoginTime() ? true : false,
|
|
content: [
|
|
{ id: msg.id, text: msg.message, time: msg.timestamp },
|
|
],
|
|
}
|
|
};
|
|
|
|
return [tempGroupMessage, msg.sender, indexValue];
|
|
};
|
|
|
|
let stateMessages = state[msg.chatId];
|
|
|
|
if (!stateMessages) {
|
|
if (msg.chatId === getGroupChatId()) {
|
|
state[msg.chatId] = {
|
|
count: 0,
|
|
chatIndexes: {},
|
|
preJoinMessages: {},
|
|
posJoinMessages: {},
|
|
synced:true,
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
};
|
|
} else {
|
|
state[msg.chatId] = {
|
|
count: 0,
|
|
lastSender: '',
|
|
synced:true,
|
|
chatIndexes: {},
|
|
messageGroups: {},
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
};
|
|
stateMessages = state[msg.chatId];
|
|
}
|
|
|
|
stateMessages = state[msg.chatId];
|
|
}
|
|
|
|
const forPublicChat = msg.timestamp < getLoginTime() ? stateMessages.preJoinMessages : stateMessages.posJoinMessages;
|
|
const forPrivateChat = stateMessages.messageGroups;
|
|
const messageGroups = msg.chatId === getGroupChatId() ? forPublicChat : forPrivateChat;
|
|
const timewindowIndex = stateMessages.chatIndexes[keyName];
|
|
const groupMessage = messageGroups[keyName + '-' + timewindowIndex];
|
|
|
|
if (!groupMessage || (groupMessage && groupMessage.sender !== stateMessages.lastSender)) {
|
|
|
|
const [tempGroupMessage, sender, newIndex] = msgBuilder(msg, stateMessages);
|
|
stateMessages.lastSender = sender;
|
|
stateMessages.chatIndexes[keyName] = newIndex;
|
|
stateMessages.lastTimewindow = keyName + '-' + newIndex;
|
|
ChatLogger.trace('ChatContext::formatMsg::msgBuilder::tempGroupMessage', tempGroupMessage);
|
|
|
|
const messageGroupsKeys = Object.keys(tempGroupMessage);
|
|
messageGroupsKeys.forEach(key => {
|
|
messageGroups[key] = tempGroupMessage[key];
|
|
const message = tempGroupMessage[key];
|
|
const previousMessage = message.timestamp <= getLoginTime();
|
|
if (!previousMessage && message.sender !== Auth.userID && !message.id.startsWith(SYSTEM_CHAT_TYPE)) {
|
|
stateMessages.unreadTimeWindows.add(key);
|
|
}
|
|
});
|
|
} else {
|
|
if (groupMessage) {
|
|
if (groupMessage.sender === stateMessages.lastSender) {
|
|
const previousMessage = msg.timestamp <= getLoginTime();
|
|
const timeWindowKey = keyName + '-' + stateMessages.chatIndexes[keyName];
|
|
messageGroups[timeWindowKey] = {
|
|
...groupMessage,
|
|
lastTimestamp: msg.timestamp,
|
|
read: previousMessage ? true : false,
|
|
content: [
|
|
...groupMessage.content,
|
|
{ id: msg.id, text: msg.message, time: msg.timestamp }
|
|
],
|
|
};
|
|
if (!previousMessage && groupMessage.sender !== Auth.userID) {
|
|
stateMessages.unreadTimeWindows.add(timeWindowKey);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return state;
|
|
}
|
|
|
|
const reducer = (state, action) => {
|
|
switch (action.type) {
|
|
case ACTIONS.TEST: {
|
|
ChatLogger.debug(ACTIONS.TEST);
|
|
return {
|
|
...state,
|
|
...action.value,
|
|
};
|
|
}
|
|
case ACTIONS.ADDED: {
|
|
ChatLogger.debug(ACTIONS.ADDED);
|
|
|
|
const batchMsgs = action.value;
|
|
const closedChatsToOpen = new Set();
|
|
const currentClosedChats = Storage.getItem(CLOSED_CHAT_LIST_KEY) || [];
|
|
const loginTime = getLoginTime();
|
|
const newState = batchMsgs.reduce((acc, i)=> {
|
|
const message = i;
|
|
const chatId = message.chatId;
|
|
if (
|
|
chatId !== PUBLIC_GROUP_CHAT_KEY
|
|
&& message.timestamp > loginTime
|
|
&& currentClosedChats.includes(chatId) ){
|
|
closedChatsToOpen.add(chatId)
|
|
}
|
|
return generateStateWithNewMessage(message, acc);
|
|
}, state);
|
|
|
|
if (closedChatsToOpen.size) {
|
|
const closedChats = currentClosedChats.filter(chatId => !closedChatsToOpen.has(chatId));
|
|
Storage.setItem(CLOSED_CHAT_LIST_KEY, closedChats);
|
|
}
|
|
// const newState = generateStateWithNewMessage(action.value, state);
|
|
return {...newState};
|
|
}
|
|
case ACTIONS.CHANGED: {
|
|
return {
|
|
...state,
|
|
...action.value,
|
|
};
|
|
}
|
|
case ACTIONS.REMOVED: {
|
|
ChatLogger.debug(ACTIONS.REMOVED);
|
|
if (state[PUBLIC_GROUP_CHAT_KEY]){
|
|
state[PUBLIC_GROUP_CHAT_KEY] = {
|
|
count: 0,
|
|
lastSender: '',
|
|
chatIndexes: {},
|
|
syncing: false,
|
|
preJoinMessages: {},
|
|
posJoinMessages: {},
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
};
|
|
}
|
|
return state;
|
|
}
|
|
case ACTIONS.LAST_READ_MESSAGE_TIMESTAMP_CHANGED: {
|
|
ChatLogger.debug(ACTIONS.LAST_READ_MESSAGE_TIMESTAMP_CHANGED);
|
|
const { timestamp, chatId } = action.value;
|
|
const newState = {
|
|
...state,
|
|
};
|
|
const selectedChatId = chatId === PUBLIC_CHAT_KEY ? PUBLIC_GROUP_CHAT_KEY : chatId;
|
|
const chat = state[selectedChatId];
|
|
if (!chat) return state;
|
|
['posJoinMessages','preJoinMessages','messageGroups'].forEach( messageGroupName => {
|
|
const messageGroup = chat[messageGroupName];
|
|
if (messageGroup){
|
|
const timeWindowsids = Object.keys(messageGroup);
|
|
timeWindowsids.forEach( timeWindowId => {
|
|
const timeWindow = messageGroup[timeWindowId];
|
|
if(timeWindow) {
|
|
if (!timeWindow.read) {
|
|
if (timeWindow.lastTimestamp <= timestamp){
|
|
newState[selectedChatId].unreadTimeWindows.delete(timeWindowId);
|
|
|
|
newState[selectedChatId][messageGroupName][timeWindowId] = {
|
|
...timeWindow,
|
|
read: true,
|
|
};
|
|
|
|
|
|
newState[selectedChatId] = {
|
|
...newState[selectedChatId],
|
|
};
|
|
newState[selectedChatId][messageGroupName] = {
|
|
...newState[selectedChatId][messageGroupName],
|
|
};
|
|
newState[chatId === PUBLIC_CHAT_KEY ? PUBLIC_GROUP_CHAT_KEY : chatId][messageGroupName][timeWindowId] = {
|
|
...newState[selectedChatId][messageGroupName][timeWindowId],
|
|
};
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
return newState;
|
|
}
|
|
case ACTIONS.INIT: {
|
|
ChatLogger.debug(ACTIONS.INIT);
|
|
const { chatId } = action;
|
|
const newState = { ...state };
|
|
|
|
if (!newState[chatId]){
|
|
newState[chatId] = {
|
|
count: 0,
|
|
lastSender: '',
|
|
chatIndexes: {},
|
|
messageGroups: {},
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
};
|
|
}
|
|
return state;
|
|
}
|
|
case ACTIONS.SYNC_STATUS: {
|
|
ChatLogger.debug(ACTIONS.SYNC_STATUS);
|
|
const newState = { ...state };
|
|
newState[action.value.chatId].syncedPercent = action.value.percentage;
|
|
newState[action.value.chatId].syncing = action.value.percentage < 100 ? true : false;
|
|
|
|
return newState;
|
|
}
|
|
case ACTIONS.CLEAR_ALL: {
|
|
ChatLogger.debug(ACTIONS.CLEAR_ALL);
|
|
const newState = { ...state };
|
|
const chatIds = Object.keys(newState);
|
|
chatIds.forEach((chatId) => {
|
|
newState[chatId] = chatId === PUBLIC_GROUP_CHAT_KEY ?
|
|
{
|
|
count: 0,
|
|
lastSender: '',
|
|
chatIndexes: {},
|
|
preJoinMessages: {},
|
|
posJoinMessages: {},
|
|
syncing: false,
|
|
syncedPercent: 0,
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
}
|
|
:
|
|
{
|
|
count: 0,
|
|
lastSender: '',
|
|
chatIndexes: {},
|
|
messageGroups: {},
|
|
syncing: false,
|
|
syncedPercent: 0,
|
|
unreadTimeWindows: new Set(),
|
|
unreadCount: 0,
|
|
};
|
|
});
|
|
return newState;
|
|
}
|
|
default: {
|
|
throw new Error(`Unexpected action: ${JSON.stringify(action)}`);
|
|
}
|
|
}
|
|
};
|
|
|
|
export const ChatContextProvider = (props) => {
|
|
const [chatContextState, chatContextDispatch] = useReducer(reducer, {});
|
|
ChatLogger.debug('dispatch', chatContextDispatch);
|
|
return (
|
|
<ChatContext.Provider value={
|
|
{
|
|
dispatch: chatContextDispatch,
|
|
chats: chatContextState,
|
|
...props,
|
|
}
|
|
}
|
|
>
|
|
{props.children}
|
|
</ChatContext.Provider>
|
|
);
|
|
}
|
|
|
|
|
|
export const ContextConsumer = Component => props => (
|
|
<ChatContext.Consumer>
|
|
{contexts => <Component {...props} {...contexts} />}
|
|
</ChatContext.Consumer>
|
|
);
|
|
|
|
export default {
|
|
ContextConsumer,
|
|
ChatContextProvider,
|
|
}
|