@sequent-org/moodboard 1.2.118 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.2.118",
+  "version": "1.3.0",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",
@@ -21,8 +21,16 @@
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:run": "vitest run",
+    "test:placement:baseline": "vitest run tests/tools/PlacementTool.baseline.core-flow.test.js tests/tools/PlacementTool.baseline.ghost.test.js tests/tools/PlacementTool.baseline.events-contracts.test.js tests/tools/PlacementTool.baseline.file-image-paths.test.js",
+    "test:core:index": "vitest run tests/core/CoreIndex.baseline.object-lifecycle.test.js tests/core/CoreIndex.baseline.transforms.test.js tests/core/CoreIndex.baseline.clipboard.test.js tests/core/CoreIndex.baseline.events-contracts.test.js",
+    "test:toolbar:baseline": "vitest run tests/ui/Toolbar.baseline.render.test.js tests/ui/Toolbar.baseline.actions.test.js tests/ui/Toolbar.baseline.popups.test.js tests/ui/Toolbar.baseline.dialogs.test.js tests/ui/Toolbar.baseline.events-contracts.test.js",
+    "test:html-handles:baseline": "vitest run tests/ui/HtmlHandlesLayer.baseline.single-selection.test.js tests/ui/HtmlHandlesLayer.baseline.group-selection.test.js tests/ui/HtmlHandlesLayer.baseline.transforms.test.js tests/ui/HtmlHandlesLayer.baseline.events-contracts.test.js tests/ui/HtmlHandlesLayer.baseline.lifecycle.test.js",
+    "test:text-properties-panel:baseline": "vitest run tests/ui/TextPropertiesPanel.baseline.render.test.js tests/ui/TextPropertiesPanel.baseline.interactions.test.js tests/ui/TextPropertiesPanel.baseline.events-contracts.test.js tests/ui/TextPropertiesPanel.baseline.lifecycle.test.js",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest --watch",
+    "test:e2e": "playwright test",
+    "grid:our-metrics": "node scripts/export-our-dot-grid-metrics.mjs",
+    "grid:miro-metrics": "node scripts/analyze-miro-dot-screenshots.mjs",
     "deploy:build": "npm run build && npm run start",
     "deploy:prod": "NODE_ENV=production npm run build && NODE_ENV=production npm run start"
   },
@@ -31,11 +39,13 @@
     "pixi.js": "^7.0.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.58.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.7.0",
     "@vitest/ui": "^3.2.4",
     "eslint": "^9.0.0",
     "jsdom": "^26.1.0",
+    "pngjs": "^7.0.0",
     "vite": "^5.0.0",
     "vitest": "^3.2.4"
   },

package/src/assets/icons/rotate-icon.svg

@@ -1,3 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5057 3.29438C10.7728 2.40348 9.79221 1.74987 8.68786 1.41619C7.58351 1.08251 6.405 1.08374 5.30135 1.41974C4.1977 1.75574 3.21848 2.41142 2.4875 3.30385C1.75652 4.19629 1.30661 5.28541 1.19467 6.4335C1.18724 6.50979 1.16485 6.58387 1.12879 6.65151C1.09272 6.71915 1.04369 6.77902 0.984485 6.82771C0.92528 6.8764 0.857063 6.91296 0.78373 6.93529C0.710396 6.95762 0.633381 6.96529 0.557083 6.95786C0.480785 6.95043 0.406698 6.92804 0.339051 6.89198C0.271405 6.85593 0.211524 6.8069 0.162827 6.7477C0.11413 6.6885 0.0775723 6.62029 0.0552394 6.54697C0.0329064 6.47364 0.0252359 6.39664 0.0326665 6.32035C0.172736 4.88154 0.754936 3.52139 1.69928 2.42676C2.64363 1.33213 3.90379 0.556733 5.30665 0.207084C6.70951 -0.142566 8.18623 -0.0493089 9.53394 0.474043C10.8816 0.997396 12.0342 1.92517 12.8333 3.12989V0.583365C12.8333 0.428674 12.8948 0.280319 13.0042 0.170936C13.1136 0.0615523 13.262 0.000101367 13.4167 0.000101367C13.5714 0.000101367 13.7197 0.0615523 13.8291 0.170936C13.9385 0.280319 14 0.428674 14 0.583365V4.08295C14 4.23764 13.9385 4.386 13.8291 4.49538C13.7197 4.60476 13.5714 4.66621 13.4167 4.66621H9.91667C9.76196 4.66621 9.61358 4.60476 9.50419 4.49538C9.39479 4.386 9.33333 4.23764 9.33333 4.08295C9.33333 3.92826 9.39479 3.7799 9.50419 3.67052C9.61358 3.56114 9.76196 3.49968 9.91667 3.49968H11.6667C11.6145 3.43006 11.5609 3.3616 11.5057 3.29438ZM13.4423 7.04126C13.5186 7.04857 13.5928 7.07085 13.6605 7.10682C13.7282 7.14279 13.7881 7.19176 13.8369 7.25091C13.8856 7.31007 13.9223 7.37825 13.9446 7.45157C13.967 7.52488 13.9747 7.60189 13.9673 7.67819C13.8273 9.117 13.2451 10.4771 12.3007 11.5718C11.3564 12.6664 10.0962 13.4418 8.69335 13.7915C7.29049 14.1411 5.81377 14.0478 4.46606 13.5245C3.11835 13.0011 1.96577 12.0734 1.16667 10.8686V13.4152C1.16667 13.5699 1.10521 13.7182 0.995812 13.8276C0.886416 13.937 0.738043 13.9984 0.583333 13.9984C0.428624 13.9984 0.280251 13.937 0.170854 13.8276C0.0614583 13.7182 0 13.5699 0 13.4152V9.91559C0 9.7609 0.0614583 9.61254 0.170854 9.50316C0.280251 9.39377 0.428624 9.33232 0.583333 9.33232H4.08333C4.23804 9.33232 4.38642 9.39377 4.49581 9.50316C4.60521 9.61254 4.66667 9.7609 4.66667 9.91559C4.66667 10.0703 4.60521 10.2186 4.49581 10.328C4.38642 10.4374 4.23804 10.4989 4.08333 10.4989H2.33333C2.38544 10.5688 2.43911 10.6373 2.49433 10.7042C3.22711 11.595 4.20762 12.2486 5.31187 12.5824C6.41613 12.9161 7.59456 12.915 8.69817 12.5791C9.80178 12.2432 10.781 11.5877 11.5121 10.6954C12.2431 9.80317 12.6932 8.7142 12.8053 7.5662C12.8126 7.48979 12.835 7.41556 12.871 7.34779C12.9071 7.28002 12.9561 7.22003 13.0154 7.17126C13.0747 7.12249 13.143 7.0859 13.2165 7.0636C13.29 7.04129 13.3671 7.0337 13.4435 7.04126" fill="#09E9B6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5057 3.29438C10.7728 2.40348 9.79221 1.74987 8.68786 1.41619C7.58351 1.08251 6.405 1.08374 5.30135 1.41974C4.1977 1.75574 3.21848 2.41142 2.4875 3.30385C1.75652 4.19629 1.30661 5.28541 1.19467 6.4335C1.18724 6.50979 1.16485 6.58387 1.12879 6.65151C1.09272 6.71915 1.04369 6.77902 0.984485 6.82771C0.92528 6.8764 0.857063 6.91296 0.78373 6.93529C0.710396 6.95762 0.633381 6.96529 0.557083 6.95786C0.480785 6.95043 0.406698 6.92804 0.339051 6.89198C0.271405 6.85593 0.211524 6.8069 0.162827 6.7477C0.11413 6.6885 0.0775723 6.62029 0.0552394 6.54697C0.0329064 6.47364 0.0252359 6.39664 0.0326665 6.32035C0.172736 4.88154 0.754936 3.52139 1.69928 2.42676C2.64363 1.33213 3.90379 0.556733 5.30665 0.207084C6.70951 -0.142566 8.18623 -0.0493089 9.53394 0.474043C10.8816 0.997396 12.0342 1.92517 12.8333 3.12989V0.583365C12.8333 0.428674 12.8948 0.280319 13.0042 0.170936C13.1136 0.0615523 13.262 0.000101367 13.4167 0.000101367C13.5714 0.000101367 13.7197 0.0615523 13.8291 0.170936C13.9385 0.280319 14 0.428674 14 0.583365V4.08295C14 4.23764 13.9385 4.386 13.8291 4.49538C13.7197 4.60476 13.5714 4.66621 13.4167 4.66621H9.91667C9.76196 4.66621 9.61358 4.60476 9.50419 4.49538C9.39479 4.386 9.33333 4.23764 9.33333 4.08295C9.33333 3.92826 9.39479 3.7799 9.50419 3.67052C9.61358 3.56114 9.76196 3.49968 9.91667 3.49968H11.6667C11.6145 3.43006 11.5609 3.3616 11.5057 3.29438ZM13.4423 7.04126C13.5186 7.04857 13.5928 7.07085 13.6605 7.10682C13.7282 7.14279 13.7881 7.19176 13.8369 7.25091C13.8856 7.31007 13.9223 7.37825 13.9446 7.45157C13.967 7.52488 13.9747 7.60189 13.9673 7.67819C13.8273 9.117 13.2451 10.4771 12.3007 11.5718C11.3564 12.6664 10.0962 13.4418 8.69335 13.7915C7.29049 14.1411 5.81377 14.0478 4.46606 13.5245C3.11835 13.0011 1.96577 12.0734 1.16667 10.8686V13.4152C1.16667 13.5699 1.10521 13.7182 0.995812 13.8276C0.886416 13.937 0.738043 13.9984 0.583333 13.9984C0.428624 13.9984 0.280251 13.937 0.170854 13.8276C0.0614583 13.7182 0 13.5699 0 13.4152V9.91559C0 9.7609 0.0614583 9.61254 0.170854 9.50316C0.280251 9.39377 0.428624 9.33232 0.583333 9.33232H4.08333C4.23804 9.33232 4.38642 9.39377 4.49581 9.50316C4.60521 9.61254 4.66667 9.7609 4.66667 9.91559C4.66667 10.0703 4.60521 10.2186 4.49581 10.328C4.38642 10.4374 4.23804 10.4989 4.08333 10.4989H2.33333C2.38544 10.5688 2.43911 10.6373 2.49433 10.7042C3.22711 11.595 4.20762 12.2486 5.31187 12.5824C6.41613 12.9161 7.59456 12.915 8.69817 12.5791C9.80178 12.2432 10.781 11.5877 11.5121 10.6954C12.2431 9.80317 12.6932 8.7142 12.8053 7.5662C12.8126 7.48979 12.835 7.41556 12.871 7.34779C12.9071 7.28002 12.9561 7.22003 13.0154 7.17126C13.0747 7.12249 13.143 7.0859 13.2165 7.0636C13.29 7.04129 13.3671 7.0337 13.4435 7.04126" fill="#80D8FF"/>
 </svg>

package/src/core/HistoryManager.js

@@ -17,24 +17,23 @@ export class HistoryManager {
         this.currentIndex = -1;
         // Флаг для предотвращения зацикливания при undo/redo
         this.isExecutingCommand = false;
+        this._listenersAttached = false;
+        this._onUndo = () => this.undo();
+        this._onRedo = () => this.redo();
+        this._onDebug = () => this.debugHistory();
 
         this.initEventListeners();
     }
 
     initEventListeners() {
+        if (this._listenersAttached) return;
+        this._listenersAttached = true;
         // Слушаем события клавиатуры
-        this.eventBus.on(Events.Keyboard.Undo, () => {
-            this.undo();
-        });
-
-        this.eventBus.on(Events.Keyboard.Redo, () => {
-            this.redo();
-        });
+        this.eventBus.on(Events.Keyboard.Undo, this._onUndo);
+        this.eventBus.on(Events.Keyboard.Redo, this._onRedo);
 
         // Для отладки
-        this.eventBus.on(Events.History.Debug, () => {
-            this.debugHistory();
-        });
+        this.eventBus.on(Events.History.Debug, this._onDebug);
     }
 
     /**
@@ -51,12 +50,12 @@ export class HistoryManager {
 
         // Проверяем, можно ли объединить с последней командой
         const lastCommand = this.getLastCommand();
-        if (lastCommand && 
-            lastCommand.canMergeWith(command) && 
+        if (lastCommand &&
+            lastCommand.canMergeWith(command) &&
             (command.timestamp - lastCommand.timestamp) < this.options.mergeTimeout) {
-            
 
             lastCommand.mergeWith(command);
+            this._executeCommandSafely(lastCommand);
             this.eventBus.emit('history:changed', {
                 canUndo: this.canUndo(),
                 canRedo: this.canRedo(),
@@ -254,8 +253,9 @@ export class HistoryManager {
      */
     destroy() {
         this.clear();
-        this.eventBus.removeAllListeners(Events.Keyboard.Undo);
-        this.eventBus.removeAllListeners(Events.Keyboard.Redo);
-        this.eventBus.removeAllListeners(Events.History.Debug);
+        this.eventBus.off(Events.Keyboard.Undo, this._onUndo);
+        this.eventBus.off(Events.Keyboard.Redo, this._onRedo);
+        this.eventBus.off(Events.History.Debug, this._onDebug);
+        this._listenersAttached = false;
     }
 }