microboard-ui-temp 0.0.50 → 0.1.1

package/README.md

@@ -7,17 +7,5 @@ bun install
 To build:
 
 ```bash
-bun run build:app
-```
-
-To run:
-
-```bash
-bun run start
-```
-
-or:
-
-```bash
-docker compose up --build
+bun run build
 ```

package/dist/board.html

@@ -90,5 +90,7 @@
       defer
       src="https://unpkg.com/microboard-ui-temp/dist/loadLinksImages.js"
     ></script>
+    <!-- <script type="module" src="public/customWebComponents.ts"></script>
+    <script defer src="public/loadLinksImages.js"></script> -->
   </body>
 </head>

package/dist/customWebComponents.js

@@ -22,17 +22,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// src/Config.ts
-var frontConf = {
-  apiURL: undefined,
-  wsURL: undefined
-};
-var isSnapshotInIframe = typeof window !== "undefined" && window.parent && window.parent !== window && window.parent.location.href.includes("/snapshots/");
-var baseUrl = typeof process !== "undefined" && process.env.BASE_URL ? process.env.BASE_URL : isSnapshotInIframe ? `${window.parent.location.protocol}//${window.parent.location.host}` : `${location.protocol}//${location.host}`;
-var parsedUrl = new URL(baseUrl);
-var PROTOCOL = parsedUrl.protocol;
-var HOST = parsedUrl.host;
-
 // src/public/customWebComponents.ts
 class RichTextElement extends HTMLElement {
   constructor() {
@@ -201,8 +190,9 @@ document.addEventListener("DOMContentLoaded", () => {
   editIcon.appendChild(editIconPath);
   editButton.appendChild(editIcon);
   const editFileText = document.createElement("p");
-  const isSnapshotInIframe2 = window.parent && window.parent !== window && window.parent.location.href.includes("/snapshots/");
-  editFileText.textContent = isSnapshotInIframe2 ? "Edit copy" : "Edit file";
+  const isSnapshotInIframe = window.parent && window.parent !== window && window.parent.location.href.includes("/snapshots/");
+  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";
@@ -217,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";
@@ -274,59 +265,71 @@ 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, createApp, api } = await import("https://www.unpkg.com/microboard-ui-temp/dist/index.js");
+    const { boardsApi, 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 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);
+    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.0.50",
+  "version": "0.1.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",