jiti-meet/react/features/chat/functions.js

81 lines
2.4 KiB
JavaScript

// @flow
import aliases from 'react-emoji-render/data/aliases';
import emojiAsciiAliases from 'react-emoji-render/data/asciiAliases';
import { escapeRegexp } from '../base/util';
/**
* An ASCII emoticon regexp array to find and replace old-style ASCII
* emoticons (such as :O) to new Unicode representation, so then devices
* and browsers that support them can render these natively without
* a 3rd party component.
*
* NOTE: this is currently only used on mobile, but it can be used
* on web too once we drop support for browsers that don't support
* unicode emoji rendering.
*/
const EMOTICON_REGEXP_ARRAY: Array<Array<Object>> = [];
(function() {
for (const [ key, value ] of Object.entries(aliases)) {
let escapedValues;
const asciiEmojies = emojiAsciiAliases[key];
// Adding ascii emoticons
if (asciiEmojies) {
escapedValues = asciiEmojies.map(v => escapeRegexp(v));
} else {
escapedValues = [];
}
// Adding slack-type emoji format
escapedValues.push(escapeRegexp(`:${key}:`));
const regexp = `\\B(${escapedValues.join('|')})\\B`;
EMOTICON_REGEXP_ARRAY.push([ new RegExp(regexp, 'g'), value ]);
}
})();
/**
* Replaces ascii and other non-unicode emoticons with unicode emojis to let the emojis be rendered
* by the platform native renderer.
*
* @param {string} message - The message to parse and replace.
* @returns {string}
*/
export function replaceNonUnicodeEmojis(message: string) {
let replacedMessage = message;
for (const [ regexp, replaceValue ] of EMOTICON_REGEXP_ARRAY) {
replacedMessage = replacedMessage.replace(regexp, replaceValue);
}
return replacedMessage;
}
/**
* Selector for calculating the number of unread chat messages.
*
* @param {Object} state - The redux state.
* @returns {number} The number of unread messages.
*/
export function getUnreadCount(state: Object) {
const { lastReadMessage, messages } = state['features/chat'];
const messagesCount = messages.length;
if (!messagesCount) {
return 0;
}
if (navigator.product === 'ReactNative') {
// React native stores the messages in a reversed order.
return messages.indexOf(lastReadMessage);
}
const lastReadIndex = messages.lastIndexOf(lastReadMessage);
return messagesCount - (lastReadIndex + 1);
}