// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // See LICENSE.txt for license information. import emojiRegex from 'emoji-regex'; import SystemModel from '@database/models/server/system'; import {Emojis, EmojiIndicesByAlias, EmojiIndicesByUnicode} from '.'; import type CustomEmojiModel from '@typings/database/models/servers/custom_emoji'; import type Fuse from 'fuse.js'; const UNICODE_REGEX = /\p{Emoji}/u; const RE_NAMED_EMOJI = /(:([a-zA-Z0-9_+-]+):)/g; const RE_UNICODE_EMOJI = emojiRegex(); const RE_EMOTICON: Record = { slightly_smiling_face: /(^|\s)(:-?\))(?=$|\s)/g, // :) wink: /(^|\s)(;-?\))(?=$|\s)/g, // ;) open_mouth: /(^|\s)(:o)(?=$|\s)/gi, // :o scream: /(^|\s)(:-o)(?=$|\s)/gi, // :-o smirk: /(^|\s)(:-?])(?=$|\s)/g, // :] smile: /(^|\s)(:-?d)(?=$|\s)/gi, // :D stuck_out_tongue_closed_eyes: /(^|\s)(x-d)(?=$|\s)/gi, // x-d stuck_out_tongue: /(^|\s)(:-?p)(?=$|\s)/gi, // :p rage: /(^|\s)(:-?[[@])(?=$|\s)/g, // :@ slightly_frowning_face: /(^|\s)(:-?\()(?=$|\s)/g, // :( cry: /(^|\s)(:[`'’]-?\(|:'\(|:'\()(?=$|\s)/g, // :`( confused: /(^|\s)(:-?\/)(?=$|\s)/g, // :/ confounded: /(^|\s)(:-?s)(?=$|\s)/gi, // :s neutral_face: /(^|\s)(:-?\|)(?=$|\s)/g, // :| flushed: /(^|\s)(:-?\$)(?=$|\s)/g, // :$ mask: /(^|\s)(:-x)(?=$|\s)/gi, // :-x heart: /(^|\s)(<3|<3)(?=$|\s)/g, // <3 broken_heart: /(^|\s)(<\/3|</3)(?=$|\s)/g, // value.match(RE_EMOTICON[key]) !== null); } export function matchEmoticons(text: string): string[] { let emojis: string[] = text.match(RE_NAMED_EMOJI) || []; for (const name of Object.keys(RE_EMOTICON)) { const pattern = RE_EMOTICON[name]; const matches = text.match(pattern); if (matches) { emojis = emojis.concat(matches); } } const matchUnicodeEmoji = text.match(RE_UNICODE_EMOJI); if (matchUnicodeEmoji) { emojis = emojis.concat(matchUnicodeEmoji); } return emojis; } export function getValidEmojis(emojis: string[], customEmojis: CustomEmojiModel[]) { const emojiNames = new Set(); const customEmojiNames = customEmojis.map((v) => v.name); for (const emoji of emojis) { const emojiName = getEmojiName(emoji, customEmojiNames); if (emojiName) { emojiNames.add(emojiName); } } return Array.from(emojiNames); } export function getEmojiName(emoji: string, customEmojiNames: string[]) { if (doesMatchNamedEmoji(emoji)) { const emojiName = emoji.substring(1, emoji.length - 1); if (isValidNamedEmoji(emojiName, customEmojiNames)) { return emojiName; } } const matchUnicodeEmoji = emoji.match(RE_UNICODE_EMOJI); if (matchUnicodeEmoji) { function getEmojiHexValue(code: string) { let hexValue = ''; for (const char of code) { hexValue += char.codePointAt(0)?.toString(16).toLowerCase() + ' '; } return hexValue.trim(); } const hex = getEmojiHexValue(matchUnicodeEmoji[0]); const index = EmojiIndicesByUnicode.get(hex); if (index != null && Emojis[index]) { return fillEmoji('', index).name; } return undefined; } const emojiName = getEmoticonName(emoji); if (emojiName) { return emojiName; } return undefined; } export function isReactionMatch(value: string, customEmojis: CustomEmojiModel[]) { const customEmojiNames = customEmojis.map((v) => v.name); const match = value.match(RE_REACTION); if (!match) { return null; } if (!isValidNamedEmoji(match[2], customEmojiNames)) { return null; } return { add: match[1] === '+', emoji: match[2], }; } export function isValidNamedEmoji(emojiName: string, customEmojiNames: string[]) { if (EmojiIndicesByAlias.has(emojiName)) { return true; } if (customEmojiNames.includes(emojiName)) { return true; } return false; } export function hasJumboEmojiOnly(message: string, customEmojis: string[]) { let emojiCount = 0; const chunks = message.trim().replace(/\n/g, ' ').split(' ').filter((m) => m && m.length > 0); if (chunks.length === 0) { return false; } const emojisSet = new Set(customEmojis); for (const chunk of chunks) { if (doesMatchNamedEmoji(chunk)) { const emojiName = chunk.substring(1, chunk.length - 1); if (EmojiIndicesByAlias.has(emojiName)) { emojiCount++; continue; } if (emojisSet.has(emojiName)) { emojiCount++; continue; } } const matchUnicodeEmoji = chunk.match(RE_UNICODE_EMOJI); if (matchUnicodeEmoji && matchUnicodeEmoji.join('') === chunk) { emojiCount += matchUnicodeEmoji.length; continue; } if (isEmoticon(chunk)) { emojiCount++; continue; } return false; } return emojiCount > 0 && emojiCount <= MAX_JUMBO_EMOJIS; } export function doesMatchNamedEmoji(emojiName: string) { const match = emojiName.match(RE_NAMED_EMOJI); if (match && match[0] === emojiName) { return true; } return false; } export const getEmojiFirstAlias = (emoji: string): string => { return getEmojiByName(emoji, [])?.short_names?.[0] || emoji; }; export function getEmojiByName(emojiName: string, customEmojis: CustomEmojiModel[]) { if (EmojiIndicesByAlias.has(emojiName)) { return Emojis[EmojiIndicesByAlias.get(emojiName)!]; } return customEmojis.find((e) => e.name === emojiName); } export function mapCustomEmojiNames(customEmois: CustomEmojiModel[]) { return customEmois.map((c) => c.name); } // Since there is no shared logic between the web and mobile app // this is copied from the webapp as custom sorting logic for emojis const defaultComparisonRule = (aName: string, bName: string) => { return aName.localeCompare(bName); }; const thumbsDownComparisonRule = (other: string) => (other.startsWith('thumbsup') || other.startsWith('+1') ? 1 : 0); const thumbsUpComparisonRule = (other: string) => (other.startsWith('thumbsdown') || other.startsWith('-1') ? -1 : 0); type Comparators = Record number)>; const customComparisonRules: Comparators = { thumbsdown: thumbsDownComparisonRule, '-1': thumbsDownComparisonRule, thumbsup: thumbsUpComparisonRule, '+1': thumbsUpComparisonRule, }; function doDefaultComparison(aName: string, bName: string) { const rule = aName.split('_')[0]; if (customComparisonRules[rule]) { return customComparisonRules[rule](bName) || defaultComparisonRule(aName, bName); } return defaultComparisonRule(aName, bName); } type EmojiType = { short_name: string; name: string; } export function compareEmojis(emojiA: string | Partial, emojiB: string | Partial, searchedName: string) { if (!emojiA) { return 1; } if (!emojiB) { return -1; } let aName; if (typeof emojiA === 'string') { aName = emojiA; } else { aName = 'short_name' in emojiA ? emojiA.short_name : emojiA.name; } let bName; if (typeof emojiB === 'string') { bName = emojiB; } else { bName = 'short_name' in emojiB ? emojiB.short_name : emojiB.name; } if (!searchedName) { return doDefaultComparison(aName!, bName!); } // Have the emojis that start with the search appear first const aPrefix = aName!.startsWith(searchedName); const bPrefix = bName!.startsWith(searchedName); if (aPrefix && bPrefix) { return doDefaultComparison(aName!, bName!); } else if (aPrefix) { return -1; } else if (bPrefix) { return 1; } // Have the emojis that contain the search appear next const aIncludes = aName!.includes(searchedName); const bIncludes = bName!.includes(searchedName); if (aIncludes && bIncludes) { return doDefaultComparison(aName!, bName!); } else if (aIncludes) { return -1; } else if (bIncludes) { return 1; } return doDefaultComparison(aName!, bName!); } export const isCustomEmojiEnabled = (config: ClientConfig | SystemModel) => { if ('value' in config) { return config.value?.EnableCustomEmoji === 'true'; } return config.EnableCustomEmoji === 'true'; }; export function fillEmoji(category: string, index: number) { const emoji = Emojis[index]; return { name: 'short_name' in emoji ? emoji.short_name : emoji.name, aliases: 'short_names' in emoji ? emoji.short_names : [], category, }; } export function getSkin(emoji: any) { if ('skin_variations' in emoji) { return 'default'; } if ('skins' in emoji) { return emoji.skins && emoji.skins[0]; } return null; } export const getEmojis = (skinTone: string, customEmojis: CustomEmojiModel[]) => { const emoticons = new Set(); for (const [key, index] of EmojiIndicesByAlias.entries()) { const skin = getSkin(Emojis[index]); if (!skin || skin === skinTone) { emoticons.add(key); } } for (const custom of customEmojis) { emoticons.add(custom.name); } return Array.from(emoticons); }; export const searchEmojis = (fuse: Fuse, searchTerm: string) => { const searchTermLowerCase = searchTerm.toLowerCase(); const sorter = (a: string, b: string) => { return compareEmojis(a, b, searchTermLowerCase); }; const fuzz = fuse.search(searchTermLowerCase); if (fuzz) { const results = fuzz.reduce((values, r) => { const score = r?.score === undefined ? 1 : r.score; const v = r?.matches?.[0]?.value; if (score < 0.2 && v) { values.push(v); } return values; }, []); return results.sort(sorter); } return []; };