microboard-temp 0.4.11 → 0.4.13

package/dist/cjs/browser.js

@@ -6743,6 +6743,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -45930,25 +45931,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45961,11 +45967,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45984,7 +45990,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -55782,7 +55788,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/cjs/index.js

@@ -6743,6 +6743,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -45930,25 +45931,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45961,11 +45967,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45984,7 +45990,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -55782,7 +55788,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/cjs/node.js

@@ -7780,6 +7780,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -48470,25 +48471,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -48501,11 +48507,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -48524,7 +48530,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -58255,7 +58261,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/esm/browser.js

@@ -6585,6 +6585,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -45781,25 +45782,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45812,11 +45818,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45835,7 +45841,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -55633,7 +55639,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/esm/index.js

@@ -6578,6 +6578,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -45774,25 +45775,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45805,11 +45811,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45828,7 +45834,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -55626,7 +55632,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/esm/node.js

@@ -7362,6 +7362,7 @@ var conf = {
     beforeMediaRemove: async (...args) => false,
     onUploadMediaError: async (...args) => false
   },
+  getAccessToken: () => null,
   openModal: () => {},
   notify: () => "",
   disMissNotification: () => {},
@@ -48309,25 +48310,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -48340,11 +48346,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -48363,7 +48369,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {
@@ -58094,7 +58100,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, null, board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);

package/dist/types/Items/Examples/CardGame/Card/Card.d.ts

@@ -19,15 +19,19 @@ export declare const CARD_DIMENSIONS: {
 };
 export declare class Card extends BaseItem {
     readonly subject: Subject<Card>;
-    private name;
+    private faceUrl;
+    private backsideUrl;
     private isOpen;
     private isInDeck;
     private throttledBringToFront;
-    image: HTMLImageElement | null;
+    face: HTMLImageElement | null;
     backside: HTMLImageElement | null;
     private imageToRender;
     shouldUseCustomRender: boolean;
-    constructor(board: Board, id: string | undefined, defaultData: BaseItemData | undefined, name: string);
+    constructor(board: Board, id?: string, urls?: {
+        faceUrl: string;
+        backsideUrl: string;
+    });
     createImages(): void;
     setIsInDeck(isInDeck: boolean): void;
     updateImageToRender(): void;

package/dist/types/Settings.d.ts

@@ -98,6 +98,7 @@ export interface ExportSnapshotSelection {
     endX: number;
     endY: number;
 }
+type GetAccessTokenFunction = () => string | null;
 type OpenModalFunction = (modalId: string) => void;
 type NotifyWrapperFunction = NotifyFunction;
 type DisMissNotificationFunction = (toastId?: string) => void;
@@ -128,6 +129,7 @@ export declare const conf: {
         beforeMediaRemove: (...args: any[]) => Promise<boolean>;
         onUploadMediaError: (...args: any[]) => Promise<boolean>;
     };
+    getAccessToken: GetAccessTokenFunction;
     openModal: OpenModalFunction;
     notify: NotifyWrapperFunction;
     disMissNotification: DisMissNotificationFunction;

package/package.json

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