From ba37db91828c9292d24a87269dbfcf1302ae8fd3 Mon Sep 17 00:00:00 2001
From: Anatoly <akopyl@radner.ru>
Date: Fri, 21 Jan 2022 02:11:40 +0300
Subject: [PATCH] Stack images

---
 post2Svg.js | 36 +++++++++++++++++++++++++++++-------
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/post2Svg.js b/post2Svg.js
index ca514cf..8c96c1b 100644
--- a/post2Svg.js
+++ b/post2Svg.js
@@ -1,12 +1,34 @@
-function makeSvg(image) { 
-  image = image.replaceAll('&', '&amp;')
+function makeSvg(images) {
+  const spacing = 50;
+  const height = images.length * (900 + spacing) + spacing;
 
-  return `<svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
+  function imageTag(url, n) {
+    const y = 50 + n * (900 + spacing);
+    return `<image x="50" y="${y}" width="900" height="900" href="${url}"/>`;
+  }
+
+  let imageTags = '';
+
+  images.forEach((image, i) => {
+    imageTags += imageTag(image.url, i);
+  })
+
+  return `<svg viewBox="0 0 1000 ${height}" xmlns="http://www.w3.org/2000/svg">
   <rect width="100%" height="100%" fill="white" />
-  <image x="50" y="50" width="900" height="900" href="${image}"/>
-</svg>`;
+  ${imageTags}
+</svg>\n`;
 }
 
 export default function(post) {
-  return makeSvg(post.attachments[0].photo.sizes[0].url)
-}
\ No newline at end of file
+  const photoAttachments = post.attachments.filter((attachment) => {
+    return attachment.photo;
+  })
+
+  const images = photoAttachments.map((attachment) => {
+    return {
+      url: attachment.photo.sizes[attachment.photo.sizes.length - 1].url.replaceAll('&', '&amp;'),
+    };
+  });
+
+  return makeSvg(images);
+}