microboard-temp 0.4.20 → 0.4.22

package/dist/cjs/browser.js

@@ -46224,7 +46224,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -46271,7 +46271,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -46288,10 +46288,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46370,7 +46366,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -46392,7 +46388,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -46414,7 +46410,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/cjs/index.js

@@ -46224,7 +46224,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -46271,7 +46271,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -46288,10 +46288,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46370,7 +46366,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -46392,7 +46388,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -46414,7 +46410,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/cjs/node.js

@@ -48764,7 +48764,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -48811,7 +48811,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -48828,10 +48828,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -48910,7 +48906,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -48932,7 +48928,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -48954,7 +48950,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/browser.js

@@ -46074,7 +46074,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -46121,7 +46121,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -46138,10 +46138,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46220,7 +46216,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -46242,7 +46238,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -46264,7 +46260,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/index.js

@@ -46067,7 +46067,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -46114,7 +46114,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -46131,10 +46131,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46213,7 +46209,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -46235,7 +46231,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -46257,7 +46253,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/node.js

@@ -48602,7 +48602,7 @@ class AddDice extends ShapeTool {
 }
 
 // src/Items/Examples/CardGame/Dice/Dice.ts
-var TIMEOUT = 3000;
+var TIMEOUT = 2000;
 var defaultDiceData = {
   itemType: "Dice",
   backgroundColor: "#FFFFFF",
@@ -48649,7 +48649,7 @@ class Dice extends BaseItem {
     context.ctx.save();
     if (this.animationFrameId) {
       const now = Date.now();
-      const angle = now % 1000 / 1000 * 2 * Math.PI;
+      const angle = now % 500 / 500 * 2 * Math.PI;
       const mbr2 = this.getMbr();
       const centerX2 = (mbr2.left + mbr2.right) / 2;
       const centerY2 = (mbr2.top + mbr2.bottom) / 2;
@@ -48666,10 +48666,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -48748,7 +48744,7 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value, shouldRotate: true },
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
       prevData: { value: this.value, shouldRotate: false }
     });
   }
@@ -48770,7 +48766,7 @@ class Dice extends BaseItem {
             this.applyBorderColor(op.newData.borderColor);
             break;
           case "changeValue":
-            if (op.newData.shouldRotate) {
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
@@ -48792,7 +48788,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

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

@@ -3,6 +3,7 @@ export type DiceOperation = ChangeValue | ChangeValuesRange | SetBackgroundColor
 interface ChangeValue extends BaseOperation<{
     value: number;
     shouldRotate: boolean;
+    timeStamp?: number;
 }> {
     class: "Dice";
     method: "changeValue";

package/package.json

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