@sequent-org/moodboard 1.4.62 → 1.4.64

package/package.json

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

package/src/core/SaveManager.js

@@ -125,8 +125,15 @@ export class SaveManager {
      * Немедленное сохранение
      */
     async saveImmediately(data = null) {
-        if (this.isRequestInProgress) return;
-        
+        // Флаг ставится синхронно, до любого await: между проверкой и установкой
+        // не должно быть yield-точки, иначе два подряд идущих markAsChanged()
+        // проходят guard и читают один baseVersion → второй ловит 409 stale_base_version.
+        if (this.isRequestInProgress) {
+            this._pendingResave = true;
+            return;
+        }
+        this.isRequestInProgress = true;
+
         try {
             // Получаем данные для сохранения
             const saveData = data || await this.getBoardData();
@@ -169,7 +176,6 @@ export class SaveManager {
                 return; // Данные не изменились
             }
             
-            this.isRequestInProgress = true;
             this.updateSaveStatus('saving');
             
             // Отправляем данные на сервер

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

@@ -229,7 +229,10 @@ export function bindTextEditorInteractions(controller, {
 
             const value = (textarea.value || '').trim();
             if (isNewCreation && value.length === 0) {
-                finalize(false);
+                // Записка и фигура остаются на доске пустыми: finalize(true) при пустом
+                // значении не коммитит контент, но и не запускает удаление нового объекта
+                // (см. shouldDeleteEmptyNewCreation). Для текста — прежнее удаление.
+                finalize(isNote || isShape);
                 return;
             }
             finalize(true);
@@ -457,7 +460,10 @@ 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;
+    // Записку и фигуру не удаляем при закрытии редактора пустыми (клик вне объекта):
+    // элемент должен оставаться на доске даже без текста. Текст — прежнее поведение.
+    const shouldDeleteEmptyNewCreation = !commitValue && !!isNewCreation && !!objectId
+        && objectType !== 'note' && objectType !== 'shape';
 
     if (objectId) {
         if (typeof window !== 'undefined' && window.moodboardHtmlTextLayer) {

package/src/ui/TextPropertiesPanel.js

@@ -527,7 +527,7 @@ export class TextPropertiesPanel {
             : getFallbackControlValues();
 
         this.fontSelect.value = values.fontFamily;
-        this.fontSizeSelect.value = values.fontSize;
+        this._setFontSizeValue(values.fontSize);
         this._updateCurrentColorButton(values.color);
         this._updateCurrentHighlightButton(values.highlightColor);
         this._updateCurrentBgColorButton(values.backgroundColor);
@@ -547,6 +547,45 @@ export class TextPropertiesPanel {
         }
     }
 
+    // Нативный <select> отрисовывается пустым, если присвоить ему value, которого
+    // нет среди <option> (selectedIndex становится -1). Размер текста после ресайза
+    // может выходить за пределы пресет-списка, поэтому для нестандартного значения
+    // вставляем временный <option> в позицию по возрастанию — поле всегда показывает
+    // фактический размер, а степперы продолжают двигаться по соседним значениям.
+    _setFontSizeValue(rawValue) {
+        const select = this.fontSizeSelect;
+        if (!select) {
+            return;
+        }
+
+        const value = String(rawValue);
+
+        const prevDynamic = select.querySelector('option[data-dynamic="true"]');
+        if (prevDynamic) {
+            prevDynamic.remove();
+        }
+
+        const hasOption = Array.from(select.options).some((opt) => opt.value === value);
+        if (!hasOption) {
+            const option = document.createElement('option');
+            option.value = value;
+            option.textContent = value;
+            option.dataset.dynamic = 'true';
+
+            const numeric = parseFloat(value);
+            const insertBeforeIndex = Array.from(select.options).findIndex(
+                (opt) => parseFloat(opt.value) > numeric,
+            );
+            if (insertBeforeIndex === -1) {
+                select.appendChild(option);
+            } else {
+                select.insertBefore(option, select.options[insertBeforeIndex]);
+            }
+        }
+
+        select.value = value;
+    }
+
     reposition() {
         if (!this.panel || !this.currentId || this.panel.style.display === 'none') {
             return;

package/src/ui/handles/HandlesInteractionController.js

@@ -1,4 +1,9 @@
 import { Events } from '../../core/events/Events.js';
+import { computeTextRightPadPx, TEXT_BOX_BOTTOM_PAD_PX } from '../../services/text/TextBoxMetrics.js';
+
+// Границы кегля (в мировых единицах) при масштабировании текста угловой ручкой.
+const TEXT_CORNER_MIN_FONT = 6;
+const TEXT_CORNER_MAX_FONT = 512;
 
 export class HandlesInteractionController {
     constructor(host) {
@@ -226,7 +231,77 @@ export class HandlesInteractionController {
             isVerticalResizeTarget = ['frame', 'text', 'simple-text', 'image'].includes(mbType);
         }
 
+        // Угловая ручка текста масштабирует кегль (текст растёт/уменьшается, рамка облегает).
+        // Боковые ручки текста сохраняют прежнее поведение (только высота).
+        const isTextCornerScale = !isGroup && isTextTarget && ['nw', 'ne', 'sw', 'se'].includes(dir);
+        let startFontWorld = 16;
+        let textCornerEl = null;
+        let lastFontEmitted = null;
+        if (isTextCornerScale) {
+            const obj = this.host.core?.state?.state?.objects?.find((o) => o.id === id);
+            startFontWorld = (obj && (obj.fontSize || obj.properties?.fontSize)) || 16;
+            const textLayer = (typeof window !== 'undefined') ? window.moodboardHtmlTextLayer : null;
+            textCornerEl = textLayer?.idToEl?.get ? textLayer.idToEl.get(id) : null;
+            if (!obj?.fontSize && textCornerEl && typeof window.getComputedStyle === 'function') {
+                const csF = parseFloat(window.getComputedStyle(textCornerEl).fontSize);
+                if (csF) startFontWorld = Math.max(1, Math.round(csF * rendererRes / s));
+            }
+        }
+
         const onMove = (ev) => {
+            if (isTextCornerScale) {
+                const dx = ev.clientX - startMouse.x;
+                const dy = ev.clientY - startMouse.y;
+                const candW = Math.max(1, startCSS.width + (dir.includes('e') ? dx : -dx));
+                const candH = Math.max(1, startCSS.height + (dir.includes('s') ? dy : -dy));
+                const startDiag = Math.max(1, Math.hypot(startCSS.width, startCSS.height));
+                const k = Math.hypot(candW, candH) / startDiag;
+                let newFont = Math.round(startFontWorld * k);
+                newFont = Math.max(TEXT_CORNER_MIN_FONT, Math.min(TEXT_CORNER_MAX_FONT, newFont));
+                if (newFont !== lastFontEmitted) {
+                    lastFontEmitted = newFont;
+                    this.host.eventBus.emit(Events.Object.StateChanged, {
+                        objectId: id,
+                        updates: { fontSize: newFont },
+                    });
+                }
+
+                // Истинный размер контента при новом кегле, без учёта нижней границы width в updateOne.
+                let cssW = startCSS.width;
+                let cssH = startCSS.height;
+                if (textCornerEl) {
+                    const fontCss = (typeof window.getComputedStyle === 'function')
+                        ? (parseFloat(window.getComputedStyle(textCornerEl).fontSize) || (newFont * s / rendererRes))
+                        : (newFont * s / rendererRes);
+                    textCornerEl.style.width = 'auto';
+                    cssW = Math.max(1, Math.ceil(textCornerEl.scrollWidth) + computeTextRightPadPx(fontCss));
+                    textCornerEl.style.width = `${cssW}px`;
+                    textCornerEl.style.height = 'auto';
+                    cssH = Math.max(1, Math.ceil(textCornerEl.scrollHeight) + TEXT_BOX_BOTTOM_PAD_PX);
+                    textCornerEl.style.height = `${cssH}px`;
+                }
+                const worldW = Math.max(1, cssW / s);
+                const worldH = Math.max(1, cssH / s);
+
+                // Закреплён противоположный перетаскиваемому углу: он остаётся на месте.
+                const anchorX = dir.includes('w') ? (startWorld.x + startWorld.width) : startWorld.x;
+                const anchorY = dir.includes('n') ? (startWorld.y + startWorld.height) : startWorld.y;
+                const newX = dir.includes('w') ? (anchorX - worldW) : anchorX;
+                const newY = dir.includes('n') ? (anchorY - worldH) : anchorY;
+
+                this.host.eventBus.emit(Events.Tool.ResizeUpdate, {
+                    object: id,
+                    size: { width: worldW, height: worldH },
+                    position: { x: newX, y: newY },
+                });
+
+                box.style.left = `${offsetLeft + tx + newX * s}px`;
+                box.style.top = `${offsetTop + ty + newY * s}px`;
+                box.style.width = `${Math.max(1, worldW * s)}px`;
+                box.style.height = `${Math.max(1, worldH * s)}px`;
+                this.host._repositionBoxChildren(box);
+                return;
+            }
             const maintainAspectRatio = !!ev.shiftKey;
             if (isGroup && maintainAspectRatio !== previousMaintainAspectRatio) {
                 startCSS = this._readBoxCss(box);
@@ -394,6 +469,23 @@ export class HandlesInteractionController {
         const onUp = () => {
             document.removeEventListener('pointermove', onMove);
             document.removeEventListener('pointerup', onUp);
+
+            if (isTextCornerScale) {
+                // Кегль уже сохранён слитой UpdateTextStyleCommand из onMove.
+                // Финализируем геометрию (размер/позиция) для undo через ResizeEnd.
+                const obj = this.host.core?.state?.state?.objects?.find((o) => o.id === id);
+                const finalSize = { width: obj?.width || startWorld.width, height: obj?.height || startWorld.height };
+                const finalPos = { x: obj?.position?.x ?? startWorld.x, y: obj?.position?.y ?? startWorld.y };
+                this.host.eventBus.emit(Events.Tool.ResizeEnd, {
+                    object: id,
+                    oldSize: { width: startWorld.width, height: startWorld.height },
+                    newSize: finalSize,
+                    oldPosition: { x: startWorld.x, y: startWorld.y },
+                    newPosition: finalPos,
+                });
+                return;
+            }
+
             const endCSS = {
                 left: parseFloat(box.style.left),
                 top: parseFloat(box.style.top),

package/src/ui/styles/panels.css

@@ -634,7 +634,7 @@
     box-sizing: border-box;
     min-width: 70px;
     width: 70px;
-    height: 38px;
+    height: 36px;
     padding: 4px 0px;
     font-size: 13px;
     background-color: #fff;
@@ -723,7 +723,7 @@
     border: none;
     border-radius: 4px;
     background-color: #fff;
-    height: 38px;
+    height: 36px;
     box-sizing: border-box;
 }