snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/lib/utils/renderEmoji.ts

@@ -0,0 +1,57 @@
+import { emoji } from '../emoji/lib';
+
+const emojiList = emoji.list as Record<string, { emojiPackage: string }>;
+const emojiPackages = emoji.packages as Record<string, { render(emojiName: string): string }>;
+
+export const renderEmoji = (emojiName: string): string | undefined => {
+	const emojiPackageName = emojiList[emojiName]?.emojiPackage;
+	if (emojiPackageName) {
+		const emojiPackage = emojiPackages[emojiPackageName];
+		return emojiPackage.render(emojiName);
+	}
+
+	return undefined;
+};
+
+type EmojiParserResult = {
+	'className'?: string;
+	'name': string;
+	'data-title'?: string;
+	'children'?: string;
+	'image'?: string;
+};
+
+const createGetEmojiClassNameAndDataTitle =
+	(parser: (emojiName: string) => string | undefined) =>
+	(emojiName: string): EmojiParserResult => {
+		const html = parser(emojiName);
+		if (!html) {
+			return { 'className': '', 'data-title': '', 'children': '', 'name': '' };
+		}
+
+		const div = document.createElement('div');
+
+		div.innerHTML = html;
+
+		const emojiElement = div.firstElementChild;
+		if (!emojiElement) {
+			return { 'className': '', 'data-title': '', 'children': '', 'name': '', 'image': '' };
+		}
+
+		const image =
+			emojiElement instanceof HTMLElement
+				? emojiElement.style.backgroundImage
+				: (Object.fromEntries((emojiElement.getAttribute('style') || '')?.split(';').map((s) => s.split(':'))) as Record<string, string>)[
+						'background-image'
+					];
+
+		return {
+			'className': [image ? 'rcx-message__emoji--custom' : '', emojiElement.getAttribute('class') || ''].filter(Boolean).join(' '),
+			'data-title': emojiElement.getAttribute('data-title') || '',
+			'name': emojiElement.getAttribute('name') || '',
+			'children': emojiElement.innerHTML,
+			image,
+		};
+	};
+
+export const getEmojiClassNameAndDataTitle = createGetEmojiClassNameAndDataTitle(renderEmoji);