@sequent-org/moodboard 1.0.10 → 1.0.12

package/package.json

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

package/src/core/index.js

@@ -37,6 +37,9 @@ export class CoreMoodBoard {
             ...options
         };
 
+        // Флаг состояния объекта
+        this.destroyed = false;
+
         this.eventBus = new EventBus();
         this.state = new StateManager(this.eventBus);
         
@@ -1623,10 +1626,63 @@ export class CoreMoodBoard {
     }
 
     destroy() {
-        this.saveManager.destroy();
-        this.keyboard.destroy();
-        this.history.destroy();
-        this.pixi.destroy();
-        this.eventBus.removeAllListeners();
+        // Предотвращаем повторное уничтожение
+        if (this.destroyed) {
+            console.warn('CoreMoodBoard уже был уничтожен');
+            return;
+        }
+        
+        // Устанавливаем флаг уничтожения
+        this.destroyed = true;
+        
+        // Останавливаем ResizeObserver
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        
+        // Уничтожаем менеджеры
+        if (this.saveManager) {
+            this.saveManager.destroy();
+            this.saveManager = null;
+        }
+        
+        if (this.keyboard) {
+            this.keyboard.destroy();
+            this.keyboard = null;
+        }
+        
+        if (this.history) {
+            this.history.destroy();
+            this.history = null;
+        }
+        
+        if (this.pixi) {
+            this.pixi.destroy();
+            this.pixi = null;
+        }
+        
+        // Очищаем EventBus
+        if (this.eventBus) {
+            this.eventBus.removeAllListeners();
+            this.eventBus = null;
+        }
+        
+        // Очищаем глобальную ссылку
+        if (typeof window !== 'undefined' && window.moodboardEventBus === this.eventBus) {
+            window.moodboardEventBus = null;
+        }
+        
+        // Очищаем ссылки на менеджеры
+        this.state = null;
+        this.toolManager = null;
+        this.apiClient = null;
+        this.imageUploadService = null;
+        this.fileUploadService = null;
+        
+        // Очищаем контейнер
+        this.container = null;
+        
+        console.log('CoreMoodBoard успешно уничтожен');
     }
 }

package/src/moodboard/MoodBoard.js

@@ -41,6 +41,9 @@ export class MoodBoard {
         
         this.data = data;
         
+        // Флаг состояния объекта
+        this.destroyed = false;
+        
         // Основные компоненты
         this.coreMoodboard = null;
         this.toolbar = null;
@@ -196,9 +199,9 @@ export class MoodBoard {
     }
 
     initZoombar() {
-        // Рисуем панель зума поверх холста (в том же контейнере, что и topbar)
+        // Рисуем панель зума в правом нижнем углу (внутри workspace контейнера)
         this.zoombar = new ZoomPanel(
-            this.topbarContainer,
+            this.workspaceElement,
             this.coreMoodboard.eventBus
         );
     }
@@ -222,6 +225,11 @@ export class MoodBoard {
      * Изменение темы
      */
     setTheme(theme) {
+        if (this.destroyed) {
+            console.warn('MoodBoard уже уничтожен');
+            return;
+        }
+        
         this.options.theme = theme;
         
         // Обновляем тему в менеджерах
@@ -256,6 +264,10 @@ export class MoodBoard {
      * Создание объекта программно
      */
     createObject(type, position, properties = {}) {
+        if (this.destroyed) {
+            console.warn('MoodBoard уже уничтожен');
+            return null;
+        }
         return this.actionHandler ? this.actionHandler.createObject(type, position, properties) : null;
     }
     
@@ -263,6 +275,10 @@ export class MoodBoard {
      * Удаление объекта программно
      */
     deleteObject(objectId) {
+        if (this.destroyed) {
+            console.warn('MoodBoard уже уничтожен');
+            return;
+        }
         if (this.actionHandler) {
             this.actionHandler.deleteObject(objectId);
         }
@@ -272,6 +288,10 @@ export class MoodBoard {
      * Очистка доски программно
      */
     clearBoard() {
+        if (this.destroyed) {
+            console.warn('MoodBoard уже уничтожен');
+            return 0;
+        }
         return this.actionHandler ? this.actionHandler.clearBoard() : 0;
     }
     
@@ -279,6 +299,10 @@ export class MoodBoard {
      * Экспорт данных программно
      */
     exportBoard() {
+        if (this.destroyed) {
+            console.warn('MoodBoard уже уничтожен');
+            return null;
+        }
         return this.actionHandler ? this.actionHandler.exportBoard() : null;
     }
     
@@ -326,40 +350,75 @@ export class MoodBoard {
      * Очистка ресурсов
      */
     destroy() {
+        // Предотвращаем повторное уничтожение
+        if (this.destroyed) {
+            console.warn('MoodBoard уже был уничтожен');
+            return;
+        }
+        
+        // Устанавливаем флаг уничтожения
+        this.destroyed = true;
+        
+        // Уничтожаем UI компоненты
         if (this.toolbar) {
             this.toolbar.destroy();
+            this.toolbar = null;
         }
         
         if (this.saveStatus) {
             this.saveStatus.destroy();
+            this.saveStatus = null;
         }
         
         if (this.textPropertiesPanel) {
             this.textPropertiesPanel.destroy();
+            this.textPropertiesPanel = null;
         }
 
         if (this.framePropertiesPanel) {
             this.framePropertiesPanel.destroy();
+            this.framePropertiesPanel = null;
         }
         
         if (this.notePropertiesPanel) {
             this.notePropertiesPanel.destroy();
+            this.notePropertiesPanel = null;
         }
         
         if (this.alignmentGuides) {
             this.alignmentGuides.destroy();
+            this.alignmentGuides = null;
         }
         
         if (this.commentPopover) {
             this.commentPopover.destroy();
+            this.commentPopover = null;
         }
         
+        if (this.contextMenu) {
+            this.contextMenu.destroy();
+            this.contextMenu = null;
+        }
+        
+        // Уничтожаем ядро
         if (this.coreMoodboard) {
             this.coreMoodboard.destroy();
+            this.coreMoodboard = null;
         }
         
+        // Уничтожаем workspace
         if (this.workspaceManager) {
             this.workspaceManager.destroy();
+            this.workspaceManager = null;
         }
+        
+        // Очищаем ссылки на менеджеры
+        this.dataManager = null;
+        this.actionHandler = null;
+        
+        // Очищаем ссылку на контейнер
+        this.container = null;
+        
+        console.log('MoodBoard успешно уничтожен');
     }
 }

package/src/tools/BaseTool.js

@@ -11,6 +11,9 @@ export class BaseTool {
         this.cursor = 'default';
         this.hotkey = null;
         
+        // Флаг состояния объекта
+        this.destroyed = false;
+        
         // Состояние инструмента
         this.isPressed = false;
         this.startPoint = null;
@@ -251,6 +254,11 @@ export class BaseTool {
      * Очистка ресурсов инструмента
      */
     destroy() {
+        if (this.destroyed) {
+            return;
+        }
+        
+        this.destroyed = true;
         this.deactivate();
         this.eventBus = null;
     }

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

@@ -23,6 +23,9 @@ export class SelectTool extends BaseTool {
         this.cursor = 'default';
         this.hotkey = 'v';
         
+        // Флаг состояния объекта
+        this.destroyed = false;
+        
         // Состояние выделения перенесено в модель
         this.selection = new SelectionModel();
         this.isMultiSelect = false;
@@ -501,6 +504,11 @@ export class SelectTool extends BaseTool {
      * Получить PIXI объект по координатам (для внутреннего использования)
      */
     getPixiObjectAt(x, y) {
+        // Проверяем, что инструмент не уничтожен
+        if (this.destroyed) {
+            return null;
+        }
+        
         if (!this.resizeHandles || !this.resizeHandles.app) return null;
         
         const point = new PIXI.Point(x, y);
@@ -2179,5 +2187,39 @@ export class SelectTool extends BaseTool {
         }
     }
 
+    /**
+     * Уничтожение инструмента
+     */
+    destroy() {
+        if (this.destroyed) {
+            return;
+        }
+        
+        this.destroyed = true;
+        
+        // Очищаем выделение
+        this.clearSelection();
+        
+        // Уничтожаем ручки изменения размера
+        if (this.resizeHandles) {
+            this.resizeHandles.destroy();
+            this.resizeHandles = null;
+        }
+        
+        // Очищаем контроллеры
+        this.dragController = null;
+        this.resizeController = null;
+        this.rotateController = null;
+        this.groupDragController = null;
+        this.groupResizeController = null;
+        this.groupRotateController = null;
+        this.boxSelectController = null;
+        
+        // Очищаем модель выделения
+        this.selection = null;
+        
+        // Вызываем destroy родительского класса
+        super.destroy();
+    }
 
 }

package/src/ui/styles/workspace.css

@@ -50,11 +50,11 @@
     pointer-events: none;
 }
 
-/* Right top zoom panel container (reuses topbar container area) */
+/* Bottom-right zoom panel container (positioned left of map panel) */
 .moodboard-zoombar {
     position: absolute;
-    top: 16px;
-    right: 16px;
+    bottom: 16px;
+    right: 80px; /* Слева от кнопки карты (36px + 8px gap + 36px button = 80px) */
     display: inline-flex;
     align-items: center;
     gap: 8px;
@@ -103,7 +103,7 @@
 .moodboard-zoombar__menu {
     position: absolute;
     right: 0;
-    top: 49px;
+    bottom: 49px; /* Открывается вверх от панели зума */
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;