@sequent-org/moodboard 1.2.91 → 1.2.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.2.91",
+  "version": "1.2.93",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/tools/object-tools/SelectTool.js

@@ -2040,7 +2040,16 @@ export class SelectTool extends BaseTool {
             console.log('🔍 Browser zoom detection:', { 
                 zoomFactor, 
                 basePos: { left: baseLeftPx, top: baseTopPx },
-                correctedPos: { left: correctedBaseLeftPx, top: correctedBaseTopPx }
+                correctedPos: { left: correctedBaseLeftPx, top: correctedBaseTopPx },
+                screenPos,
+                window: {
+                    innerWidth: window.innerWidth,
+                    outerWidth: window.outerWidth,
+                    visualViewport: window.visualViewport ? {
+                        width: window.visualViewport.width,
+                        height: window.visualViewport.height
+                    } : null
+                }
             });
             
             const leftPx = Math.round(correctedBaseLeftPx - padLeft);
@@ -2820,9 +2829,29 @@ export class SelectTool extends BaseTool {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Более надежный способ определения масштаба браузера
+        // Множественные методы определения масштаба браузера для надежности
+        let zoomFactors = [];
+        
+        try {
+            // Метод 1: Через window размеры
+            const outerInnerRatio = window.outerWidth / window.innerWidth;
+            if (isFinite(outerInnerRatio) && outerInnerRatio > 0.1 && outerInnerRatio < 10) {
+                zoomFactors.push({ method: 'outerInner', value: outerInnerRatio });
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 2: Через visualViewport если доступно
+            if (window.visualViewport) {
+                const vpZoom = window.innerWidth / window.visualViewport.width;
+                if (isFinite(vpZoom) && vpZoom > 0.1 && vpZoom < 10) {
+                    zoomFactors.push({ method: 'visualViewport', value: vpZoom });
+                }
+            }
+        } catch (_) {}
+        
         try {
-            // Создаем тестовый элемент с фиксированными размерами
+            // Метод 3: Через тестовый элемент (проверяем разные единицы)
             const testEl = document.createElement('div');
             testEl.style.position = 'absolute';
             testEl.style.left = '-9999px';
@@ -2834,20 +2863,38 @@ export class SelectTool extends BaseTool {
             
             document.body.appendChild(testEl);
             
-            // Измеряем реальные размеры
             const rect = testEl.getBoundingClientRect();
-            const zoomFactor = 100 / rect.width; // 100px / реальная ширина
+            const elemZoom = 100 / rect.width;
             
             document.body.removeChild(testEl);
             
-            // Проверяем разумность результата
-            if (isFinite(zoomFactor) && zoomFactor > 0.1 && zoomFactor < 10) {
-                return zoomFactor;
+            if (isFinite(elemZoom) && elemZoom > 0.1 && elemZoom < 10) {
+                zoomFactors.push({ method: 'testElement', value: elemZoom });
             }
         } catch (_) {}
         
-        // Fallback: без коррекции
-        return 1.0;
+        // Логирование всех методов для диагностики
+        console.log('🔍 Zoom detection methods:', zoomFactors);
+        
+        // Выбираем наиболее подходящий результат
+        if (zoomFactors.length === 0) {
+            return 1.0; // Fallback
+        }
+        
+        // Если есть visualViewport, предпочитаем его
+        const vpMethod = zoomFactors.find(f => f.method === 'visualViewport');
+        if (vpMethod) {
+            return vpMethod.value;
+        }
+        
+        // Иначе берем outerInner как наиболее стабильный
+        const outerMethod = zoomFactors.find(f => f.method === 'outerInner');
+        if (outerMethod) {
+            return outerMethod.value;
+        }
+        
+        // Последний fallback - первый доступный метод
+        return zoomFactors[0].value;
     }
 
 }

package/src/ui/HtmlTextLayer.js

@@ -376,9 +376,29 @@ export class HtmlTextLayer {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Более надежный способ определения масштаба браузера
+        // Множественные методы определения масштаба браузера для надежности
+        let zoomFactors = [];
+        
+        try {
+            // Метод 1: Через window размеры
+            const outerInnerRatio = window.outerWidth / window.innerWidth;
+            if (isFinite(outerInnerRatio) && outerInnerRatio > 0.1 && outerInnerRatio < 10) {
+                zoomFactors.push({ method: 'outerInner', value: outerInnerRatio });
+            }
+        } catch (_) {}
+        
+        try {
+            // Метод 2: Через visualViewport если доступно
+            if (window.visualViewport) {
+                const vpZoom = window.innerWidth / window.visualViewport.width;
+                if (isFinite(vpZoom) && vpZoom > 0.1 && vpZoom < 10) {
+                    zoomFactors.push({ method: 'visualViewport', value: vpZoom });
+                }
+            }
+        } catch (_) {}
+        
         try {
-            // Создаем тестовый элемент с фиксированными размерами
+            // Метод 3: Через тестовый элемент (проверяем разные единицы)
             const testEl = document.createElement('div');
             testEl.style.position = 'absolute';
             testEl.style.left = '-9999px';
@@ -390,20 +410,35 @@ export class HtmlTextLayer {
             
             document.body.appendChild(testEl);
             
-            // Измеряем реальные размеры
             const rect = testEl.getBoundingClientRect();
-            const zoomFactor = 100 / rect.width; // 100px / реальная ширина
+            const elemZoom = 100 / rect.width;
             
             document.body.removeChild(testEl);
             
-            // Проверяем разумность результата
-            if (isFinite(zoomFactor) && zoomFactor > 0.1 && zoomFactor < 10) {
-                return zoomFactor;
+            if (isFinite(elemZoom) && elemZoom > 0.1 && elemZoom < 10) {
+                zoomFactors.push({ method: 'testElement', value: elemZoom });
             }
         } catch (_) {}
         
-        // Fallback: без коррекции
-        return 1.0;
+        // Выбираем наиболее подходящий результат
+        if (zoomFactors.length === 0) {
+            return 1.0; // Fallback
+        }
+        
+        // Если есть visualViewport, предпочитаем его
+        const vpMethod = zoomFactors.find(f => f.method === 'visualViewport');
+        if (vpMethod) {
+            return vpMethod.value;
+        }
+        
+        // Иначе берем outerInner как наиболее стабильный
+        const outerMethod = zoomFactors.find(f => f.method === 'outerInner');
+        if (outerMethod) {
+            return outerMethod.value;
+        }
+        
+        // Последний fallback - первый доступный метод
+        return zoomFactors[0].value;
     }
 }