microboard-temp 0.4.28 → 0.4.30

package/dist/esm/index.js

@@ -19306,9 +19306,19 @@ class BaseCommand {
     const items = this.items;
     return mapItemsByOperation(items, (item) => {
       const op = this.operation;
+      let newData = {};
+      if (op.prevData) {
+        newData = op.prevData;
+      } else {
+        Object.keys(op.newData).forEach((key) => {
+          if (item[key]) {
+            op.newData[key] = item[key];
+          }
+        });
+      }
       return {
         ...op,
-        newData: op.prevData
+        newData
       };
     });
   }
@@ -46208,6 +46218,18 @@ class Dice extends BaseItem {
     }
     return { min: this.values[0], max: this.values[this.values.length - 1] };
   }
+  getBackgroundColor() {
+    return this.backgroundColor;
+  }
+  getBorderStyle() {
+    return this.borderStyle;
+  }
+  getStrokeColor() {
+    return this.borderColor;
+  }
+  getStrokeWidth() {
+    return this.borderWidth;
+  }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
     this.path.setBackgroundColor(backgroundColor);
@@ -50148,28 +50170,20 @@ class BoardSelection {
     return color2;
   }
   getFillColor() {
-    const tmp = this.items.getItemsByItemTypes([
-      "Shape",
-      "Sticker",
-      "Frame"
-    ])[0];
-    return tmp?.getBackgroundColor() || defaultShapeData2.backgroundColor;
+    const tmp = this.items.list()[0];
+    return "getBackgroundColor" in tmp ? tmp.getBackgroundColor() : defaultShapeData2.backgroundColor;
   }
   getBorderStyle() {
-    const shape = this.items.getItemsByItemTypes([
-      "Shape",
-      "Drawing",
-      "Connector"
-    ])[0];
-    return shape?.getBorderStyle() || defaultShapeData2.borderStyle;
+    const shape = this.items.list()[0];
+    return "getBorderStyle" in shape ? shape.getBorderStyle() : defaultShapeData2.borderStyle;
   }
   getStrokeColor() {
-    const shape = this.items.getItemsByItemTypes(["Shape", "Drawing"])[0];
-    return shape?.getStrokeColor() || defaultShapeData2.borderColor;
+    const shape = this.items.list()[0];
+    return "getStrokeColor" in shape ? shape.getStrokeColor() : defaultShapeData2.borderColor;
   }
   getStrokeWidth() {
-    const shape = this.items.getItemsByItemTypes(["Shape", "Drawing"])[0];
-    return shape?.getStrokeWidth() || defaultShapeData2.borderWidth;
+    const shape = this.items.list()[0];
+    return "getStrokeWidth" in shape ? shape.getStrokeWidth() : defaultShapeData2.borderWidth;
   }
   getConnectorLineWidth() {
     const connector = this.items.getItemsByItemTypes(["Connector"])[0];
@@ -50369,93 +50383,85 @@ class BoardSelection {
     }
   }
   setStrokeColor(borderColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderColor",
-        item: shapes,
-        borderColor
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineColor",
-        item: connectors,
-        lineColor: borderColor
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeColor",
-        item: drawings,
-        color: borderColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBorderColor",
+      item: [],
+      newData: { borderColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineColor";
+          operationCopy.lineColor = borderColor;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeColor";
+          operationCopy.color = borderColor;
+        } else {
+          operationCopy.borderColor = borderColor;
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setStrokeWidth(width2) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderWidth",
-        item: shapes,
-        borderWidth: width2,
-        prevBorderWidth: this.getStrokeWidth()
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineWidth",
-        item: connectors,
-        lineWidth: width2
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeWidth",
-        item: drawings,
-        width: width2,
-        prevWidth: this.getStrokeWidth()
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setStrokeWidth",
+      item: [],
+      width: width2,
+      newData: { width: width2 }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineWidth";
+          operationCopy.lineWidth = width2;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeWidth";
+          operationCopy.width = width2;
+          operationCopy.prevWidth = this.getStrokeWidth();
+        } else {
+          operationCopy.borderWidth = width2;
+          operationCopy.prevBorderWidth = this.getStrokeWidth();
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setFillColor(backgroundColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length) {
-      this.emit({
-        class: "Shape",
-        method: "setBackgroundColor",
-        item: shapes,
-        backgroundColor
-      });
-    }
-    const stickers = this.items.getIdsByItemTypes(["Sticker"]);
-    if (stickers.length) {
-      this.emit({
-        class: "Sticker",
-        method: "setBackgroundColor",
-        item: stickers,
-        backgroundColor
-      });
-    }
-    const frames = this.items.getIdsByItemTypes(["Frame"]);
-    if (frames.length) {
-      this.emit({
-        class: "Frame",
-        method: "setBackgroundColor",
-        item: frames,
-        backgroundColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBackgroundColor",
+      item: [],
+      backgroundColor,
+      newData: { backgroundColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        operations2[item.itemType] = { ...operation, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setCanChangeRatio(canChangeRatio) {
     const frames = this.items.getIdsByItemTypes(["Frame"]);

package/dist/esm/node.js

@@ -21840,9 +21840,19 @@ class BaseCommand {
     const items = this.items;
     return mapItemsByOperation(items, (item) => {
       const op = this.operation;
+      let newData = {};
+      if (op.prevData) {
+        newData = op.prevData;
+      } else {
+        Object.keys(op.newData).forEach((key) => {
+          if (item[key]) {
+            op.newData[key] = item[key];
+          }
+        });
+      }
       return {
         ...op,
-        newData: op.prevData
+        newData
       };
     });
   }
@@ -48743,6 +48753,18 @@ class Dice extends BaseItem {
     }
     return { min: this.values[0], max: this.values[this.values.length - 1] };
   }
+  getBackgroundColor() {
+    return this.backgroundColor;
+  }
+  getBorderStyle() {
+    return this.borderStyle;
+  }
+  getStrokeColor() {
+    return this.borderColor;
+  }
+  getStrokeWidth() {
+    return this.borderWidth;
+  }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
     this.path.setBackgroundColor(backgroundColor);
@@ -52683,28 +52705,20 @@ class BoardSelection {
     return color2;
   }
   getFillColor() {
-    const tmp = this.items.getItemsByItemTypes([
-      "Shape",
-      "Sticker",
-      "Frame"
-    ])[0];
-    return tmp?.getBackgroundColor() || defaultShapeData2.backgroundColor;
+    const tmp = this.items.list()[0];
+    return "getBackgroundColor" in tmp ? tmp.getBackgroundColor() : defaultShapeData2.backgroundColor;
   }
   getBorderStyle() {
-    const shape = this.items.getItemsByItemTypes([
-      "Shape",
-      "Drawing",
-      "Connector"
-    ])[0];
-    return shape?.getBorderStyle() || defaultShapeData2.borderStyle;
+    const shape = this.items.list()[0];
+    return "getBorderStyle" in shape ? shape.getBorderStyle() : defaultShapeData2.borderStyle;
   }
   getStrokeColor() {
-    const shape = this.items.getItemsByItemTypes(["Shape", "Drawing"])[0];
-    return shape?.getStrokeColor() || defaultShapeData2.borderColor;
+    const shape = this.items.list()[0];
+    return "getStrokeColor" in shape ? shape.getStrokeColor() : defaultShapeData2.borderColor;
   }
   getStrokeWidth() {
-    const shape = this.items.getItemsByItemTypes(["Shape", "Drawing"])[0];
-    return shape?.getStrokeWidth() || defaultShapeData2.borderWidth;
+    const shape = this.items.list()[0];
+    return "getStrokeWidth" in shape ? shape.getStrokeWidth() : defaultShapeData2.borderWidth;
   }
   getConnectorLineWidth() {
     const connector = this.items.getItemsByItemTypes(["Connector"])[0];
@@ -52904,93 +52918,85 @@ class BoardSelection {
     }
   }
   setStrokeColor(borderColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderColor",
-        item: shapes,
-        borderColor
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineColor",
-        item: connectors,
-        lineColor: borderColor
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeColor",
-        item: drawings,
-        color: borderColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBorderColor",
+      item: [],
+      newData: { borderColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineColor";
+          operationCopy.lineColor = borderColor;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeColor";
+          operationCopy.color = borderColor;
+        } else {
+          operationCopy.borderColor = borderColor;
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setStrokeWidth(width2) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderWidth",
-        item: shapes,
-        borderWidth: width2,
-        prevBorderWidth: this.getStrokeWidth()
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineWidth",
-        item: connectors,
-        lineWidth: width2
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeWidth",
-        item: drawings,
-        width: width2,
-        prevWidth: this.getStrokeWidth()
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setStrokeWidth",
+      item: [],
+      width: width2,
+      newData: { width: width2 }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineWidth";
+          operationCopy.lineWidth = width2;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeWidth";
+          operationCopy.width = width2;
+          operationCopy.prevWidth = this.getStrokeWidth();
+        } else {
+          operationCopy.borderWidth = width2;
+          operationCopy.prevBorderWidth = this.getStrokeWidth();
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setFillColor(backgroundColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length) {
-      this.emit({
-        class: "Shape",
-        method: "setBackgroundColor",
-        item: shapes,
-        backgroundColor
-      });
-    }
-    const stickers = this.items.getIdsByItemTypes(["Sticker"]);
-    if (stickers.length) {
-      this.emit({
-        class: "Sticker",
-        method: "setBackgroundColor",
-        item: stickers,
-        backgroundColor
-      });
-    }
-    const frames = this.items.getIdsByItemTypes(["Frame"]);
-    if (frames.length) {
-      this.emit({
-        class: "Frame",
-        method: "setBackgroundColor",
-        item: frames,
-        backgroundColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBackgroundColor",
+      item: [],
+      backgroundColor,
+      newData: { backgroundColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        operations2[item.itemType] = { ...operation, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setCanChangeRatio(canChangeRatio) {
     const frames = this.items.getIdsByItemTypes(["Frame"]);

package/dist/types/Events/EventsOperations.d.ts

@@ -29,7 +29,7 @@ export interface BaseOperation<T extends Record<string, unknown> = {}> {
     item: string[];
     method: string;
     newData: T;
-    prevData: T;
+    prevData?: T;
 }
 export type ItemOperation = LinkToOperation | TransformationOperation | ShapeOperation | StickerOperation | RichTextOperation | ConnectorOperation | DrawingOperation | FrameOperation | PlaceholderOperation | GroupOperation | CommentOperation | ImageOperation | VideoOperation | AudioOperation;
 export type UndoableOperation = BoardOps | ItemOperation;

package/dist/types/Items/Examples/CardGame/Dice/Dice.d.ts

@@ -32,6 +32,10 @@ export declare class Dice extends BaseItem {
         min: number;
         max: number;
     };
+    getBackgroundColor(): string;
+    getBorderStyle(): string;
+    getStrokeColor(): string;
+    getStrokeWidth(): number;
     private applyBackgroundColor;
     setBackgroundColor(backgroundColor: string): void;
     private applyBorderWidth;

package/package.json

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