@sequent-org/moodboard 1.2.103 → 1.2.105

package/package.json

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

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

@@ -252,17 +252,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) => {

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

@@ -2067,23 +2067,49 @@ export class SelectTool extends BaseTool {
             } catch (_) {}
 
             // Для новых текстов: синхронизируем мировую позицию объекта с фактической позицией wrapper,
-            // чтобы после закрытия редактора статичный текст встал ровно туда же без сдвига
+            // чтобы после закрытия редактора статичный текст встал ровно туда же без сдвига.
+            // Используем ту же систему координат, что и HtmlTextLayer/HtmlHandlesLayer:
+            // CSS ←→ world через toGlobal/toLocal БЕЗ умножения/деления на resolution.
             try {
                 if (create && objectId) {
                     const worldLayerRef = this.textEditor.world || (this.app?.stage);
-                    const viewRes = (this.app?.renderer?.resolution) || (view.width && view.clientWidth ? (view.width / view.clientWidth) : 1);
-                    // Статичный HTML-текст не имеет верхнего внутреннего отступа (HtmlTextLayer ставит padding: 0),
-                    // поэтому добавляем padTop к topPx при расчёте мировых координат
-                    const yCssStaticTop = Math.round(topPx + padTop);
-                    const globalPoint = new PIXI.Point(Math.round(leftPx * viewRes), Math.round(yCssStaticTop * viewRes));
-                    const worldPoint = worldLayerRef && worldLayerRef.toLocal ? worldLayerRef.toLocal(globalPoint) : { x: position.x, y: position.y };
-                    const newWorldPos = { x: Math.round(worldPoint.x), y: Math.round(worldPoint.y) };
-                    this.eventBus.emit(Events.Object.StateChanged, {
-                        objectId: objectId,
-                        updates: { position: newWorldPos }
-                    });
-                    // Диагностика
-                    console.log('🧭 Text position sync', { objectId, newWorldPos, leftPx, topPx, yCssStaticTop, padTop, viewRes });
+                    const viewEl = this.app?.view;
+                    if (worldLayerRef && viewEl && viewEl.parentElement) {
+                        const containerRect = viewEl.parentElement.getBoundingClientRect();
+                        const viewRect = viewEl.getBoundingClientRect();
+                        const offsetLeft = viewRect.left - containerRect.left;
+                        const offsetTop = viewRect.top - containerRect.top;
+
+                        // Статичный HTML-текст не имеет верхнего внутреннего отступа (HtmlTextLayer ставит padding: 0),
+                        // поэтому добавляем padTop к topPx при расчёте мировой позиции верхнего края текста.
+                        const yCssStaticTop = Math.round(topPx + padTop);
+                        // Переводим CSS-координаты wrapper в экранные координаты относительно view
+                        const screenX = Math.round(leftPx - offsetLeft);
+                        const screenY = Math.round(yCssStaticTop - offsetTop);
+                        const globalPoint = new PIXI.Point(screenX, screenY);
+                        const worldPoint = worldLayerRef.toLocal
+                            ? worldLayerRef.toLocal(globalPoint)
+                            : { x: position.x, y: position.y };
+                        const newWorldPos = {
+                            x: Math.round(worldPoint.x),
+                            y: Math.round(worldPoint.y)
+                        };
+                        this.eventBus.emit(Events.Object.StateChanged, {
+                            objectId: objectId,
+                            updates: { position: newWorldPos }
+                        });
+                        // Диагностика
+                        console.log('🧭 Text position sync', {
+                            objectId,
+                            newWorldPos,
+                            leftPx,
+                            topPx,
+                            yCssStaticTop,
+                            padTop,
+                            offsetLeft,
+                            offsetTop
+                        });
+                    }
                 }
             } catch (_) {}
         }