@sequent-org/moodboard 1.2.14 → 1.2.15

package/package.json

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

package/src/core/PixiEngine.js

@@ -170,12 +170,51 @@ export class PixiEngine {
     removeObject(objectId) {
         const pixiObject = this.objects.get(objectId);
         if (pixiObject) {
+            console.log('🗑️ PixiEngine: удаляем объект из сцены:', objectId);
+            
+            // Удаляем из родительского контейнера
             if (this.worldLayer) {
                 this.worldLayer.removeChild(pixiObject);
             } else {
                 this.app.stage.removeChild(pixiObject);
             }
+            
+            // ИСПРАВЛЕНИЕ: Полная очистка для изображений/эмоджи
+            if (pixiObject instanceof PIXI.Sprite) {
+                console.log('🗑️ PixiEngine: очищаем ресурсы изображения/эмоджи');
+                
+                // Очищаем текстуру (особенно важно для data URL)
+                if (pixiObject.texture && pixiObject.texture !== PIXI.Texture.WHITE) {
+                    // Не уничтожаем базовые текстуры PIXI
+                    const textureSource = pixiObject.texture.baseTexture?.resource?.src;
+                    if (textureSource && (textureSource.startsWith('data:') || textureSource.includes('emodji'))) {
+                        pixiObject.texture.destroy(false); // Уничтожаем только созданную текстуру
+                    }
+                }
+                
+                // Очищаем все события
+                pixiObject.removeAllListeners();
+                
+                // Принудительно уничтожаем спрайт
+                pixiObject.destroy({ children: true, texture: false, baseTexture: false });
+            } else {
+                // Для других типов объектов - стандартная очистка
+                if (pixiObject.destroy) {
+                    pixiObject.destroy({ children: true });
+                }
+            }
+            
+            // Удаляем из карты объектов
             this.objects.delete(objectId);
+            
+            // ПРИНУДИТЕЛЬНЫЙ РЕНДЕР после удаления
+            if (this.app && this.app.renderer) {
+                this.app.renderer.render(this.app.stage);
+            }
+            
+            console.log(`✅ PixiEngine: объект ${objectId} полностью удален и рендер обновлен`);
+        } else {
+            console.warn(`⚠️ PixiEngine: объект ${objectId} не найден для удаления`);
         }
     }
 

package/src/core/commands/DeleteObjectCommand.js

@@ -54,10 +54,14 @@ export class DeleteObjectCommand extends BaseCommand {
     }
 
     async execute() {
+        console.log('🗑️ DeleteObjectCommand: начинаем удаление объекта:', this.objectId);
+        
         // Удаляем объект из состояния и PIXI
         this.coreMoodboard.state.removeObject(this.objectId);
         this.coreMoodboard.pixi.removeObject(this.objectId);
         
+        console.log('🗑️ DeleteObjectCommand: объект удален из state и PIXI');
+        
         // Если это файловый объект с fileId, удаляем файл с сервера
         if (this.fileIdToDelete && this.coreMoodboard.fileUploadService) {
             try {
@@ -70,9 +74,12 @@ export class DeleteObjectCommand extends BaseCommand {
             }
         }
         
+        // Эмитим событие удаления для обновления всех UI компонентов
         this.coreMoodboard.eventBus.emit(Events.Object.Deleted, { 
             objectId: this.objectId 
         });
+        
+        console.log('✅ DeleteObjectCommand: событие Events.Object.Deleted отправлено');
     }
 
     undo() {

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

@@ -135,13 +135,23 @@ export class SelectTool extends BaseTool {
             // Обработка удаления объектов (undo создания, delete команды и т.д.)
             this.eventBus.on(Events.Object.Deleted, (data) => {
                 const objectId = data?.objectId || data;
+                console.log('🗑️ SelectTool: получено событие удаления объекта:', objectId);
+                
                 if (objectId && this.selection.has(objectId)) {
+                    console.log('🗑️ SelectTool: удаляем объект из selection:', objectId);
                     this.removeFromSelection(objectId);
                     
-                    // Если выделение стало пустым, скрываем ручки
+                    // ИСПРАВЛЕНИЕ: Принудительно очищаем selection если он стал пустым
                     if (this.selection.size() === 0) {
+                        console.log('🗑️ SelectTool: selection пустой, скрываем ручки');
+                        this.emit(Events.Tool.SelectionClear);
                         this.updateResizeHandles();
                     }
+                } else if (objectId) {
+                    console.log('🗑️ SelectTool: объект не был в selection, но проверяем ручки');
+                    // Дополнительная проверка - возможно объект был удален не через selection
+                    // Принудительно обновляем ручки
+                    this.updateResizeHandles();
                 }
             });
 		}

package/src/ui/HtmlHandlesLayer.js

@@ -35,6 +35,22 @@ export class HtmlHandlesLayer {
         this.eventBus.on(Events.Tool.SelectionRemove, () => this.update());
         this.eventBus.on(Events.Tool.SelectionClear, () => this.hide());
         this.eventBus.on(Events.Tool.DragUpdate, () => this.update());
+        
+        // ИСПРАВЛЕНИЕ: Обработка удаления объектов
+        this.eventBus.on(Events.Object.Deleted, ({ objectId }) => {
+            console.log('🗑️ HtmlHandlesLayer: объект удален, принудительно очищаем ручки:', objectId);
+            
+            // Принудительно скрываем и очищаем все ручки
+            this.hide();
+            
+            // Очищаем DOM от старых ручек 
+            this.layer.innerHTML = '';
+            
+            // Обновляем для актуального состояния
+            setTimeout(() => {
+                this.update();
+            }, 10); // Небольшая задержка для полной очистки
+        });
         this.eventBus.on(Events.Tool.DragStart, () => { this._handlesSuppressed = true; this._setHandlesVisibility(false); });
         this.eventBus.on(Events.Tool.DragEnd, () => { this._handlesSuppressed = false; this._setHandlesVisibility(true); });
         this.eventBus.on(Events.Tool.ResizeUpdate, () => this.update());