Line break immediately after <pre> disappears

[akabekobeko]

Issue Details

A new issue I found while trying to fix #77.

• VFM version
  • 1.0.0-alpha.17
• Node.js version
  • 15.13.0

Expected Behavior

Markdown

<pre>
*    *    *
   *    *    *
</pre>

to HTML

<pre>
*    *    *
   *    *    *
</pre>

Actual Behavior

Line break immediately after <pre> disappears.

<pre>*    *    *
   *    *    *
</pre>

commonmark.js demo keeps line breaks as expected.

[akabekobeko]

最小構成で実装してみた。

import unified from 'unified'
import remarkParse from 'remark-parse'
import remarkRehype from 'remark-rehype'
import refypeRaw from 'rehype-raw'
import rehypeStringify from 'rehype-stringify'

const main = () => {
  const md = `<pre>
*    *    *
   *    *    *
</pre>`

  unified()
    .use(remarkParse)
    .use(remarkRehype, { allowDangerousHtml: true })
    .use(refypeRaw)
    .use(rehypeStringify)
    .process(md, (err, file) => {
      if (err) {
        console.error(err)
      } else {
        console.log(String(file))
      }
    })
}

main()

これを実行した結果は以下。

<pre>*    *    *
   *    *    *
</pre>

rehype-raw を外してみると HTML 開始タグは文字参照にエスケープされるが <pre> 直後の改行は維持されている。

<pre>
*    *    *
   *    *    *
</pre>

以上ををまとめると

• VFM で実装した箇所のバグではない
• rehype-raw が原因

のようだ。

[akabekobeko]

VFM 自体の問題ではないこと、VFM 2.0 で remark を刷新することにより周辺 npm も変更されるので改善される可能性もあるため、本件は次バージョン送りとする。