@sequent-org/moodboard 1.2.89 → 1.2.91

package/package.json

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

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

@@ -235,12 +235,7 @@ export class PlacementTool extends BaseTool {
             return;
         }
 
-        // Учитываем масштаб браузера для корректных координат
-        const zoomFactor = this._getBrowserZoomFactor();
-        const correctedX = event.x * zoomFactor;
-        const correctedY = event.y * zoomFactor;
-        
-        const worldPoint = this._toWorld(correctedX, correctedY);
+        const worldPoint = this._toWorld(event.x, event.y);
         // Базовая позиция (может быть переопределена для конкретных типов)
         let position = {
             x: Math.round(worldPoint.x - (this.pending.size?.width ?? 100) / 2),
@@ -262,9 +257,7 @@ export class PlacementTool extends BaseTool {
             try {
                 console.log('🧭 Text click', {
                     cursor: { x: event.x, y: event.y },
-                    corrected: { x: correctedX, y: correctedY },
-                    world: { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) },
-                    zoomFactor: zoomFactor
+                    world: { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) }
                 });
             } catch (_) {}
             position = {
@@ -538,19 +531,6 @@ export class PlacementTool extends BaseTool {
         return world || this.app.stage;
     }
     
-    /**
-     * Получение коэффициента масштабирования браузера
-     */
-    _getBrowserZoomFactor() {
-        // Определяем масштаб браузера разными способами
-        const outerInnerRatio = window.outerWidth / window.innerWidth;
-        const devicePixelRatio = window.devicePixelRatio || 1;
-        
-        // Используемый подход: соотношение размеров окна браузера
-        const zoomFactor = outerInnerRatio;
-        
-        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
-    }
 
     /**
      * Обработчик движения мыши для обновления позиции "призрака"

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

@@ -1849,13 +1849,7 @@ export class SelectTool extends BaseTool {
             if (!worldLayer) return { x: wx, y: wy };
             const global = worldLayer.toGlobal(new PIXI.Point(wx, wy));
             const viewRes = (this.app?.renderer?.resolution) || (view.width && view.clientWidth ? (view.width / view.clientWidth) : 1);
-            
-            // Учитываем масштаб браузера при позиционировании HTML элементов
-            const zoomFactor = this._getBrowserZoomFactor();
-            return { 
-                x: (global.x / viewRes) / zoomFactor, 
-                y: (global.y / viewRes) / zoomFactor 
-            };
+            return { x: global.x / viewRes, y: global.y / viewRes };
         };
         const screenPos = toScreen(position.x, position.y);
         
@@ -2038,10 +2032,21 @@ export class SelectTool extends BaseTool {
                 }
             } catch (_) {}
 
-            const leftPx = Math.round(baseLeftPx - padLeft);
+            // Учитываем масштаб браузера для позиционирования формы редактирования
+            const zoomFactor = this._getBrowserZoomFactor();
+            const correctedBaseLeftPx = baseLeftPx / zoomFactor;
+            const correctedBaseTopPx = baseTopPx / zoomFactor;
+            
+            console.log('🔍 Browser zoom detection:', { 
+                zoomFactor, 
+                basePos: { left: baseLeftPx, top: baseTopPx },
+                correctedPos: { left: correctedBaseLeftPx, top: correctedBaseTopPx }
+            });
+            
+            const leftPx = Math.round(correctedBaseLeftPx - padLeft);
             const topPx = create
-                ? Math.round(baseTopPx - padTop - (lineHeightPx / 2)) // по клику совмещаем центр строки с точкой клика
-                : Math.round(baseTopPx - padTop); // при редактировании совмещаем верх контента
+                ? Math.round(correctedBaseTopPx - padTop - (lineHeightPx / 2)) // по клику совмещаем центр строки с точкой клика
+                : Math.round(correctedBaseTopPx - padTop); // при редактировании совмещаем верх контента
             wrapper.style.left = `${leftPx}px`;
             wrapper.style.top = `${topPx}px`;
             // Сохраняем CSS-позицию редактора для точной синхронизации при закрытии
@@ -2815,14 +2820,34 @@ export class SelectTool extends BaseTool {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Определяем масштаб браузера разными способами
-        const outerInnerRatio = window.outerWidth / window.innerWidth;
-        const devicePixelRatio = window.devicePixelRatio || 1;
-        
-        // Используемый подход: соотношение размеров окна браузера
-        const zoomFactor = outerInnerRatio;
+        // Более надежный способ определения масштаба браузера
+        try {
+            // Создаем тестовый элемент с фиксированными размерами
+            const testEl = document.createElement('div');
+            testEl.style.position = 'absolute';
+            testEl.style.left = '-9999px';
+            testEl.style.top = '-9999px';
+            testEl.style.width = '100px';
+            testEl.style.height = '100px';
+            testEl.style.visibility = 'hidden';
+            testEl.style.pointerEvents = 'none';
+            
+            document.body.appendChild(testEl);
+            
+            // Измеряем реальные размеры
+            const rect = testEl.getBoundingClientRect();
+            const zoomFactor = 100 / rect.width; // 100px / реальная ширина
+            
+            document.body.removeChild(testEl);
+            
+            // Проверяем разумность результата
+            if (isFinite(zoomFactor) && zoomFactor > 0.1 && zoomFactor < 10) {
+                return zoomFactor;
+            }
+        } catch (_) {}
         
-        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
+        // Fallback: без коррекции
+        return 1.0;
     }
 
 }

package/src/ui/HtmlTextLayer.js

@@ -376,14 +376,34 @@ export class HtmlTextLayer {
      * Получение коэффициента масштабирования браузера
      */
     _getBrowserZoomFactor() {
-        // Определяем масштаб браузера разными способами
-        const outerInnerRatio = window.outerWidth / window.innerWidth;
-        const devicePixelRatio = window.devicePixelRatio || 1;
-        
-        // Используемый подход: соотношение размеров окна браузера
-        const zoomFactor = outerInnerRatio;
+        // Более надежный способ определения масштаба браузера
+        try {
+            // Создаем тестовый элемент с фиксированными размерами
+            const testEl = document.createElement('div');
+            testEl.style.position = 'absolute';
+            testEl.style.left = '-9999px';
+            testEl.style.top = '-9999px';
+            testEl.style.width = '100px';
+            testEl.style.height = '100px';
+            testEl.style.visibility = 'hidden';
+            testEl.style.pointerEvents = 'none';
+            
+            document.body.appendChild(testEl);
+            
+            // Измеряем реальные размеры
+            const rect = testEl.getBoundingClientRect();
+            const zoomFactor = 100 / rect.width; // 100px / реальная ширина
+            
+            document.body.removeChild(testEl);
+            
+            // Проверяем разумность результата
+            if (isFinite(zoomFactor) && zoomFactor > 0.1 && zoomFactor < 10) {
+                return zoomFactor;
+            }
+        } catch (_) {}
         
-        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
+        // Fallback: без коррекции
+        return 1.0;
     }
 }