Merge pull request #806 from ra-md/fix-single-backtick-code-blocks-re…

…ndered-inside-triple-backticks-followed-by-emojis

Fix single backtick code block is rendered within a triple backtick code block when followed by an emoji

__tests__/ExpensiMark-HTML-test.js

@@ -560,6 +560,9 @@ test('Test code fencing with additional backticks inside', () => {
     expect(parser.replace(nestedBackticks)).toBe(
         '<pre>&#x60;This&#32;is&#32;how&#32;you&#32;can&#32;write&#32;~strikethrough~,&#32;*bold*,&#32;_italics_,&#32;and&#32;[links](https://www.expensify.com)&#x60;<br /></pre>',
     );
+
+    nestedBackticks = '```\n`test`👋\n```';
+    expect(parser.replace(nestedBackticks)).toBe('<pre>&#x60;test&#x60;<emoji>👋</emoji><br /></pre>');
 });
 
 test('Test combination replacements', () => {

lib/ExpensiMark.ts

@@ -192,7 +192,7 @@ export default class ExpensiMark {
                 // but we should not replace backtick symbols if they include <pre> tags between them.
                 // At least one non-whitespace character or a specific whitespace character (" " and "\u00A0")
                 // must be present inside the backticks.
-                regex: /(\B|_|)&#x60;((?:&#x60;)*(?!&#x60;).*?[\S| |\u00A0]+?.*?(?<!&#x60;)(?:&#x60;)*)&#x60;(\B|_|)(?!&#x60;|[^<]*<\/pre>|[^<]*<\/video>)/gm,
+                regex: /(\B|_|)&#x60;((?:&#x60;)*(?!&#x60;).*?[\S| |\u00A0]+?.*?(?<!&#x60;)(?:&#x60;)*)&#x60;(\B|_|)(?!&#x60;|(?!<pre>)[^<]*(?:<(?!pre>)[^<]*)*<\/pre>|[^<]*<\/video>)/gm,
                 replacement: (_extras, _match, g1, g2, g3) => {
                     const g2Value = g2.trim() === '' ? g2.replaceAll(' ', '&nbsp;') : g2;
                     return `${g1}<code>${g2Value}</code>${g3}`;