microboard-temp 0.5.149 → 0.5.151

package/dist/cjs/browser.js

@@ -20853,11 +20853,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -42240,7 +42237,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/dist/cjs/index.js

@@ -20853,11 +20853,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -42240,7 +42237,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/dist/cjs/node.js

@@ -23325,11 +23325,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -44713,7 +44710,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/dist/esm/browser.js

@@ -20696,11 +20696,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -42083,7 +42080,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/dist/esm/index.js

@@ -20689,11 +20689,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -42076,7 +42073,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/dist/esm/node.js

@@ -23156,11 +23156,8 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
-    } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
-    }
+    this.Mbr = new Mbr;
+    this.itemsArray.forEach((i) => this.Mbr.combine([i.getMbrWithChildren()]));
     this.subject.publish(this.items);
   };
   remove(item) {
@@ -44544,7 +44541,38 @@ class ImageItem extends BaseItem {
     this.storageLink = link2;
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     if (!this.signedUrl) {
-      this.setImage(getPlaceholderImage(this.board, this.imageDimension));
+      const canvas = conf.documentFactory.createElement("canvas");
+      canvas.width = 100;
+      canvas.height = 100;
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.fillStyle = "#f0f0f0";
+        ctx.fillRect(0, 0, 100, 100);
+        ctx.strokeStyle = "#bdbdbd";
+        ctx.lineWidth = 2;
+        ctx.strokeRect(1, 1, 98, 98);
+        const x = 30, y = 34;
+        ctx.strokeStyle = "#9e9e9e";
+        ctx.lineWidth = 2.5;
+        ctx.lineJoin = "round";
+        ctx.strokeRect(x, y, 40, 32);
+        ctx.beginPath();
+        ctx.moveTo(x, y + 32);
+        ctx.lineTo(x + 14, y + 14);
+        ctx.lineTo(x + 24, y + 24);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.moveTo(x + 24, y + 24);
+        ctx.lineTo(x + 32, y + 16);
+        ctx.lineTo(x + 40, y + 32);
+        ctx.stroke();
+        ctx.beginPath();
+        ctx.arc(x + 31, y + 10, 5, 0, Math.PI * 2);
+        ctx.stroke();
+      }
+      const placeholderImg = new Image;
+      placeholderImg.src = canvas.toDataURL();
+      this.setImage(placeholderImg);
       this.updateMbr();
       this.subject.publish(this);
       this.shootLoadCallbacks();

package/package.json

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