@sequent-org/moodboard 1.2.19 → 1.2.21

package/package.json

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

package/src/core/index.js

@@ -2062,13 +2062,26 @@ export class CoreMoodBoard {
      * Создание объекта из полных данных (для загрузки с сервера)
      */
     createObjectFromData(objectData) {
-        // Инициализируем флаг компенсации пивота для загруженных объектов,
-        // чтобы PIXI не применял компенсацию повторно
+        // Защита от двойной загрузки одного и того же объекта (дубликаты при повторном вызове loadData)
+        try {
+            const id = objectData && objectData.id;
+            const alreadyInPixi = !!(id && this.pixi && this.pixi.objects && this.pixi.objects.has(id));
+            const alreadyInState = !!(id && Array.isArray(this.state?.state?.objects) && this.state.state.objects.some(o => o && o.id === id));
+            if (alreadyInPixi || alreadyInState) {
+                // Объект уже создан ранее в этой сессии — не добавляем повторно ни в state, ни в PIXI
+                return objectData;
+            }
+        } catch (_) { /* no-op */ }
+
+        // Инициализируем флаг компенсации пивота для загруженных объектов.
+        // В state координаты хранятся как левый-верх. PIXI позиционирует по центру (anchor/pivot по центру),
+        // поэтому при создании нужно ДОБАВИТЬ половину ширины/высоты (т.е. pivotCompensated должен быть false),
+        // чтобы PixiEngine выполнил компенсацию.
         if (!objectData.transform) {
             objectData.transform = {};
         }
         if (objectData.transform.pivotCompensated === undefined) {
-            objectData.transform.pivotCompensated = true;
+            objectData.transform.pivotCompensated = false;
         }
 
         // Используем существующие данные объекта (с его ID, размерами и т.д.)

package/src/moodboard/DataManager.js

@@ -73,9 +73,22 @@ export class DataManager {
     clearBoard() {
         if (!this.coreMoodboard) return;
         
+        // 1) Удаляем все объекты, известные состоянию
         const objects = this.coreMoodboard.objects || [];
         objects.forEach(obj => this.coreMoodboard.deleteObject(obj.id));
-        
+
+        // 2) Страховка: удаляем «висячие» PIXI-объекты, которые не попали в state
+        try {
+            const pixi = this.coreMoodboard.pixi;
+            const stateIds = new Set((this.coreMoodboard.state?.state?.objects || []).map(o => o && o.id));
+            if (pixi && pixi.objects && pixi.objects.size > 0) {
+                for (const [objectId] of pixi.objects) {
+                    if (!stateIds.has(objectId)) {
+                        pixi.removeObject(objectId);
+                    }
+                }
+            }
+        } catch (_) { /* no-op */ }
 
         return objects.length;
     }