@sequent-org/moodboard 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "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;
@@ -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;
     }
     
@@ -322,44 +346,84 @@ export class MoodBoard {
         }
     }
     
+    /**
+     * Безопасное уничтожение объекта с проверкой наличия метода destroy
+     * @param {Object} obj - объект для уничтожения
+     * @param {string} name - имя объекта для логирования
+     */
+    _safeDestroy(obj, name) {
+        if (obj) {
+            try {
+                if (typeof obj.destroy === 'function') {
+                    obj.destroy();
+                } else {
+                    console.warn(`Объект ${name} не имеет метода destroy()`);
+                }
+            } catch (error) {
+                console.error(`Ошибка при уничтожении ${name}:`, error);
+            }
+        }
+    }
+
     /**
      * Очистка ресурсов
      */
     destroy() {
-        if (this.toolbar) {
-            this.toolbar.destroy();
+        // Предотвращаем повторное уничтожение
+        if (this.destroyed) {
+            console.warn('MoodBoard уже был уничтожен');
+            return;
         }
         
-        if (this.saveStatus) {
-            this.saveStatus.destroy();
-        }
+        // Устанавливаем флаг уничтожения
+        this.destroyed = true;
         
-        if (this.textPropertiesPanel) {
-            this.textPropertiesPanel.destroy();
-        }
+        // Уничтожаем UI компоненты с безопасными проверками
+        this._safeDestroy(this.toolbar, 'toolbar');
+        this.toolbar = null;
+        
+        this._safeDestroy(this.saveStatus, 'saveStatus');
+        this.saveStatus = null;
+        
+        this._safeDestroy(this.textPropertiesPanel, 'textPropertiesPanel');
+        this.textPropertiesPanel = null;
 
-        if (this.framePropertiesPanel) {
-            this.framePropertiesPanel.destroy();
-        }
+        this._safeDestroy(this.framePropertiesPanel, 'framePropertiesPanel');
+        this.framePropertiesPanel = null;
         
-        if (this.notePropertiesPanel) {
-            this.notePropertiesPanel.destroy();
-        }
+        this._safeDestroy(this.notePropertiesPanel, 'notePropertiesPanel');
+        this.notePropertiesPanel = null;
         
-        if (this.alignmentGuides) {
-            this.alignmentGuides.destroy();
-        }
+        this._safeDestroy(this.alignmentGuides, 'alignmentGuides');
+        this.alignmentGuides = null;
         
-        if (this.commentPopover) {
-            this.commentPopover.destroy();
-        }
+        this._safeDestroy(this.commentPopover, 'commentPopover');
+        this.commentPopover = null;
         
-        if (this.coreMoodboard) {
-            this.coreMoodboard.destroy();
-        }
+        this._safeDestroy(this.contextMenu, 'contextMenu');
+        this.contextMenu = null;
         
-        if (this.workspaceManager) {
-            this.workspaceManager.destroy();
-        }
+        this._safeDestroy(this.zoombar, 'zoombar');
+        this.zoombar = null;
+        
+        this._safeDestroy(this.mapbar, 'mapbar');
+        this.mapbar = null;
+        
+        // Уничтожаем ядро
+        this._safeDestroy(this.coreMoodboard, 'coreMoodboard');
+        this.coreMoodboard = null;
+        
+        // Уничтожаем workspace
+        this._safeDestroy(this.workspaceManager, 'workspaceManager');
+        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/ContextMenu.js

@@ -9,6 +9,9 @@ export class ContextMenu {
         this.lastX = 0;
         this.lastY = 0;
         this.currentGridType = 'line';
+        
+        // Флаг состояния объекта
+        this.destroyed = false;
 
         this.createElement();
         this.attachEvents();
@@ -335,6 +338,30 @@ export class ContextMenu {
         // По умолчанию — пусто
         this.element.innerHTML = '<div style="padding:8px 12px; color:#888;">(пусто)</div>';
     }
+
+    /**
+     * Уничтожение контекстного меню
+     */
+    destroy() {
+        if (this.destroyed) {
+            return;
+        }
+        
+        this.destroyed = true;
+        
+        // Скрываем меню
+        this.hide();
+        
+        // Удаляем DOM элемент
+        if (this.element && this.element.parentNode) {
+            this.element.parentNode.removeChild(this.element);
+            this.element = null;
+        }
+        
+        // Очищаем ссылки
+        this.container = null;
+        this.eventBus = null;
+    }
 }