From 3b9de529523356fa90f814c4f7a2bb52c30d43c1 Mon Sep 17 00:00:00 2001
From: iskaktoltay <iskaktoltay@gmail.com>
Date: Thu, 22 Aug 2024 12:58:13 +0500
Subject: [PATCH] added width to image markdown

---
 .../packages/app/utils/blocks-to-markdown.ts  | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/app/utils/blocks-to-markdown.ts b/frontend/packages/app/utils/blocks-to-markdown.ts
index 9407094c2..b51fd840f 100644
--- a/frontend/packages/app/utils/blocks-to-markdown.ts
+++ b/frontend/packages/app/utils/blocks-to-markdown.ts
@@ -64,7 +64,9 @@ function convertBlockToHtml(block, isListItem = false) {
       case 'paragraph':
         return `<p>${contentHtml}</p>`
       case 'image':
-        return `<img src="${block.props.url}" alt="${contentHtml}" title="${block.props.name}">`
+        const {url, name, width} = block.props
+        const titleWithWidth = `${name} | width=${width}`
+        return `<img src="${url}" alt="${contentHtml}" title="${titleWithWidth}">`
       case 'codeBlock':
         return `<pre><code class="language-${
           block.props.language || 'plaintext'
@@ -133,9 +135,29 @@ export async function convertBlocksToMarkdown(blocks: HMBlock[]) {
   const markdownFile = await unified()
     .use(rehypeParse, {fragment: true})
     .use(rehypeRemark)
+    // .use(addImageWidth)
     .use(remarkGfm)
     .use(remarkStringify)
     .process(convertBlocksToHtml(blocks))
   const markdownContent = markdownFile.value as string
   return {markdownContent, mediaFiles}
 }
+
+// import {visit} from 'unist-util-visit'
+
+// function addImageWidth() {
+//   return (tree) => {
+//     visit(tree, 'image', (node) => {
+//       console.log(node)
+//       const width = node.width
+//       console.log(width)
+
+//       if (width) {
+//         // Inject width into the title attribute
+//         node.title = node.title
+//           ? `${node.title} "width=${width}"`
+//           : `"width=${width}"`
+//       }
+//     })
+//   }
+// }