Internal Embeds

[trieloff]

As a follow-up from #56, we should also enable internal embeds through relative rather than absolute links. The styles supported so far are:

1. Gatsby-style: `video: https://www.youtube.com/embed/2Xc9gXyf2G4`

https://www.gatsbyjs.org/packages/gatsby-remark-embed-markdown/:

`markdown: sample-markdown-file.md`

I'd also support following keywords:

• embed
• html

2. Link + Image-style: [![Audi R8](http://img.youtube.com/vi/KOxbO0EI4MA/0.jpg)](https://www.youtube.com/watch?v=KOxbO0EI4MA "Audi R8")

Should not be supported as we can't rely on the whitelist and would not be able to distinguish between an actual link and an internal embed.

3. Image-style: ![](https://www.youtube.com/watch?v=KOxbO0EI4MA)
4. iA-Writer-Style: https://www.youtube.com/watch?v=KOxbO0EI4MA (the URL is the only content of a paragraph)

Can both be supported when:

• the link target is a relative path
• that ends with the same extension as the current content, e.g. .md
• or that ends with the same extension as the current URL, e.g. .html

In all cases there should be a fallback with <esi:remove> containing the normal rendered output.

[trieloff]

Internal embeds should be processed through a dedicated $file.embed.html pipeline (customizable)

[adobe-bot]

🎉 This issue has been resolved in version 1.8.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀