microboard-temp 0.4.27 → 0.4.29

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
       };
     });
   }
@@ -46100,7 +46110,7 @@ class Dice extends BaseItem {
     if (values2) {
       this.values = values2;
     }
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -46116,7 +46126,7 @@ class Dice extends BaseItem {
     this.path.setBorderColor(this.borderColor);
     this.path.setBorderWidth(this.borderWidth);
   }
-  createRenderValues() {
+  updateRenderValues() {
     this.values.forEach((value, index2) => {
       if (typeof value === "number") {
         this.renderValues[index2] = value;
@@ -46191,7 +46201,7 @@ class Dice extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.subject.publish(this);
     return this;
@@ -46298,6 +46308,7 @@ class Dice extends BaseItem {
               this.valueIndex = 0;
             }
             this.values = op.newData.values;
+            this.updateRenderValues();
             break;
         }
         break;
@@ -50368,93 +50379,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
       };
     });
   }
@@ -48635,7 +48645,7 @@ class Dice extends BaseItem {
     if (values2) {
       this.values = values2;
     }
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -48651,7 +48661,7 @@ class Dice extends BaseItem {
     this.path.setBorderColor(this.borderColor);
     this.path.setBorderWidth(this.borderWidth);
   }
-  createRenderValues() {
+  updateRenderValues() {
     this.values.forEach((value, index2) => {
       if (typeof value === "number") {
         this.renderValues[index2] = value;
@@ -48726,7 +48736,7 @@ class Dice extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.subject.publish(this);
     return this;
@@ -48833,6 +48843,7 @@ class Dice extends BaseItem {
               this.valueIndex = 0;
             }
             this.values = op.newData.values;
+            this.updateRenderValues();
             break;
         }
         break;
@@ -52903,93 +52914,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

@@ -14,13 +14,13 @@ export declare class Dice extends BaseItem {
     readonly subject: Subject<Dice>;
     private borderWidth;
     valueIndex: number;
-    values: number[] | string[];
+    values: (number | string)[];
     renderValues: Record<number, number | HTMLImageElement>;
     private animationFrameId?;
     drawingContext: DrawingContext | null;
-    constructor(board: Board, id?: string, type?: DiceType, values?: number[] | string[]);
+    constructor(board: Board, id?: string, type?: DiceType, values?: (number | string)[]);
     private transformPath;
-    createRenderValues(): void;
+    updateRenderValues(): void;
     render(context: DrawingContext): void;
     updateMbr(): void;
     getPath(): Path;

package/package.json

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