fix(tiny-erp): Calculate and save proper image dimensions for product pictures

Detect original image dimensions using image-size library and calculate
proportional sizes for each thumbnail variant (zoom, big, normal, small)
based on API response max-px values. Maintains aspect ratio and improves
image metadata accuracy.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: leomp12

packages/apps/tiny-erp/package.json

@@ -30,7 +30,8 @@
     "@ecomplus/utils": "1.5.0-rc.6",
     "axios": "^1.12.2",
     "firebase-admin": "^13.5.0",
-    "firebase-functions": "^6.4.0"
+    "firebase-functions": "^6.4.0",
+    "image-size": "^2.0.2"
   },
   "devDependencies": {
     "@cloudcommerce/types": "workspace:*",

packages/apps/tiny-erp/src/integration/parsers/product-from-tiny.ts

@@ -4,6 +4,17 @@ import api from '@cloudcommerce/api';
 import axios from 'axios';
 import ecomUtils from '@ecomplus/utils';
 import getEnv from '@cloudcommerce/firebase/lib/env';
+import { imageSize } from 'image-size';
+
+const tryImageSize = (data: any) => {
+  try {
+    const buffer = Buffer.from(data);
+    const dimensions = imageSize(buffer);
+    return dimensions;
+  } catch {
+    return null;
+  }
+};
 
 const removeAccents = (str: string) => str.replace(/áàãâÁÀÃÂ/g, 'a')
   .replace(/éêÉÊ/g, 'e')
@@ -37,6 +48,7 @@ const tryImageUpload = async (
       responseType: 'arraybuffer',
       timeout: 20000,
     });
+    const dimensions = tryImageSize(data);
     const formData = new FormData();
     formData.append('file', new Blob([data]), originImgUrl.replace(/.*\/([^/]+)$/, '$1'));
     const {
@@ -51,18 +63,46 @@ const tryImageUpload = async (
       timeout: 60000,
     });
     if (picture) {
-      Object.keys(picture).forEach((imgSize) => {
-        if (picture[imgSize]) {
-          if (!picture[imgSize].url) {
-            delete picture[imgSize];
-            return;
+      if (dimensions?.width && dimensions.height) {
+        const { width: w, height: h } = dimensions;
+        if (picture.zoom) {
+          picture.zoom.size = `${w}x${h}`;
+        }
+        Object.keys(picture).forEach((imgSize) => {
+          if (picture[imgSize]) {
+            if (!picture[imgSize].url) {
+              delete picture[imgSize];
+              return;
+            }
+            const maxPx = picture[imgSize].size;
+            if (maxPx > 0) {
+              if (maxPx >= Math.max(w, h)) {
+                picture[imgSize].size = `${w}x${h}`;
+              } else {
+                picture[imgSize].size = w > h
+                  ? `${maxPx}x${Math.round((h * maxPx) / w)}`
+                  : `${Math.round((w * maxPx) / h)}x${maxPx}`;
+              }
+            } else if (picture[imgSize].size !== undefined) {
+              delete picture[imgSize].size;
+            }
+            picture[imgSize].alt = `${product.name} (${imgSize})`;
           }
-          if (picture[imgSize].size !== undefined) {
-            delete picture[imgSize].size;
+        });
+      } else {
+        Object.keys(picture).forEach((imgSize) => {
+          if (picture[imgSize]) {
+            if (!picture[imgSize].url) {
+              delete picture[imgSize];
+              return;
+            }
+            if (picture[imgSize].size !== undefined) {
+              delete picture[imgSize].size;
+            }
+            picture[imgSize].alt = `${product.name} (${imgSize})`;
           }
-          picture[imgSize].alt = `${product.name} (${imgSize})`;
-        }
-      });
+        });
+      }
       if (Object.keys(picture).length) {
         return {
           _id: ecomUtils.randomObjectId(),