microboard-temp 0.5.113 → 0.5.115

package/dist/cjs/browser.js

@@ -42207,6 +42207,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -42230,8 +42231,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -42341,7 +42347,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -42378,6 +42383,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -42453,7 +42459,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -53743,6 +53749,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -53765,10 +53772,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -53780,6 +53788,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/cjs/index.js

@@ -42207,6 +42207,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -42230,8 +42231,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -42341,7 +42347,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -42378,6 +42383,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -42453,7 +42459,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -53743,6 +53749,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -53765,10 +53772,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -53780,6 +53788,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/cjs/node.js

@@ -44680,6 +44680,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -44703,8 +44704,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -44814,7 +44820,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -44851,6 +44856,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -44926,7 +44932,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -56216,6 +56222,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -56238,10 +56245,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -56253,6 +56261,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/esm/browser.js

@@ -42051,6 +42051,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -42074,8 +42075,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -42185,7 +42191,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -42222,6 +42227,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -42297,7 +42303,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -53587,6 +53593,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -53609,10 +53616,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -53624,6 +53632,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/esm/index.js

@@ -42044,6 +42044,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -42067,8 +42068,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -42178,7 +42184,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -42215,6 +42220,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -42290,7 +42296,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -53580,6 +53586,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -53602,10 +53609,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -53617,6 +53625,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/esm/node.js

@@ -44512,6 +44512,7 @@ class ImageItem extends BaseItem {
   beforeLoadCallbacks = [];
   transformationRenderBlock = undefined;
   storageLink;
+  signedUrl = "";
   imageDimension;
   board;
   constructor({ base64, storageLink, imageDimension }, board, events, id = "") {
@@ -44535,8 +44536,13 @@ class ImageItem extends BaseItem {
     });
     this.transformation.subject.subscribe(this.onTransform);
   }
-  setStorageLink(link2) {
+  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;
   }
   getStorageId() {
     return this.storageLink.split("/").pop();
@@ -44646,7 +44652,6 @@ class ImageItem extends BaseItem {
       this.onLoad();
     };
     storageImage.onerror = this.onError;
-    storageImage.src = this.storageLink;
     return this;
   }
   emit(operation) {
@@ -44683,6 +44688,7 @@ class ImageItem extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    console.log(this);
     const ctx = context.ctx;
     ctx.save();
     this.transformation.matrix.applyToContext(ctx);
@@ -44758,7 +44764,7 @@ class ImageItem extends BaseItem {
   }
   download() {
     const linkElem = document.createElement("a");
-    linkElem.href = this.storageLink;
+    linkElem.href = this.signedUrl;
     linkElem.setAttribute("download", "");
     linkElem.click();
   }
@@ -56048,6 +56054,7 @@ class Board {
   boardId;
   accessKey;
   saveEditingFile;
+  account;
   events;
   isBoardMenuOpen = false;
   selection;
@@ -56070,10 +56077,11 @@ class Board {
   connecting = new Promise((resolve2) => {
     this.resolveConnecting = resolve2;
   });
-  constructor(boardId = "", accessKey, saveEditingFile) {
+  constructor(boardId = "", accessKey, saveEditingFile, account) {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
+    this.account = account;
     this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
@@ -56085,6 +56093,9 @@ class Board {
     this.items = this.index.items;
     this.presence.events = this.events;
   }
+  getAccount() {
+    return this.account || null;
+  }
   getNewItemId() {
     return v4_default();
   }

package/dist/types/Board.d.ts

@@ -16,11 +16,13 @@ import { Subject } from "./Subject";
 import { Tools } from "./Tools";
 import { ItemsMap } from "./Validators";
 import { ItemDataWithId } from "./Items/Item";
+import { Account } from "./types/Account";
 export type InterfaceType = "edit" | "view" | "loading";
 export declare class Board {
     private boardId;
     private accessKey?;
     saveEditingFile?: (() => Promise<void>) | undefined;
+    private account?;
     events: Events;
     private isBoardMenuOpen;
     readonly selection: BoardSelection;
@@ -41,11 +43,12 @@ export declare class Board {
     private isOpen;
     resolveConnecting: () => void;
     connecting: Promise<void>;
-    constructor(boardId?: string, accessKey?: string | undefined, saveEditingFile?: (() => Promise<void>) | undefined);
+    constructor(boardId?: string, accessKey?: string | undefined, saveEditingFile?: (() => Promise<void>) | undefined, account?: Account | undefined);
     /**
      * Disconnects from the connection and sets the board mode to "loading"
      */
     disconnect(): void;
+    getAccount(): Account | null;
     getNewItemId(): string;
     emit(operation: BoardOps): void;
     getBoardId(): string;

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

@@ -39,10 +39,11 @@ export declare class ImageItem extends BaseItem {
     beforeLoadCallbacks: ((image: ImageItem) => void)[];
     transformationRenderBlock?: boolean;
     private storageLink;
+    private signedUrl;
     imageDimension: Dimension;
     board: Board;
     constructor({ base64, storageLink, imageDimension }: ImageConstructorData, board: Board, events?: Events | undefined, id?: string);
-    setStorageLink(link: string): void;
+    setStorageLink(link: string): Promise<void>;
     getStorageId(): string | undefined;
     handleError: () => void;
     onLoad: () => Promise<void>;

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

@@ -0,0 +1,16 @@
+import { Subject } from "../Subject";
+type AccountInfo = {
+    id: number;
+    email?: string;
+    address?: string;
+    name: string;
+    avatar: string;
+    avatarGenerated: boolean;
+    newsletter: boolean;
+};
+export interface Account {
+    accessToken: () => string | null;
+    subject: Subject<AccountInfo | null>;
+    info: null | AccountInfo;
+}
+export {};

package/package.json

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