Embedding attributes of images

import { unified } from 'unified'
import rehypeParse from 'rehype-parse'
import rehypeToRemark from 'rehype-remark'
import stringify from 'remark-stringify'
import imageSalt from '@hankei6km/rehype-image-salt'

const embed = async (source: string) => {
  const markdown = await unified()
    .use(rehypeParse, { fragment: true })
    .use(imageSalt, { command: 'embed', embed: { embedTo: 'block' } })
    .use(rehypeToRemark)
    .use(remarkStringify)
    .freeze()
    .process(source)
  return String(markdown)
}

console.log(
  await embed(
    '<p><img src="/path/to/image.jpg" alt="river" width="600" height="400"></p>'
  )
) // ![river](/path/to/image.jpg){width="600" height="400"}