@sequent-org/moodboard 1.2.86 → 1.2.88

package/package.json

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

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

@@ -235,7 +235,12 @@ export class PlacementTool extends BaseTool {
             return;
         }
 
-        const worldPoint = this._toWorld(event.x, event.y);
+        // Учитываем масштаб браузера для корректных координат
+        const zoomFactor = this._getBrowserZoomFactor();
+        const correctedX = event.x * zoomFactor;
+        const correctedY = event.y * zoomFactor;
+        
+        const worldPoint = this._toWorld(correctedX, correctedY);
         // Базовая позиция (может быть переопределена для конкретных типов)
         let position = {
             x: Math.round(worldPoint.x - (this.pending.size?.width ?? 100) / 2),
@@ -257,7 +262,9 @@ export class PlacementTool extends BaseTool {
             try {
                 console.log('🧭 Text click', {
                     cursor: { x: event.x, y: event.y },
-                    world: { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) }
+                    corrected: { x: correctedX, y: correctedY },
+                    world: { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) },
+                    zoomFactor: zoomFactor
                 });
             } catch (_) {}
             position = {
@@ -530,6 +537,20 @@ export class PlacementTool extends BaseTool {
         const world = this.app.stage.getChildByName && this.app.stage.getChildByName('worldLayer');
         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,7 +1849,13 @@ 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);
-            return { x: global.x / viewRes, y: global.y / viewRes };
+            
+            // Учитываем масштаб браузера при позиционировании HTML элементов
+            const zoomFactor = this._getBrowserZoomFactor();
+            return { 
+                x: (global.x / viewRes) / zoomFactor, 
+                y: (global.y / viewRes) / zoomFactor 
+            };
         };
         const screenPos = toScreen(position.x, position.y);
         
@@ -2804,5 +2810,19 @@ export class SelectTool extends BaseTool {
         // Обновляем ручки
         this.updateResizeHandles();
     }
+    
+    /**
+     * Получение коэффициента масштабирования браузера
+     */
+    _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/TextTool.js

@@ -32,11 +32,30 @@ export class TextTool extends BaseTool {
     onMouseDown(event) {
         super.onMouseDown(event);
         
+        // Учитываем масштаб браузера для корректных координат
+        const zoomFactor = this._getBrowserZoomFactor();
+        const correctedX = event.x * zoomFactor;
+        const correctedY = event.y * zoomFactor;
+        
+        // Диагностика координат для решения проблемы с масштабом браузера
+        console.log('🔍 TextTool onMouseDown диагностика:', {
+            'исходные event.x/y': { x: event.x, y: event.y },
+            'zoomFactor': zoomFactor,
+            'исправленные x/y': { x: correctedX, y: correctedY },
+            'window.devicePixelRatio': window.devicePixelRatio,
+            'масштаб браузера': window.outerWidth / window.innerWidth
+        });
+        
         // Преобразуем экранные координаты в мировые координаты PIXI
-        const worldPoint = this._toWorld(event.x, event.y);
+        const worldPoint = this._toWorld(correctedX, correctedY);
+        
+        console.log('🔍 Преобразование координат:', {
+            'исправленные': { x: correctedX, y: correctedY },
+            'мировые': worldPoint
+        });
         
         // Проверяем, кликнули ли на существующий текстовый объект
-        const hitObject = this.getTextObjectAt(event.x, event.y);
+        const hitObject = this.getTextObjectAt(correctedX, correctedY);
         
         if (hitObject) {
             this.startEditing(hitObject, event);
@@ -125,6 +144,12 @@ export class TextTool extends BaseTool {
         // Преобразуем мировые координаты в экранные для HTML элемента
         const screenPos = this._toScreen(worldX, worldY);
         
+        console.log('🔍 Позиционирование input:', {
+            'мировые координаты': { x: worldX, y: worldY },
+            'экранные координаты': screenPos,
+            'container': this.getContainer()
+        });
+        
         // Создаем новый input
         this.textInput = document.createElement('textarea');
         this.textInput.value = initialText;
@@ -432,7 +457,27 @@ export class TextTool extends BaseTool {
         if (!world || !world.toGlobal) return { x: worldX, y: worldY };
         const p = new PIXI.Point(worldX, worldY);
         const global = world.toGlobal(p);
-        return { x: global.x, y: global.y };
+        
+        // Обратная коррекция для HTML элементов с учетом масштаба браузера
+        const zoomFactor = this._getBrowserZoomFactor();
+        return { 
+            x: global.x / zoomFactor, 
+            y: global.y / zoomFactor 
+        };
+    }
+    
+    /**
+     * Получение коэффициента масштабирования браузера
+     */
+    _getBrowserZoomFactor() {
+        // Определяем масштаб браузера разными способами
+        const outerInnerRatio = window.outerWidth / window.innerWidth;
+        const devicePixelRatio = window.devicePixelRatio || 1;
+        
+        // Используемый подход: соотношение размеров окна браузера
+        const zoomFactor = outerInnerRatio;
+        
+        return Math.max(0.1, Math.min(5, zoomFactor)); // Ограничиваем разумными пределами
     }
     
     /**