Unexpected Markdown from HTML

[mdashlw]

import { fromHtml } from "hast-util-from-html";
import { toMdast } from "hast-util-to-mdast";
import { toMarkdown } from "mdast-util-to-markdown";

const html = `<div><span><i>Lorem ipsum odor amet ^x^)/<br /><br /></i></span><i>consectetuer adipiscing elit</i><span><i><br /><hr/><br />At sem ipsum vulputate rhoncus morbi feugiat donec.&nbsp;</i></span><a href="https://www.deviantart.com/ichigocandii/art/Kitty-Emoji-9-596918200" class="emoticon" data-embed-type="emoticon" data-embed-id="596918200" data-embed-profile="deviation"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f80bf49a-04b6-4270-ab1d-c531c4d7a952/d9ve114-66ef3327-97a9-4191-a462-465dc6fd02eb.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4MGJmNDlhLTA0YjYtNDI3MC1hYjFkLWM1MzFjNGQ3YTk1MlwvZDl2ZTExNC02NmVmMzMyNy05N2E5LTQxOTEtYTQ2Mi00NjVkYzZmZDAyZWIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.-GbHJImr-YWvGQtmI3oAtZ6uNKTv3ygp_ncRFC8LyI0" alt="Kitty Emoji 9" style="width:24px;height:12px"></a><span>&nbsp;</span><span><i>~ &#9829;</i></span><span>&nbsp;<br /><br />Link1 :&nbsp;link1.com/example<br />Link2 :&nbsp;link2.com/example<br /></span></div>`;
const hast = fromHtml(html, { fragment: true });
const mdast = toMdast(hast);
const markdown = toMarkdown(mdast, { ruleSpaces: true });

produces:

*Lorem ipsum odor amet ^x^)/\
\
**consectetuer adipiscing elit**\
* * *\
At sem ipsum vulputate rhoncus morbi feugiat donec. *[![Kitty Emoji 9](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f80bf49a-04b6-4270-ab1d-c531c4d7a952/d9ve114-66ef3327-97a9-4191-a462-465dc6fd02eb.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y4MGJmNDlhLTA0YjYtNDI3MC1hYjFkLWM1MzFjNGQ3YTk1MlwvZDl2ZTExNC02NmVmMzMyNy05N2E5LTQxOTEtYTQ2Mi00NjVkYzZmZDAyZWIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.-GbHJImr-YWvGQtmI3oAtZ6uNKTv3ygp_ncRFC8LyI0)](https://www.deviantart.com/ichigocandii/art/Kitty-Emoji-9-596918200) *~ ♥* \
\
Link1 : link1.com/example\
Link2 : link2.com/example

which does not render correctly

https://spec.commonmark.org/dingus/

HTML render for reference:

[wooorm]

That’s some terrible HTML — why do you have such terrible HTML?

What is the problem? Can you narrow your problem down?

[mdashlw]

The HTML is what it is. I have to deal with it. The problems that I see in this case:

• first line formatting is incomplete
• \
 - this code translates to \n. I don't know why it's encoded in the first place or why it's escaped which breaks it
• missing empty line between lines Lorem ipsum odor amet and consectetuer adipiscing elit
• missing empty line between * * * (<hr>) and the At sem ipsum vulputate line

[wooorm]

garbage in garbage out — if you get such unsemantic html, I recommend stripping all tags.

• all lines are i, next to each other, that’s why **.
• the \n is encoded because that’s needed when next to *.
• the 1st missing line cannot be there, because the HTML has no paragraph, blank line would be a paragraph, the html has no paragraph