[$150] Quoted comments are not displayed properly in the notifications

[sdgun]

Steps
Log in as any user and go to any discussion
Quote a comment added by a user and post a comment on it
Check the email notification

Quoted comment is not displayed properly in the notifications

[jmgasper]

Contest https://www.topcoder.com/challenges/30154493 has been created for this ticket.

This is an automated message for ghostar via Topcoder X

[jmgasper]

Contest https://www.topcoder.com/challenges/30154493 has been updated - it has been assigned to obog.

This is an automated message for ghostar via Topcoder X

[atelomycterus]

@jmgasper Need more work to handle embedded content (quotes, spoilers and so on) in emails. Vanilla Formatter (Rich to Html) renders embedded content as

Rich editor is built on top of content editable using Quill.js, Quill's document model parchment and React.
This output is rendered correctly only in Vanilla site because it mounts all required JS.

To display embedded content correctly in emails, we need to format embedded content to simple html on the server side.

Embedded content:
export async function mountAllEmbeds(root: HTMLElement = document.body) {
    const mountPoints = root.querySelectorAll("[data-embedjson]");
    const promises = Array.from(mountPoints).map(mountPoint => {
        const parsedData = JSON.parse(mountPoint.getAttribute("data-embedjson") || "{}");
        return mountEmbed(mountPoint as HTMLElement, parsedData, false);
    });
    await Promise.all(promises);
}

// Default embed registration
registerEmbed("codepen", CodePenEmbed);
registerEmbed("file", FileEmbed);
registerEmbed("gettyimages", GettyImagesEmbed);
registerEmbed("getty", GettyImagesEmbed);
registerEmbed("giphy", GiphyEmbed);
registerEmbed("imgur", ImgurEmbed);
registerEmbed("instagram", InstagramEmbed);
registerEmbed("link", LinkEmbed);
registerEmbed("quote", QuoteEmbed);
registerEmbed("soundcloud", SoundCloudEmbed);
registerEmbed("twitch", VideoEmbed);
registerEmbed("twitter", TwitterEmbed);
registerEmbed("vimeo", VideoEmbed);
registerEmbed("wistia", VideoEmbed);
registerEmbed("youtube", VideoEmbed);
registerEmbed("image", ImageEmbed);

[jmgasper]

@atelomycterus - I'm fine with the changes described above, and I've bumped the payment on this ticket to account for the additional work, thanks. If you need anything else, or if the payment should be higher, just let me know!

[atelomycterus]

@jmgasper Please apply PRs: topcoder-platform/forums-groups-plugin#38
#272 . Thanks!

Embedded content (quote, link, image and so on) is rendered as a html link. Each embedded content type has its own attributes.
These attributes are stored as a part of body. For example, a discussion quote has a discussion name + DiscussionID + Author.
It's rendered as <a href='url'>Discussion.Name</a>. I implemented basic rendering so as not to overload with unnecessary information.

Let me know If you need to display any information, for example, file size, original file name, author and so on.
Example: