From 4e3d8ab04edff254b5527a1aa130942eafe8b26a Mon Sep 17 00:00:00 2001
From: Liam <byteslice@airmail.cc>
Date: Sun, 2 Jun 2024 01:20:28 -0400
Subject: [PATCH] wip

---
 assets/js/upload.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/assets/js/upload.js b/assets/js/upload.js
index 62f749fb..a577ca26 100644
--- a/assets/js/upload.js
+++ b/assets/js/upload.js
@@ -14,6 +14,17 @@ function scrapeUrl(url) {
     .then(response => response.json());
 }
 
+function embeddedImageDimensions(el) {
+  if (el instanceof HTMLImageElement) {
+    return [el.naturalWidth, el.naturalWidth];
+  }
+  else if (el instanceof HTMLVideoElement) {
+    return [el.videoWidth, el.videoHeight];
+  }
+
+  throw new Error("invalid type");
+}
+
 function elementForEmbeddedImage({ camo_url, type }) {
   // The upload was fetched from the scraper and is a path name
   if (typeof camo_url === 'string') {
@@ -46,6 +57,13 @@ function setupImageUpload() {
       const imgWrap = makeEl('span', { className: 'scraper-preview--image-wrapper' });
       imgWrap.appendChild(img);
 
+      const dimensionLabel = makeEl('span', { className: 'hidden' });
+      img.decode().then(() => {
+        const [ width, height ] = embeddedImageDimensions(img);
+        dimensionLabel.textContent = `${width} x ${height}`;
+        showEl(dimensionLabel);
+      });
+
       const label = makeEl('label', { className: 'scraper-preview--label' });
       const radio = makeEl('input', {
         type: 'radio',
@@ -60,6 +78,7 @@ function setupImageUpload() {
       }
       label.appendChild(radio);
       label.appendChild(imgWrap);
+      label.appendChild(dimensionLabel);
       imgPreviews.appendChild(label);
     });
   }