microboard-temp 0.5.115 → 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,12 +42229,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -42255,11 +42257,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -42340,13 +42343,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -42383,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,12 +42229,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -42255,11 +42257,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -42340,13 +42343,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -42383,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,12 +44702,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -44728,11 +44730,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -44813,13 +44816,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -44856,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,12 +42073,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -42099,11 +42101,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -42184,13 +42187,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -42227,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,12 +42066,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -42092,11 +42094,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -42177,13 +42180,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -42220,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,12 +44534,16 @@ 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.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
     this.image.src = this.signedUrl;
   }
   getStorageId() {
@@ -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();
@@ -44560,11 +44562,12 @@ class ImageItem extends BaseItem {
     this.subject.publish(this);
     this.shootLoadCallbacks();
   };
-  onError = (_error) => {
-    this.image = getPlaceholderImage(this.board);
+  onError = () => {
+    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);
@@ -44645,13 +44648,7 @@ class ImageItem extends BaseItem {
     if (this.image.src) {
       return this;
     }
-    this.image = getPlaceholderImage(this.board, data.imageDimension);
-    const storageImage = new Image;
-    storageImage.onload = () => {
-      this.image = storageImage;
-      this.onLoad();
-    };
-    storageImage.onerror = this.onError;
+    this.onError();
     return this;
   }
   emit(operation) {
@@ -44688,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,11 +43,12 @@ 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;
     onLoad: () => Promise<void>;
-    onError: (_error: any) => void;
+    onError: () => void;
     onTransform: () => void;
     updateMbr(): void;
     doOnceBeforeOnLoad: (callback: (image: ImageItem) => void) => void;

package/dist/types/types/Account.d.ts

@@ -9,7 +9,7 @@ type AccountInfo = {
     newsletter: boolean;
 };
 export interface Account {
-    accessToken: () => string | null;
+    readonly accessToken: string | null;
     subject: Subject<AccountInfo | null>;
     info: null | AccountInfo;
 }

package/package.json

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