@sequent-org/moodboard 1.2.104 → 1.2.106

package/package.json

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

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

@@ -38,6 +38,8 @@ export class PlacementTool extends BaseTool {
         // Состояние выбранного изображения
         this.selectedImage = null; // { file, fileName, fileSize, mimeType, properties }
         this.ghostContainer = null; // Контейнер для "призрака" файла, изображения, текста, записки, эмоджи, фрейма или фигур
+        // Оригинальные стили курсора PIXI, чтобы можно было временно переопределить pointer для текстового инструмента
+        this._origCursorStyles = null;
 
         if (this.eventBus) {
             this.eventBus.on(Events.Place.Set, (cfg) => {
@@ -47,6 +49,8 @@ export class PlacementTool extends BaseTool {
                     const cur = this._getPendingCursor();
                     this.app.view.style.cursor = (cur === 'default') ? '' : cur;
                 }
+                // При выборе текста заставляем pointer вести себя как текстовый курсор
+                this._updateCursorOverride();
                 
                 // Показываем призрак для записки, эмоджи, фрейма или фигур, если они активны
                 if (this.pending && this.app && this.world) {
@@ -96,6 +100,8 @@ export class PlacementTool extends BaseTool {
                     this.selectedFile = null;
                     this.selectedImage = null;
                     this.hideGhost();
+                    // Возвращаем стандартное поведение курсора, когда уходим с PlacementTool
+                    this._updateCursorOverride();
                 }
             });
 
@@ -145,6 +151,8 @@ export class PlacementTool extends BaseTool {
             // Добавляем обработчик движения мыши для "призрака"
             this.app.view.addEventListener('mousemove', this._onMouseMove.bind(this));
         }
+        // При активации синхронизируем переопределение курсора pointer для текста
+        this._updateCursorOverride();
         
         // Если есть выбранный файл или изображение, показываем призрак
         if (this.selectedFile) {
@@ -171,6 +179,8 @@ export class PlacementTool extends BaseTool {
             // Убираем обработчик движения мыши
             this.app.view.removeEventListener('mousemove', this._onMouseMove.bind(this));
         }
+        // Восстанавливаем стандартные стили курсора при выходе из инструмента
+        this._updateCursorOverride(true);
         this.hideGhost();
         this.app = null;
         this.world = null;
@@ -252,17 +262,35 @@ export class PlacementTool extends BaseTool {
         };
 
         if (isTextWithEditing) {
-            // Для текста позиция должна совпадать с точкой клика без смещений
-            // Диагностика: логируем позицию курсора и мировые координаты в момент клика
+            // Для текста позиция должна совпадать с точкой клика без смещений.
+            // Используем ту же систему координат, что HtmlTextLayer/HtmlHandlesLayer:
+            // CSS ←→ world через toGlobal/toLocal БЕЗ дополнительных поправок на resolution.
+            let worldForText = worldPoint;
             try {
+                const app = this.app;
+                const view = app?.view;
+                const worldLayer = this.world || this._getWorldLayer();
+                if (view && view.parentElement && worldLayer && worldLayer.toLocal) {
+                    const containerRect = view.parentElement.getBoundingClientRect();
+                    const viewRect = view.getBoundingClientRect();
+                    const offsetLeft = viewRect.left - containerRect.left;
+                    const offsetTop = viewRect.top - containerRect.top;
+                    // event.x / event.y заданы в координатах контейнера ToolManager,
+                    // поэтому приводим их к экранным координатам относительно view
+                    const screenX = event.x - offsetLeft;
+                    const screenY = event.y - offsetTop;
+                    const globalPoint = new PIXI.Point(screenX, screenY);
+                    const local = worldLayer.toLocal(globalPoint);
+                    worldForText = { x: local.x, y: local.y };
+                }
                 console.log('🧭 Text click', {
                     cursor: { x: event.x, y: event.y },
-                    world: { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) }
+                    world: { x: Math.round(worldForText.x), y: Math.round(worldForText.y) }
                 });
             } catch (_) {}
             position = {
-                x: Math.round(worldPoint.x),
-                y: Math.round(worldPoint.y)
+                x: Math.round(worldForText.x),
+                y: Math.round(worldForText.y)
             };
             // Слушаем событие создания объекта, чтобы получить его ID
             const handleObjectCreated = (objectData) => {
@@ -546,6 +574,41 @@ export class PlacementTool extends BaseTool {
         }
     }
 
+    /**
+     * Включает/выключает временное переопределение cursorStyles.pointer в PIXI,
+     * чтобы во время работы с текстом курсор оставался текстовым даже при наведении на объекты.
+     * @param {boolean} forceReset - если true, всегда восстанавливает оригинальные стили
+     */
+    _updateCursorOverride(forceReset = false) {
+        try {
+            const renderer = this.app && this.app.renderer;
+            if (!renderer) return;
+            const events = renderer.events || (renderer.plugins && renderer.plugins.interaction);
+            const cursorStyles = events && events.cursorStyles;
+            if (!cursorStyles) return;
+
+            const needTextOverride = !forceReset && this.pending && this.pending.type === 'text';
+
+            if (needTextOverride) {
+                // Сохраняем оригинальные стили только один раз
+                if (!this._origCursorStyles) {
+                    this._origCursorStyles = {
+                        pointer: cursorStyles.pointer
+                    };
+                }
+                cursorStyles.pointer = TEXT_CURSOR;
+            } else if (this._origCursorStyles) {
+                // Восстанавливаем оригинальный pointer
+                if (Object.prototype.hasOwnProperty.call(this._origCursorStyles, 'pointer')) {
+                    cursorStyles.pointer = this._origCursorStyles.pointer;
+                }
+                this._origCursorStyles = null;
+            }
+        } catch (_) {
+            // Если что-то пошло не так, не ломаем остальной функционал
+        }
+    }
+
     /**
      * Показать "призрак" файла
      */