microboard-temp 0.5.144 → 0.5.146

package/dist/cjs/browser.js

@@ -45112,7 +45112,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -45202,7 +45202,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -45220,7 +45220,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -45233,7 +45233,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -46581,7 +46581,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -52210,7 +52210,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -52707,6 +52707,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -56529,6 +56533,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/cjs/index.js

@@ -45112,7 +45112,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -45202,7 +45202,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -45220,7 +45220,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -45233,7 +45233,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -46581,7 +46581,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -52210,7 +52210,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -52707,6 +52707,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -56529,6 +56533,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/cjs/node.js

@@ -47585,7 +47585,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -47675,7 +47675,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -47693,7 +47693,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -47706,7 +47706,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -49054,7 +49054,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -54683,7 +54683,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -55180,6 +55180,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -59002,6 +59006,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/esm/browser.js

@@ -44955,7 +44955,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -45045,7 +45045,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -45063,7 +45063,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -45076,7 +45076,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -46424,7 +46424,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -52053,7 +52053,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -52550,6 +52550,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -56372,6 +56376,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/esm/index.js

@@ -44948,7 +44948,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -45038,7 +45038,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -45056,7 +45056,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -45069,7 +45069,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -46417,7 +46417,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -52046,7 +52046,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -52543,6 +52543,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -56365,6 +56369,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/esm/node.js

@@ -47416,7 +47416,7 @@ function createCanvasDrawer(board) {
     context.setCamera(camera);
     context.ctx.setTransform(board2.camera.getMatrix().scaleX, 0, 0, board2.camera.getMatrix().scaleY, 0, 0);
     context.matrix.applyToContext(context.ctx);
-    const items = Object.keys(translation).map((id) => {
+    const items = translation.map((i) => i.id).map((id) => {
       const item = board2.items.getById(id);
       if (item) {
         if (item.itemType !== "Frame") {
@@ -47506,7 +47506,7 @@ function createCanvasDrawer(board) {
     matrix = new Matrix2;
   }
   function updateCanvasAndKeys(sumMbr, translation, resizingMatrix, actualMbr) {
-    const translationKeys = Object.keys(translation);
+    const translationKeys = translation.map((i) => i.id);
     if (lastCreatedCanvas && lastTranslationKeys?.length === translationKeys.length && lastTranslationKeys?.every((key) => translationKeys.includes(key))) {
       recoordinateCanvas(sumMbr);
       if (resizingMatrix) {
@@ -47524,7 +47524,7 @@ function createCanvasDrawer(board) {
         cnvs.style.pointerEvents = "none";
         document.body.appendChild(cnvs);
         lastCreatedCanvas = cnvs;
-        lastTranslationKeys = Object.keys(translation);
+        lastTranslationKeys = translation.map((i) => i.id);
         lastTranslationKeys.forEach((id) => {
           const item = board.items.getById(id);
           if (item) {
@@ -47537,7 +47537,7 @@ function createCanvasDrawer(board) {
     }
   }
   function countSumMbr(translation) {
-    return Object.keys(translation).reduce((mbr, id) => {
+    return translation.map((i) => i.id).reduce((mbr, id) => {
       const item = board.items.getById(id);
       if (item) {
         if (!mbr) {
@@ -48885,7 +48885,7 @@ class Select extends Tool {
           return false;
         }
         const translation = selection.getManyItemsTranslation(x, y);
-        const translationKeys = Object.keys(translation);
+        const translationKeys = translation.map((i) => i.id);
         const commentsSet = new Set(this.board.items.getComments().map((comment2) => comment2.getId()));
         if (translationKeys.filter((item) => !commentsSet.has(item)).length > 10) {
           const selectedMbr = this.board.selection.getMbr()?.copy();
@@ -54514,7 +54514,7 @@ function transformItems({
     isShiftPressed
   });
   selection.transformMany(translation, beginTimeStamp);
-  if (Object.keys(translation).length > 10) {
+  if (translation.length > 10) {
     canvasDrawer.updateCanvasAndKeys(resize.mbr, translation, resize.matrix);
     debounceUpd.setFalse();
     debounceUpd.setTimeoutUpdate(1000);
@@ -55011,6 +55011,10 @@ class BoardSelection {
     if (!this.board.events) {
       return;
     }
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const command = createCommand(this.board, operation);
     command.apply();
     this.board.events.emit(operation, command);
@@ -58833,6 +58837,10 @@ class Events2 {
     connection?.subscribe(board);
   }
   emit(operation, command) {
+    if (operation.method === "transformMany") {
+      console.error("[DEBUG] transformMany emitted from Events.emit!", JSON.stringify(operation));
+      console.trace("[DEBUG] transformMany stack trace");
+    }
     const userId = this.getUserId();
     const body = {
       eventId: this.getNextEventId(),

package/dist/types/Selection/Transformer/TransformerHelpers/transformShape.d.ts

@@ -1,4 +1,4 @@
-import { TransformManyItems } from "../../../Items/Transformation/TransformationOperations";
+import { ApplyMatrixItem } from "../../../Items/Transformation/TransformationOperations";
 import { Mbr } from "../../../Items/Mbr/Mbr";
 import { Sticker } from "../../../Items/Sticker/Sticker";
 import { Shape } from "../../../Items/Shape/Shape";
@@ -20,5 +20,5 @@ export declare function transformShape({ mbr, board, single, oppositePoint, resi
     startMbr?: Mbr;
 }): {
     resizedMbr: Mbr;
-    translation: TransformManyItems | null;
+    translation: ApplyMatrixItem[] | null;
 };

package/dist/types/drawMbrOnCanvas.d.ts

@@ -1,6 +1,6 @@
 import { Board } from "./Board";
 import { Matrix, Mbr } from "./Items";
-import { TransformManyItems } from "./Items/Transformation/TransformationOperations";
+import { ApplyMatrixItem } from "./Items/Transformation/TransformationOperations";
 export interface CanvasDrawer {
     getLastCreatedCanvas: () => HTMLDivElement | undefined;
     getLastTranslationKeys: () => string[] | undefined;
@@ -10,8 +10,8 @@ export interface CanvasDrawer {
     scaleCanvasBy: (scaleX: number, scaleY: number) => void;
     scaleCanvasTo: (scaleX: number, scaleY: number) => void;
     clearCanvasAndKeys: () => void;
-    updateCanvasAndKeys: (sumMbr: Mbr, translation: TransformManyItems, resizingMatrix?: Matrix, actualMbr?: Mbr) => void;
-    countSumMbr: (translation: TransformManyItems) => Mbr | undefined;
+    updateCanvasAndKeys: (sumMbr: Mbr, translation: ApplyMatrixItem[], resizingMatrix?: Matrix, actualMbr?: Mbr) => void;
+    countSumMbr: (translation: ApplyMatrixItem[]) => Mbr | undefined;
     highlightNesting: () => void;
     getMbr: () => Mbr;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.5.144",
+  "version": "0.5.146",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",