From 4232afc57cce0ad1a3c80db2eb217e02a10f204e Mon Sep 17 00:00:00 2001
From: "C. Fuhrman" <christopher.fuhrman@etsmtl.ca>
Date: Sun, 26 Jan 2025 16:31:47 -0500
Subject: [PATCH] render images (changer taille)

---
 .../GiftTemplate/templates/TextTypeTemplate.ts     |  4 +++-
 client/src/markedConfig.ts                         | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 client/src/markedConfig.ts

diff --git a/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts b/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts
index 8e07345..3c17ad6 100644
--- a/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts
+++ b/client/src/components/GiftTemplate/templates/TextTypeTemplate.ts
@@ -1,4 +1,6 @@
-import { marked } from 'marked';
+// import { marked } from 'marked';
+import marked from 'src/markedConfig';
+
 import katex from 'katex';
 import { TextFormat } from 'gift-pegjs';
 import DOMPurify from 'dompurify';  // cleans HTML to prevent XSS attacks, etc.
diff --git a/client/src/markedConfig.ts b/client/src/markedConfig.ts
new file mode 100644
index 0000000..3abbf0b
--- /dev/null
+++ b/client/src/markedConfig.ts
@@ -0,0 +1,14 @@
+import { marked, Renderer } from 'marked';
+
+const renderer = new Renderer();
+
+renderer.image = ({href, title, text}) => {
+    const [width, height] = title?.startsWith('=') ? title.slice(1).split('x').map(v => v.trim()).filter(Boolean) : [];
+    return `<img src="${href}" alt="${text}"${width ? ` width="${width}"` : ''}${height ? ` height="${height}"` : ''}>`;
+}
+
+marked.use({
+  renderer: renderer
+});
+
+export default marked;