microboard-ui-temp 0.1.0 → 0.1.2

package/dist/customWebComponents.js

@@ -191,7 +191,8 @@ document.addEventListener("DOMContentLoaded", () => {
   editButton.appendChild(editIcon);
   const editFileText = document.createElement("p");
   const isSnapshotInIframe = window.parent && window.parent !== window && window.parent.location.href.includes("/snapshots/");
-  editFileText.textContent = isSnapshotInIframe ? "Edit copy" : "Edit file";
+  const editFileTextContent = isSnapshotInIframe ? "Edit copy" : "Edit file";
+  editFileText.textContent = editFileTextContent;
   editButton.appendChild(editFileText);
   editButton.style.backgroundColor = "rgba(20, 21, 26, 1)";
   editButton.style.cursor = "pointer";
@@ -206,7 +207,8 @@ document.addEventListener("DOMContentLoaded", () => {
   editButton.style.borderRadius = "10px";
   const shareButton = document.createElement("button");
   const shareButtonText = document.createElement("p");
-  shareButtonText.textContent = "Share with friends";
+  const shareButtonTextContent = "Share with friends";
+  shareButtonText.textContent = shareButtonTextContent;
   shareButton.appendChild(shareButtonText);
   shareButton.style.backgroundColor = "rgba(20, 21, 26, 1)";
   shareButton.style.cursor = "pointer";
@@ -263,49 +265,65 @@ document.addEventListener("DOMContentLoaded", () => {
   titlePanel.appendChild(editButton);
   titlePanel.appendChild(shareButton);
   document.body.appendChild(titlePanel);
-  editButton.onclick = async () => {
+  function setButtonsLoading() {
+    const loadingContent = "Loading…";
     editButton.disabled = true;
-    editButton.textContent = "Loading...";
-    try {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("wheel", handleWheel);
-      translateX = 0;
-      translateY = 0;
-      scale = 1;
-      updateTransform();
-      const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
-      initInter();
-      const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
-      const app = createApp();
-      window.app = app;
-      const stringed = await app.openAndEditFile();
-      if (stringed) {
-        await app.openBoardFromFile();
-        app.getBoard().deserializeHTML(stringed);
-        app.localRender("items");
+    editFileText.textContent = loadingContent;
+    shareButton.disabled = true;
+    shareButtonText.textContent = loadingContent;
+  }
+  function resetButtons() {
+    editButton.disabled = false;
+    editFileText.textContent = editFileTextContent;
+    shareButton.disabled = false;
+    shareButtonText.textContent = shareButtonTextContent;
+  }
+  function onClickWrapper(handler) {
+    return async function(ev) {
+      setButtonsLoading();
+      try {
+        await handler.call(this, ev);
+      } finally {
+        resetButtons();
       }
-      const response = await fetch("https://www.unpkg.com/microboard-ui-temp/dist/index.css");
-      const cssText = await response.text();
-      const styleEl = document.createElement("style");
-      styleEl.textContent = cssText;
-      document.body.appendChild(styleEl);
-      const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp/dist/sprite.svg");
-      const svgText = await responseSvg.text();
-      const div = document.createElement("div");
-      div.style.display = "none";
-      div.id = "sprite";
-      div.innerHTML = svgText;
-      document.body.appendChild(div);
-    } finally {
-      editButton.disabled = false;
-      editButton.textContent = "Edit board";
+    };
+  }
+  editButton.addEventListener("click", onClickWrapper(async function(ev) {
+    ev.preventDefault();
+    document.removeEventListener("mousedown", handleMouseDown);
+    document.removeEventListener("mousemove", handleMouseMove);
+    document.removeEventListener("mouseup", handleMouseUp);
+    document.removeEventListener("wheel", handleWheel);
+    translateX = 0;
+    translateY = 0;
+    scale = 1;
+    updateTransform();
+    const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
+    initInter();
+    const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
+    const app = createApp();
+    window.app = app;
+    const stringed = await app.openAndEditFile();
+    if (stringed) {
+      await app.openBoardFromFile();
+      app.getBoard().deserializeHTML(stringed);
+      app.localRender("items");
     }
-  };
-  const handleShareBoard = async (ev) => {
+    const response = await fetch("https://www.unpkg.com/microboard-ui-temp/dist/index.css");
+    const cssText = await response.text();
+    const styleEl = document.createElement("style");
+    styleEl.textContent = cssText;
+    document.body.appendChild(styleEl);
+    const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp/dist/sprite.svg");
+    const svgText = await responseSvg.text();
+    const div = document.createElement("div");
+    div.style.display = "none";
+    div.id = "sprite";
+    div.innerHTML = svgText;
+    document.body.appendChild(div);
+  }));
+  shareButton.addEventListener("click", onClickWrapper(async function(ev) {
     ev.preventDefault();
-    ev.stopPropagation();
     const htmlContent = document.documentElement.innerHTML;
     const boardName2 = document.title?.trim() || "shared-board";
     const { boardsApi, api } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
@@ -313,6 +331,5 @@ document.addEventListener("DOMContentLoaded", () => {
     const boardRes = await boardsApi.createBoard(boardName2, true);
     await boardsApi.publishSnapshot(htmlContent, boardRes.data.id, boardRes.data.id);
     window.location.href = `https://dev-app.microboard.io/boards/${boardRes.data.id}`;
-  };
-  shareButton.onclick = handleShareBoard;
+  }));
 });

package/dist/index.js

@@ -228002,18 +228002,18 @@ class BaseCommand {
     const items = this.items;
     switch (this.operation.method) {
       case "addChildren":
-        return mapItemsByOperation(items, (item) => {
-          return {
+        return items.map((item) => {
+          return { item, operation: {
             ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
+            method: "removeChildren"
+          } };
         });
       case "removeChildren":
-        return mapItemsByOperation(items, (item) => {
-          return {
+        return items.map((item) => {
+          return { item, operation: {
             ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
+            method: "addChildren"
+          } };
         });
       default:
         return mapItemsByOperation(items, (item) => {
@@ -248636,9 +248636,6 @@ class Frame2 extends BaseItem {
       case "RichText":
         this.text.apply(op);
         break;
-      case "LinkTo":
-        this.linkTo.apply(op);
-        break;
       default:
         return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "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.99",
+    "microboard-temp": "^0.4.100",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",