feat: Use monochrome emojis contained in the font family if no emoji source available

.changeset/nasty-bags-pay.md

@@ -0,0 +1,5 @@
+---
+"@react-pdf/layout": minor
+---
+
+Use monochrome emojis contained in the font family if no emoji source available

packages/layout/src/text/emoji.js

@@ -69,8 +69,6 @@ export const fetchEmojis = (string, source) => {
   return promises;
 };
 
-const specialCases = ['©️', '®', '™']; // Do not treat these as emojis if emoji not present
-
 export const embedEmojis = (fragments) => {
   const result = [];
 
@@ -82,8 +80,6 @@ export const embedEmojis = (fragments) => {
     Array.from(fragment.string.matchAll(regex)).forEach((match) => {
       const { index } = match;
       const emoji = match[0];
-      const isSpecialCase = specialCases.includes(emoji);
-
       const emojiSize = fragment.attributes.fontSize;
       const chunk = fragment.string.slice(lastIndex, index + match[0].length);
 
@@ -102,12 +98,10 @@ export const embedEmojis = (fragments) => {
             },
           },
         });
-      } else if (isSpecialCase) {
-        result.push({ string: chunk, attributes: fragment.attributes });
       } else {
-        // If no emoji data, we just replace the emoji with a nodef char
+        // If no emoji data, we try to use emojis in the font
         result.push({
-          string: chunk.replace(match, String.fromCharCode(0)),
+          string: chunk,
           attributes: fragment.attributes,
         });
       }

packages/layout/src/text/fontSubstitution.js

@@ -60,7 +60,7 @@ const fontSubstitution =
         break;
       }
 
-      const chars = string.slice(run.start, run.end);
+      const chars = [...string.slice(run.start, run.end)];
 
       for (let j = 0; j < chars.length; j += 1) {
         const char = chars[j];