Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-04-27 20:03:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve performance when rendering many emoji

Browse Source
This commit is contained in:
Evan Hahn
2021-08-30 11:39:03 -05:00
committed by GitHub
parent 6f242eca57
commit 7f50fcdb54
3 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ts/util/emoji.ts
View File

@@ -4,8 +4,10 @@
import emojiRegex from 'emoji-regex/es2015/RGI_Emoji';
import { assert } from './assert';
import { take } from './iterables';
const REGEXP = emojiRegex();
const MAX_EMOJI_TO_MATCH = 5000;
export function replaceEmojiWithSpaces(value: string): string {
return value.replace(REGEXP, ' ');
@@ -17,19 +19,26 @@ export type SplitElement = Readonly<{
}>;
export function splitByEmoji(value: string): ReadonlyArray<SplitElement> {
const emojis = value.matchAll(REGEXP);
const emojis = take(value.matchAll(REGEXP), MAX_EMOJI_TO_MATCH);
const result: Array<SplitElement> = [];
let lastIndex = 0;
for (const match of emojis) {
result.push({ type: 'text', value: value.slice(lastIndex, match.index) });
const nonEmojiText = value.slice(lastIndex, match.index);
if (nonEmojiText) {
result.push({ type: 'text', value: nonEmojiText });
}
result.push({ type: 'emoji', value: match[0] });
assert(match.index !== undefined, '`matchAll` should provide indices');
lastIndex = match.index + match[0].length;
}
result.push({ type: 'text', value: value.slice(lastIndex) });
const finalNonEmojiText = value.slice(lastIndex);
if (finalNonEmojiText) {
result.push({ type: 'text', value: finalNonEmojiText });
}
return result;
}