microboard-ui-temp 0.0.46 → 0.0.48

package/dist/customWebComponents.js

@@ -322,13 +322,11 @@ document.addEventListener("DOMContentLoaded", () => {
     const { boardsApi, createApp, api } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
     api.updateURL("https://dev-app.microboard.io/api/v1");
     frontConf.wsURL = "wss://dev-app.microboard.io/ws";
-    const boardId = await boardsApi.createBoard(boardName2, true);
-    console.log("boardid", boardId);
-    const app = createApp();
-    window.app = app;
-    await app.openBoard(boardId);
-    await app.getBoard().deserializeHTMLAndEmit(htmlContent);
-    window.location.href = `https://dev-app.microboard.io/boards/${boardId}`;
+    const boardRes = await boardsApi.createBoard(boardName2, true);
+    const publishedSnapshot = await boardsApi.publishSnapshot(htmlContent, boardName2, boardRes.data.id);
+    console.log("boardid", boardRes);
+    console.log("snapshot pub", publishedSnapshot);
+    window.location.href = `https://dev-app.microboard.io/boards/${boardRes.data.id}`;
   };
   shareButton.onclick = handleShareBoard;
 });

package/dist/index.js

@@ -215912,7 +215912,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -255896,6 +255898,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -255984,8 +255989,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -256087,7 +256092,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -256096,9 +256100,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -256108,10 +256115,11 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
   }
 }
 registerItem({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -50,7 +50,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.4.96",
+    "microboard-temp": "^0.4.97",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",