microboard-temp 0.5.142 → 0.5.144

package/dist/esm/browser.js

@@ -7138,17 +7138,29 @@ class TransformationCommand {
     switch (this.operation.method) {
       case "applyMatrix": {
         const op2 = this.operation;
-        return mapItemsByOperation(this.transformation, () => ({
-          ...op2,
-          matrix: {
-            translateX: -op2.matrix.translateX,
-            translateY: -op2.matrix.translateY,
-            scaleX: 1 / op2.matrix.scaleX,
-            scaleY: 1 / op2.matrix.scaleY,
-            shearX: 0,
-            shearY: 0
-          }
-        }));
+        return this.transformation.map((t3) => {
+          const itemOp = op2.items.find((i) => i.id === t3.getId());
+          if (!itemOp)
+            return { item: t3, operation: op2 };
+          return {
+            item: t3,
+            operation: {
+              class: "Transformation",
+              method: "applyMatrix",
+              items: [{
+                id: t3.getId(),
+                matrix: {
+                  translateX: -itemOp.matrix.translateX,
+                  translateY: -itemOp.matrix.translateY,
+                  scaleX: 1 / itemOp.matrix.scaleX,
+                  scaleY: 1 / itemOp.matrix.scaleY,
+                  shearX: 0,
+                  shearY: 0
+                }
+              }]
+            }
+          };
+        });
       }
       case "translateTo":
         return mapItemsByOperation(this.transformation, (transformation) => {
@@ -7230,60 +7242,25 @@ class TransformationCommand {
         const { operation, transformation } = this;
         return transformation.map((currTrans) => {
           const op2 = operation.items[currTrans.getId()];
-          let reverseOp;
-          if (op2.method === "applyMatrix") {
-            reverseOp = {
-              ...op2,
-              matrix: {
-                translateX: -op2.matrix.translateX,
-                translateY: -op2.matrix.translateY,
-                scaleX: 1 / op2.matrix.scaleX,
-                scaleY: 1 / op2.matrix.scaleY,
-                shearX: 0,
-                shearY: 0
-              }
-            };
-          } else if (op2.method === "scaleByTranslateBy") {
-            reverseOp = {
-              ...op2,
-              scale: { x: 1 / op2.scale.x, y: 1 / op2.scale.y },
-              translate: {
-                x: -op2.translate.x,
-                y: -op2.translate.y
-              }
-            };
-          } else if (op2.method === "translateTo") {
-            reverseOp = {
-              ...op2,
-              x: currTrans.getTranslation().x,
-              y: currTrans.getTranslation().y
-            };
-          } else if (op2.method === "translateBy") {
-            reverseOp = {
-              ...op2,
-              x: -op2.x,
-              y: -op2.y
-            };
-          } else if (op2.method === "scaleTo") {
-            reverseOp = {
-              ...op2,
-              x: currTrans.getScale().x,
-              y: currTrans.getScale().y
-            };
-          } else if (op2.method === "scaleBy") {
-            reverseOp = {
-              ...op2,
-              x: 1 / op2.x,
-              y: 1 / op2.y
-            };
-          } else {
-            reverseOp = {
-              ...op2,
-              x: 1,
-              y: 1
-            };
-          }
-          return { item: currTrans, operation: reverseOp };
+          const m = op2.method === "applyMatrix" ? op2.matrix : op2.method === "scaleByTranslateBy" ? { translateX: -op2.translate.x, translateY: -op2.translate.y, scaleX: 1 / op2.scale.x, scaleY: 1 / op2.scale.y, shearX: 0, shearY: 0 } : { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 };
+          return {
+            item: currTrans,
+            operation: {
+              class: "Transformation",
+              method: "applyMatrix",
+              items: [{
+                id: currTrans.getId(),
+                matrix: {
+                  translateX: op2.method === "applyMatrix" ? -m.translateX : m.translateX,
+                  translateY: op2.method === "applyMatrix" ? -m.translateY : m.translateY,
+                  scaleX: op2.method === "applyMatrix" ? 1 / m.scaleX : m.scaleX,
+                  scaleY: op2.method === "applyMatrix" ? 1 / m.scaleY : m.scaleY,
+                  shearX: 0,
+                  shearY: 0
+                }
+              }]
+            }
+          };
         });
       }
       case "locked": {
@@ -7414,10 +7391,14 @@ class Transformation {
   apply(op) {
     this.previous = this.matrix.copy();
     switch (op.method) {
-      case "applyMatrix":
-        this.matrix.scale(op.matrix.scaleX, op.matrix.scaleY);
-        this.matrix.translate(op.matrix.translateX, op.matrix.translateY);
+      case "applyMatrix": {
+        const itemOp = op.items.find((i) => i.id === this.id);
+        if (itemOp) {
+          this.matrix.scale(itemOp.matrix.scaleX, itemOp.matrix.scaleY);
+          this.matrix.translate(itemOp.matrix.translateX, itemOp.matrix.translateY);
+        }
         break;
+      }
       case "translateTo":
         this.applyTranslateTo(op.x, op.y);
         break;
@@ -7552,8 +7533,7 @@ class Transformation {
     this.emit({
       class: "Transformation",
       method: "applyMatrix",
-      item: [this.id],
-      matrix,
+      items: [{ id: this.id, matrix }],
       timeStamp
     });
   }
@@ -19548,7 +19528,7 @@ function createCommand(board, operation) {
       }
       default: {
         const itemType = operation.class;
-        const itemIdList = "item" in operation ? Array.isArray(operation.item) ? operation.item : [operation.item] : ("items" in operation) ? Object.keys(operation.items) : operation.itemsOps.map((itemOp) => itemOp.item);
+        const itemIdList = "item" in operation ? Array.isArray(operation.item) ? operation.item : [operation.item] : ("items" in operation) ? Array.isArray(operation.items) ? operation.items.map((i) => i.id) : Object.keys(operation.items) : operation.itemsOps.map((itemOp) => itemOp.item);
         const items = itemIdList.map((itemId) => board.items.findById(itemId) ?? itemId).filter((item) => {
           if (typeof item === "string") {
             console.warn(`Item with ID ${item} not found for operation ${operation.class}.${operation.method}`);
@@ -21790,7 +21770,8 @@ class RichText extends BaseItem {
     this.transformation.subject.subscribe((tr, op) => {
       this.prevMbr = this.getMbr();
       if (op.method === "applyMatrix") {
-        if (op.matrix.scaleX !== 1 || op.matrix.scaleY !== 1) {
+        const itemOp = op.items.find((i) => i.id === this.id);
+        if (itemOp && (itemOp.matrix.scaleX !== 1 || itemOp.matrix.scaleY !== 1)) {
           this.setAINodeShirkWidth();
           if (!this.isInShape) {
             this.transformCanvas();
@@ -21800,8 +21781,6 @@ class RichText extends BaseItem {
         } else {
           this.transformCanvas();
         }
-      } else if (op.method === "transformMany") {
-        this.transformCanvas();
       } else if (op.method === "deserialize") {
         this.setAINodeShirkWidth();
         this.updateElement();
@@ -35744,19 +35723,15 @@ class AINode extends BaseItem {
     this.text = new RichText(this.board, new Mbr, this.id, this.transformation, this.linkTo, " ", false, false, "AINode");
     this.transformation.subject.subscribe((_subject, op) => {
       if (op.method === "applyMatrix") {
-        if (op.matrix.scaleX !== 1 || op.matrix.scaleY !== 1) {
+        const itemOp = op.items.find((i) => i.id === this.getId());
+        if (itemOp && (itemOp.matrix.scaleX !== 1 || itemOp.matrix.scaleY !== 1)) {
           this.prevMbr = this.path?.getMbr();
           this.text.handleInshapeScale();
-        } else {
-          this.text.transformCanvas();
-        }
-      } else if (op.method === "transformMany") {
-        const currItemOp = op.items[this.getId()];
-        this.prevMbr = this.path?.getMbr();
-        if (currItemOp.method === "applyMatrix" && currItemOp.matrix.scaleX === 1 && currItemOp.matrix.scaleY === 1) {
+        } else if (itemOp) {
           this.text.transformCanvas();
         } else {
-          this.text.handleInshapeScale();
+          this.prevMbr = this.path?.getMbr();
+          this.text.updateElement();
         }
       } else {
         this.prevMbr = this.path?.getMbr();
@@ -36968,13 +36943,9 @@ class Connector2 extends BaseItem {
     this.endPointer = getEndPointer(this.endPoint, this.endPointerStyle, this.lineStyle, this.lines, this.lineWidth * 0.1 + 0.3);
     this.middlePoint = null;
     this.transformation.subject.subscribe((_sub, op) => {
-      if (op.method === "transformMany") {
-        const operation = op.items[this.getId()];
-        if (operation.method === "applyMatrix") {
-          if (operation.matrix.scaleX !== 1 || operation.matrix.scaleY !== 1) {
-            this.scalePoints();
-          }
-        } else if (operation.method === "scaleByTranslateBy" && (operation.scale.x !== 1 || operation.scale.y !== 1)) {
+      if (op.method === "applyMatrix") {
+        const itemOp = op.items.find((i) => i.id === this.getId());
+        if (itemOp && (itemOp.matrix.scaleX !== 1 || itemOp.matrix.scaleY !== 1)) {
           this.scalePoints();
         }
       }
@@ -39265,8 +39236,13 @@ class Shape extends BaseItem {
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       this.updateMbr();
-      if (op.method === "applyMatrix" && op.matrix.scaleX === 1 && op.matrix.scaleY === 1) {
-        this.text.transformCanvas();
+      if (op.method === "applyMatrix") {
+        const itemOp = op.items.find((i) => i.id === this.id);
+        if (itemOp && itemOp.matrix.scaleX === 1 && itemOp.matrix.scaleY === 1) {
+          this.text.transformCanvas();
+        } else {
+          this.text.updateElement();
+        }
       } else {
         this.text.updateElement();
       }
@@ -39793,20 +39769,14 @@ class Sticker extends BaseItem {
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
-        if (op.matrix.scaleX !== 1 || op.matrix.scaleY !== 1) {
-          if (this.text.isAutosize()) {
-            this.text.scaleAutoSizeScale(Math.min(op.matrix.scaleX, op.matrix.scaleY));
-            this.text.recoordinate();
-            this.text.transformCanvas();
-          } else {
-            this.text.handleInshapeScale();
-          }
-        }
-      } else if (op.method === "transformMany") {
-        const transformOp = op.items[this.id];
-        if (transformOp.method === "applyMatrix" && (transformOp.matrix.scaleX !== 1 || transformOp.matrix.scaleY !== 1)) {
+        const itemOp = op.items.find((i) => i.id === this.id);
+        if (itemOp && (itemOp.matrix.scaleX !== 1 || itemOp.matrix.scaleY !== 1)) {
           if (this.text.isAutosize()) {
-            this.text.scaleAutoSizeScale(Math.min(transformOp.matrix.scaleX, transformOp.matrix.scaleY));
+            if (itemOp.matrix.scaleX !== itemOp.matrix.scaleY) {
+              this.text.applyAutoSizeScale(this.text.calcAutoSize());
+            } else {
+              this.text.scaleAutoSizeScale(itemOp.matrix.scaleX);
+            }
             this.text.recoordinate();
             this.text.transformCanvas();
           } else {
@@ -46043,14 +46013,7 @@ class AlignmentHelper {
       this.board.selection.transformMany(translation, timeStamp);
     } else {
       const id = item.getId();
-      const transformMap = {};
-      transformMap[id] = {
-        class: "Transformation",
-        item: [id],
-        method: "applyMatrix",
-        matrix: { translateX: x, translateY: y, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-      };
-      this.board.selection.transformMany(transformMap, timeStamp);
+      this.board.selection.transformMany([{ id, matrix: { translateX: x, translateY: y, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 } }], timeStamp);
     }
   }
   translateCanvas(x, y, timeStamp) {
@@ -47899,7 +47862,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "applyMatrix" && op.matrix.scaleX === 1 && op.matrix.scaleY === 1) {
+      if (this.parent === "Board" && op.method === "applyMatrix" && op.items.find((i) => i.id === this.id)?.matrix.scaleX === 1 && op.items.find((i) => i.id === this.id)?.matrix.scaleY === 1) {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -51654,7 +51617,7 @@ function handleMultipleItemsResize({
   isShiftPressed
 }) {
   const { matrix } = resize;
-  const translation = {};
+  const result = [];
   const items = itemsToResize ? itemsToResize : board.selection.items.list();
   board.items.getComments().forEach((comment2) => {
     if (items.some((item) => item.getId() === comment2.getItemToFollow())) {
@@ -51673,25 +51636,25 @@ function handleMultipleItemsResize({
     const deltaY = itemY - initMbr.top;
     const translateY = deltaY * matrix.scaleY - deltaY + matrix.translateY;
     if (item instanceof RichText) {
-      translation[item.getId()] = getRichTextTranslation({
+      result.push(getRichTextTranslation({
         item,
         isWidth,
         isHeight,
         matrix,
         translateX,
         translateY
-      });
+      }));
     } else if (item instanceof AINode) {
-      translation[item.getId()] = getAINodeTranslation({
+      result.push(getAINodeTranslation({
         item,
         isWidth,
         isHeight,
         matrix,
         translateX,
         translateY
-      });
+      }));
     } else {
-      translation[item.getId()] = getItemTranslation({
+      result.push(getItemTranslation({
         item,
         isWidth,
         isHeight,
@@ -51699,10 +51662,10 @@ function handleMultipleItemsResize({
         translateX,
         translateY,
         isShiftPressed
-      });
+      }));
     }
   }
-  return translation;
+  return result;
 }
 function getRichTextTranslation({
   item,
@@ -51714,26 +51677,11 @@ function getRichTextTranslation({
 }) {
   if (isWidth) {
     item.editor.setMaxWidth(item.getWidth() / item.transformation.getScale().x * matrix.scaleX);
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX: matrix.translateX, translateY: 0, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX: matrix.translateX, translateY: 0, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 } };
   } else if (isHeight) {
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 } };
   } else {
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 } };
   }
 }
 function getAINodeTranslation({
@@ -51746,26 +51694,11 @@ function getAINodeTranslation({
 }) {
   if (isWidth) {
     item.text.editor.setMaxWidth(item.text.getWidth() / item.transformation.getScale().x * matrix.scaleX);
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX: matrix.translateX, translateY: 0, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX: matrix.translateX, translateY: 0, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 } };
   } else if (isHeight) {
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 } };
   } else {
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleX, shearX: 0, shearY: 0 } };
   }
 }
 function getItemTranslation({
@@ -51778,22 +51711,12 @@ function getItemTranslation({
   isShiftPressed
 }) {
   if (item instanceof Sticker && (isWidth || isHeight)) {
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 } };
   } else {
     if (item instanceof Frame2 && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
       item.setFrameType("Custom");
     }
-    return {
-      class: "Transformation",
-      method: "applyMatrix",
-      item: [item.getId()],
-      matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleY, shearX: 0, shearY: 0 }
-    };
+    return { id: item.getId(), matrix: { translateX, translateY, scaleX: matrix.scaleX, scaleY: matrix.scaleY, shearX: 0, shearY: 0 } };
   }
 }
 
@@ -53158,53 +53081,41 @@ class BoardSelection {
     this.shouldPublish = false;
     this.emit({
       class: "Transformation",
-      method: "transformMany",
+      method: "applyMatrix",
       items,
       timeStamp
     });
     this.shouldPublish = true;
   }
   getManyItemsTranslation(x, y, unselectedItem) {
-    const translation = {};
-    function addItemToTranslation(itemId) {
-      translation[itemId] = {
-        class: "Transformation",
-        method: "applyMatrix",
-        item: [itemId],
-        matrix: { translateX: x, translateY: y, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-      };
-    }
-    function tryToAddFrameChildrenToTranslation(selectedItem) {
+    const items = [];
+    const addItem = (itemId) => {
+      items.push({ id: itemId, matrix: { translateX: x, translateY: y, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 } });
+    };
+    const tryToAddFrameChildren = (selectedItem) => {
       if (!("index" in selectedItem) || !selectedItem.index) {
         return;
       }
       for (const childId of selectedItem.getChildrenIds()) {
-        addItemToTranslation(childId);
+        addItem(childId);
       }
-    }
-    const createTranslationWithComments = (item) => {
+    };
+    const addWithComments = (item) => {
+      addItem(item.getId());
+      tryToAddFrameChildren(item);
       const followedComments = this.board.items.getComments().filter((comment2) => comment2.getItemToFollow() === item.getId());
       for (const comment2 of followedComments) {
-        translation[comment2.getId()] = {
-          class: "Transformation",
-          method: "applyMatrix",
-          item: [comment2.getId()],
-          matrix: { translateX: x, translateY: y, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
-        };
+        addItem(comment2.getId());
       }
     };
     if (unselectedItem) {
-      addItemToTranslation(unselectedItem.getId());
-      tryToAddFrameChildrenToTranslation(unselectedItem);
-      createTranslationWithComments(unselectedItem);
-      return translation;
+      addWithComments(unselectedItem);
+      return items;
     }
     for (const selectedItem of this.board.selection.list()) {
-      addItemToTranslation(selectedItem.getId());
-      tryToAddFrameChildrenToTranslation(selectedItem);
-      createTranslationWithComments(selectedItem);
+      addWithComments(selectedItem);
     }
-    return translation;
+    return items;
   }
   setStrokeStyle(borderStyle) {
     const shapes = this.items.getIdsByItemTypes(["Shape"]);
@@ -54747,32 +54658,40 @@ function mergeOperations(opA, opB) {
   return;
 }
 function mergeTransformationOperations(opA, opB) {
-  if (!areItemsTheSame(opA, opB)) {
+  if (opA.timeStamp && opB.timeStamp && opA.timeStamp !== opB.timeStamp) {
     return;
   }
-  if (opA.timeStamp && opB.timeStamp && opA.timeStamp !== opB.timeStamp) {
+  if (opA.method === "applyMatrix" && opB.method === "applyMatrix") {
+    if (opA.items.length !== opB.items.length)
+      return;
+    const idsA = new Set(opA.items.map((i) => i.id));
+    if (!opB.items.every((b) => idsA.has(b.id)))
+      return;
+    return {
+      class: "Transformation",
+      method: "applyMatrix",
+      items: opB.items.map((b) => {
+        const a2 = opA.items.find((i) => i.id === b.id);
+        return {
+          id: b.id,
+          matrix: {
+            translateX: a2.matrix.translateX + b.matrix.translateX,
+            translateY: a2.matrix.translateY + b.matrix.translateY,
+            scaleX: a2.matrix.scaleX * b.matrix.scaleX,
+            scaleY: a2.matrix.scaleY * b.matrix.scaleY,
+            shearX: 0,
+            shearY: 0
+          }
+        };
+      }),
+      timeStamp: opB.timeStamp
+    };
+  }
+  if (!areItemsTheSame(opA, opB)) {
     return;
   }
   const method = opA.method;
   switch (method) {
-    case "applyMatrix":
-      if (opB.method !== method) {
-        return;
-      }
-      return {
-        class: "Transformation",
-        method: "applyMatrix",
-        item: opA.item,
-        matrix: {
-          translateX: opA.matrix.translateX + opB.matrix.translateX,
-          translateY: opA.matrix.translateY + opB.matrix.translateY,
-          scaleX: opA.matrix.scaleX * opB.matrix.scaleX,
-          scaleY: opA.matrix.scaleY * opB.matrix.scaleY,
-          shearX: 0,
-          shearY: 0
-        },
-        timeStamp: opB.timeStamp
-      };
     case "translateBy":
       if (opB.method !== method) {
         return;
@@ -54826,130 +54745,10 @@ function mergeTransformationOperations(opA, opB) {
         },
         timeStamp: opB.timeStamp
       };
-    case "transformMany":
-      const items = mergeItems(opA, opB);
-      if (opB.method !== method) {
-        return;
-      }
-      return {
-        class: "Transformation",
-        method: "transformMany",
-        items,
-        timeStamp: opB.timeStamp
-      };
     default:
       return;
   }
 }
-function mergeItems(opA, opB) {
-  if (opA.method === "transformMany" && opB.method === "transformMany") {
-    const resolve2 = (currScale, currTranslate, opB2) => {
-      switch (opB2.method) {
-        case "scaleByTranslateBy":
-          return {
-            scale: {
-              x: currScale ? currScale.x * opB2.scale.x : opB2.scale.x,
-              y: currScale ? currScale.y * opB2.scale.y : opB2.scale.y
-            },
-            translate: {
-              x: currTranslate ? currTranslate.x + opB2.translate.x : opB2.translate.x,
-              y: currTranslate ? currTranslate.y + opB2.translate.y : opB2.translate.y
-            }
-          };
-        case "scaleBy":
-          return {
-            scale: {
-              x: currScale ? currScale.x * opB2.x : opB2.x,
-              y: currScale ? currScale.y * opB2.y : opB2.y
-            },
-            translate: {
-              x: currTranslate ? currTranslate.x : 0,
-              y: currTranslate ? currTranslate.y : 0
-            }
-          };
-        case "translateBy":
-          return {
-            scale: {
-              x: currScale ? currScale.x : 1,
-              y: currScale ? currScale.y : 1
-            },
-            translate: {
-              x: currTranslate ? currTranslate.x + opB2.x : opB2.x,
-              y: currTranslate ? currTranslate.y + opB2.y : opB2.y
-            }
-          };
-      }
-      return;
-    };
-    const items = {};
-    Object.keys(opB.items).forEach((itemId) => {
-      if (opA.items[itemId] !== undefined) {
-        if (opA.items[itemId].method === "applyMatrix" && opB.items[itemId].method === "applyMatrix") {
-          const a2 = opA.items[itemId].matrix;
-          const b = opB.items[itemId].matrix;
-          items[itemId] = {
-            class: "Transformation",
-            method: "applyMatrix",
-            item: [itemId],
-            matrix: {
-              translateX: a2.translateX + b.translateX,
-              translateY: a2.translateY + b.translateY,
-              scaleX: a2.scaleX * b.scaleX,
-              scaleY: a2.scaleY * b.scaleY,
-              shearX: 0,
-              shearY: 0
-            }
-          };
-        } else if (opA.items[itemId].method === "scaleByTranslateBy") {
-          const newTransformation = resolve2(opA.items[itemId].scale, opA.items[itemId].translate, opB.items[itemId]);
-          if (!newTransformation) {
-            items[itemId] = opB.items[itemId];
-          } else {
-            items[itemId] = {
-              class: "Transformation",
-              method: "scaleByTranslateBy",
-              item: [itemId],
-              scale: newTransformation.scale,
-              translate: newTransformation.translate
-            };
-          }
-        } else if (opA.items[itemId].method === "scaleBy") {
-          const newTransformation = resolve2({ x: opA.items[itemId].x, y: opA.items[itemId].y }, undefined, opB.items[itemId]);
-          if (!newTransformation) {
-            items[itemId] = opB.items[itemId];
-          } else {
-            items[itemId] = {
-              class: "Transformation",
-              method: "scaleByTranslateBy",
-              item: [itemId],
-              scale: newTransformation.scale,
-              translate: newTransformation.translate
-            };
-          }
-        } else if (opA.items[itemId].method === "translateBy") {
-          const newTransformation = resolve2(undefined, { x: opA.items[itemId].x, y: opA.items[itemId].y }, opB.items[itemId]);
-          if (!newTransformation) {
-            items[itemId] = opB.items[itemId];
-          } else {
-            items[itemId] = {
-              class: "Transformation",
-              method: "scaleByTranslateBy",
-              item: [itemId],
-              scale: newTransformation.scale,
-              translate: newTransformation.translate
-            };
-          }
-        } else {
-          items[itemId] = opB.items[itemId];
-        }
-      } else {
-        items[itemId] = opB.items[itemId];
-      }
-    });
-    return items;
-  }
-  return;
-}
 function mergeRichTextOperations(opA, opB) {
   if (!areItemsTheSame(opA, opB)) {
     return;