fix(message-parser): Emoji skin tone detection (#764)

Author: tassoevan

packages/message-parser/src/grammar.pegjs

@@ -633,8 +633,13 @@ unicodeEmoji
       )?
   )
   / $(
-    (unicodeEmojiMiscellaneousSymbolsAndPictographs [\u200D])*
+    (
+        unicodeEmojiMiscellaneousSymbolsAndPictographs
+          unicodeEmojiMiscellaneousSymbolsAndPictographsFitzpatrickModifiers?
+          [\u200D]
+      )*
       unicodeEmojiMiscellaneousSymbolsAndPictographs
+      unicodeEmojiMiscellaneousSymbolsAndPictographsFitzpatrickModifiers?
   )
   / unicodeEmojiTransportAndMapSymbols
   / unicodeEmojiMiscellaneousTechnical
@@ -650,6 +655,9 @@ unicodeEmojiMiscellaneousSymbolsAndPictographs
   = $([\uD83C] [\uDF00-\uDFFF] [\uFE00-\uFE0F]?)
   / $([\uD83D] [\uDC00-\uDDFF] [\uFE00-\uFE0F]?)
 
+unicodeEmojiMiscellaneousSymbolsAndPictographsFitzpatrickModifiers
+  = $([\uD83C] [\uDFFB-\uDFFF])
+
 unicodeEmojiTransportAndMapSymbols = $([\uD83D] [\uDE80-\uDEFA])
 
 unicodeEmojiMiscellaneousTechnical = $([\u2300-\u23FF] [\uFE00-\uFE0F]?)

packages/message-parser/tests/emoji.test.ts

@@ -61,6 +61,24 @@ test.each([
   ['❤️', [bigEmoji([emojiUnicode('❤️')])]],
   ['🏳️', [bigEmoji([emojiUnicode('🏳️')])]],
   ['🧑🏾‍💻', [bigEmoji([emojiUnicode('🧑🏾‍💻')])]],
+  ['🧑🏾‍💻🧑🏾‍💻', [bigEmoji([emojiUnicode('🧑🏾‍💻'), emojiUnicode('🧑🏾‍💻')])]],
+  [
+    '🧑🏾‍💻🧑🏾‍💻🧑🏾‍💻',
+    [
+      bigEmoji([
+        emojiUnicode('🧑🏾‍💻'),
+        emojiUnicode('🧑🏾‍💻'),
+        emojiUnicode('🧑🏾‍💻'),
+      ]),
+    ],
+  ],
+  ['👆🏽', [bigEmoji([emojiUnicode('👆🏽')])]],
+  ['👆🏽👆🏽', [bigEmoji([emojiUnicode('👆🏽'), emojiUnicode('👆🏽')])]],
+  [
+    '👆🏽👆🏽👆🏽',
+    [bigEmoji([emojiUnicode('👆🏽'), emojiUnicode('👆🏽'), emojiUnicode('👆🏽')])],
+  ],
+  ['👆🏺', [bigEmoji([emojiUnicode('👆'), emojiUnicode('🏺')])]],
 ])('parses %p', (input, output) => {
   expect(parser(input)).toMatchObject(output);
 });