@sequent-org/moodboard 1.4.22 → 1.4.24

package/package.json

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

package/src/tools/object-tools/selection/SelectInputRouter.js

@@ -3,6 +3,9 @@ import { Events } from '../../../core/events/Events.js';
 export function onMouseDown(event) {
     // Если активен текстовый редактор, закрываем его при клике вне
     if (this.textEditor.active) {
+        // Помечаем, что закрытие инициировано кликом вне редактора.
+        // Это используется в blur-handler, чтобы избежать двойного finalize в одном цикле.
+        this.textEditor._closingByOutside = true;
         const activeEditorType = this.textEditor.objectType;
         if (this.textEditor.objectType === 'file') {
             this._closeFileNameEditor(true);

package/src/tools/object-tools/selection/TextEditorInteractionController.js

@@ -172,12 +172,21 @@ export function bindTextEditorInteractions(controller, {
     finalize,
 }) {
     const blurHandler = () => {
-        const value = (textarea.value || '').trim();
-        if (isNewCreation && value.length === 0) {
-            finalize(false);
-            return;
-        }
-        finalize(true);
+        const editorObjectId = controller?.textEditor?.objectId || null;
+        setTimeout(() => {
+            // Если редактор уже закрыт/переключен другим обработчиком (outside click),
+            // blur не должен дублировать finalize.
+            if (!controller?.textEditor?.active) return;
+            if ((controller?.textEditor?.objectId || null) !== editorObjectId) return;
+            if (controller?.textEditor?._closingByOutside) return;
+
+            const value = (textarea.value || '').trim();
+            if (isNewCreation && value.length === 0) {
+                finalize(false);
+                return;
+            }
+            finalize(true);
+        }, 0);
     };
 
     const keydownHandler = (e) => {
@@ -220,6 +229,7 @@ export function closeTextEditorFromState(controller, commit) {
     const properties = controller.textEditor.properties;
     const isNewCreation = controller.textEditor.isNewCreation;
     const initialContent = controller.textEditor.initialContent ?? '';
+    const shouldDeleteEmptyNewCreation = !commitValue && !!isNewCreation && !!objectId;
 
     if (objectId) {
         if (typeof window !== 'undefined' && window.moodboardHtmlTextLayer) {
@@ -244,7 +254,12 @@ export function closeTextEditorFromState(controller, commit) {
 
     textarea.remove();
     controller.textEditor = { active: false, objectId: null, textarea: null, world: null, objectType: 'text' };
-    if (!commitValue) return;
+    if (!commitValue) {
+        if (shouldDeleteEmptyNewCreation) {
+            controller.eventBus.emit(Events.Tool.ObjectsDelete, { objects: [objectId] });
+        }
+        return;
+    }
     if (objectId == null) {
         controller.eventBus.emit(Events.UI.ToolbarAction, {
             type: objectType,

package/src/tools/object-tools/selection/TextEditorSyncService.js

@@ -6,32 +6,28 @@ export function createRegularTextAutoSize({
     wrapper,
     minWBound,
     minHBound,
-    effectiveFontPx,
-    computeLineHeightPx,
+    onSizeChange,
 }) {
     const MAX_AUTO_WIDTH = 360;
-    const BASELINE_FIX = 2;
 
     return () => {
         textarea.style.width = 'auto';
         textarea.style.height = 'auto';
 
-        const naturalW = textarea.scrollWidth + 1;
-        const targetW = Math.min(MAX_AUTO_WIDTH, Math.max(minWBound, naturalW));
+        const naturalW = Math.max(1, Math.ceil(textarea.scrollWidth + 1));
+        const targetW = Math.round(Math.min(MAX_AUTO_WIDTH, Math.max(minWBound, naturalW)));
         textarea.style.width = `${targetW}px`;
         wrapper.style.width = `${targetW}px`;
 
         textarea.style.height = 'auto';
-        const adjust = BASELINE_FIX;
-        const computed = (typeof window !== 'undefined') ? window.getComputedStyle(textarea) : null;
-        const lineH = (computed ? parseFloat(computed.lineHeight) : computeLineHeightPx(effectiveFontPx)) + 10;
-        const rawH = textarea.scrollHeight;
-        const lines = lineH > 0 ? Math.max(1, Math.round(rawH / lineH)) : 1;
-        const targetH = lines <= 1
-            ? Math.max(minHBound, Math.max(1, lineH - BASELINE_FIX))
-            : Math.max(minHBound, Math.max(1, rawH - adjust));
+        const naturalH = Math.max(1, Math.ceil(textarea.scrollHeight));
+        const targetH = Math.round(Math.max(minHBound, naturalH));
         textarea.style.height = `${targetH}px`;
         wrapper.style.height = `${targetH}px`;
+
+        if (typeof onSizeChange === 'function') {
+            onSizeChange({ widthPx: targetW, heightPx: targetH });
+        }
     };
 }
 

package/src/tools/object-tools/selection/TextInlineEditorController.js

@@ -58,8 +58,22 @@ export function openTextEditor(object, create = false) {
         return;
     }
 
-    // Закрываем предыдущий редактор, если он открыт
-    if (this.textEditor.active) this._closeTextEditor(true);
+    // Закрываем предыдущий редактор, если он открыт.
+    // Защита от повторного открытия того же объекта в один цикл событий:
+    // не пересоздаём textarea/обёртку, если уже редактируем этот объект.
+    if (this.textEditor.active) {
+        const sameEditorObject = !!(
+            objectId &&
+            this.textEditor.objectId &&
+            this.textEditor.objectId === objectId &&
+            this.textEditor.objectType === objectType
+        );
+        if (sameEditorObject && this.textEditor.textarea) {
+            try { this.textEditor.textarea.focus(); } catch (_) {}
+            return;
+        }
+        this._closeTextEditor(true);
+    }
 
     // Если это редактирование существующего объекта, получаем его данные
     if (!create && objectId) {
@@ -129,6 +143,8 @@ export function openTextEditor(object, create = false) {
     // Базовые стили вынесены в CSS (.moodboard-text-editor)
 
     const textarea = createTextEditorTextarea(content || '');
+    // Без доступного статичного HTML-элемента (часто при create) не оставляем Caveat как fallback.
+    textarea.style.fontFamily = isNote ? 'Caveat, Arial, cursive' : 'Roboto, Arial, sans-serif';
 
     // Вычисляем межстрочный интервал; подгоняем к реальным значениям HTML-отображения
     let lhInitial = computeTextEditorLineHeightPx(effectiveFontPx);
@@ -366,7 +382,7 @@ export function openTextEditor(object, create = false) {
     }
 
     // Для записок размеры уже установлены выше, пропускаем эту логику
-    if (!isNote) {
+    if (!isNote && !create) {
         if (initialWpx) {
             textarea.style.width = `${initialWpx}px`;
             wrapper.style.width = `${initialWpx}px`;
@@ -377,13 +393,29 @@ export function openTextEditor(object, create = false) {
         }
     }
     // Автоподгон
+    const syncRegularTextSizeToObject = !isNote && objectId
+        ? ({ widthPx, heightPx }) => {
+            try {
+                const scaleX = (worldLayerRef?.scale?.x) || 1;
+                const widthWorld = Math.max(1, Math.round(widthPx * viewRes / scaleX));
+                const heightWorld = Math.max(1, Math.round(heightPx * viewRes / scaleX));
+                const posReq = { objectId, position: null };
+                this.eventBus.emit(Events.Tool.GetObjectPosition, posReq);
+                this.eventBus.emit(Events.Tool.ResizeUpdate, {
+                    object: objectId,
+                    size: { width: widthWorld, height: heightWorld },
+                    position: posReq.position || { x: position.x, y: position.y },
+                });
+            } catch (_) {}
+        }
+        : null;
+
     const autoSize = createRegularTextAutoSize({
         textarea,
         wrapper,
         minWBound,
         minHBound,
-        effectiveFontPx,
-        computeLineHeightPx: computeTextEditorLineHeightPx,
+        onSizeChange: syncRegularTextSizeToObject,
     });
 
     // Вызываем autoSize только для обычного текста