Mdx: Escaped Pipes (in tables) retain escape character (\)

[riceboyler]

Subject of the issue

When using Markdown Table syntax, using the escape character () for pipes (|) does not remove the escape character when rendered. Example:

This is not a place to ask questions. For that, go to Spectrum

Your environment

• OS: MacOS 10.14
• Packages: mdx-js 1.5.1
• Env: Chrome 79, Node 12.11

Steps to reproduce

Tried to create an mvce on CodeSandbox but that was met with frustration. Basically, create a simple component with a Markdown table and attempt to use an escaped pipe in that table:

# Hello, world!

<Button>Here is a button</Button>

|Test|Test2|
|---|---|
|`testy \| testy` | testy |

Expected behaviour

The pipe should be rendered without the preceding escape character

Actual behaviour

The pipe is rendered prepended by the escape character.

[riceboyler]

To be fair, I think this bug may lie more in how unified.js handles escaped pipes, but I admittedly don't have enough experience with unified (or ASTs in general) to know.

[wooorm]

This indeed has to do with how remark-parse interprets table cells and is a bug there. The escape slash is a literal slash, instead of an escape. We’re working on a replacement that has much better support for MDX.

If you’d like to support us to get there faster, and are able to, please sponsor us on OpenCollective!

[wooorm]

Sorry btw, forgot about this issue, but this is, horrible as that may sound, a feature instead of a bug. Escapes (# Hello, world! `\#`) and character references (# Hello, world! `&`) do not work in code: https://spec.commonmark.org/dingus/?text=%23%20Hello%2C%20world!%20%60%5C%23%60

It’s what lets you embed HTML and other things inside code blocks without needing to double encode everything such as <this>