microboard-temp 0.5.116 → 0.5.117

package/dist/cjs/browser.js

@@ -42219,9 +42219,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -42231,11 +42229,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -42244,7 +42246,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -42256,10 +42258,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -42332,7 +42335,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -42377,7 +42380,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/cjs/index.js

@@ -42219,9 +42219,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -42231,11 +42229,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -42244,7 +42246,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -42256,10 +42258,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -42332,7 +42335,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -42377,7 +42380,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/cjs/node.js

@@ -44692,9 +44692,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -44704,11 +44702,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -44717,7 +44719,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -44729,10 +44731,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -44805,7 +44808,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -44850,7 +44853,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/esm/browser.js

@@ -42063,9 +42063,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -42075,11 +42073,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -42088,7 +42090,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -42100,10 +42102,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -42176,7 +42179,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -42221,7 +42224,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/esm/index.js

@@ -42056,9 +42056,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -42068,11 +42066,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -42081,7 +42083,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -42093,10 +42095,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -42169,7 +42172,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -42214,7 +42217,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/esm/node.js

@@ -44524,9 +44524,7 @@ class ImageItem extends BaseItem {
     this.imageDimension = imageDimension;
     this.transformation = new Transformation(id, events);
     this.image = new Image;
-    this.image.crossOrigin = "anonymous";
-    this.image.onload = this.onLoad;
-    this.image.onerror = this.onError;
+    this.setImage(new Image);
     if (typeof base64 === "string") {
       this.image.src = base64;
     }
@@ -44536,11 +44534,15 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
+  setImage(image2) {
+    this.image = image2;
+    this.image.crossOrigin = "anonymous";
+    this.image.onload = this.onLoad;
+    this.image.onerror = this.onError;
+    this.updateMbr();
+  }
   async setStorageLink(link2) {
-    console.log("setStorageLink", link2);
     this.storageLink = link2;
-    console.log("board", this.board);
-    console.log("accessToken", this.board.getAccount()?.accessToken);
     this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
@@ -44549,7 +44551,7 @@ class ImageItem extends BaseItem {
   }
   handleError = () => {
     console.error("Invalid dataUrl or image failed to load.");
-    this.image = getPlaceholderImage(this.board);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
@@ -44561,10 +44563,11 @@ class ImageItem extends BaseItem {
     this.shootLoadCallbacks();
   };
   onError = () => {
-    this.image = getPlaceholderImage(this.board, this.imageDimension);
+    this.setImage(getPlaceholderImage(this.board, this.imageDimension));
     this.updateMbr();
     this.subject.publish(this);
     this.shootLoadCallbacks();
+    this.image.onload = this.onLoad;
   };
   onTransform = () => {
     this.updateMbr();
@@ -44637,7 +44640,7 @@ class ImageItem extends BaseItem {
     this.linkTo.deserialize(data.linkTo);
     this.image.onload = () => {
       this.setCoordinates();
-      this.shootLoadCallbacks();
+      this.onLoad();
     };
     if (data.storageLink) {
       this.setStorageLink(data.storageLink);
@@ -44682,7 +44685,6 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
-    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);

package/dist/types/Items/Image/Image.d.ts

@@ -43,6 +43,7 @@ export declare class ImageItem extends BaseItem {
     imageDimension: Dimension;
     board: Board;
     constructor({ base64, storageLink, imageDimension }: ImageConstructorData, board: Board, events?: Events | undefined, id?: string);
+    private setImage;
     setStorageLink(link: string): Promise<void>;
     getStorageId(): string | undefined;
     handleError: () => void;

package/package.json

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