microboard-ui-temp 0.3.1 → 0.3.3

package/dist/{chunk-dy5ccdyb.js → chunk-bdkn78st.js}

@@ -319826,7 +319826,12 @@ Upgrade to Plus to increase the limit and keep working`,
       myBoards: "My boards",
       notAvailable: "No boards available yet"
     },
-    addNew: "Add new"
+    addNew: "Add new",
+    itemsList: "Items list",
+    itemsTitle: "Items",
+    itemsSearch: "Search...",
+    itemsEmpty: "No items",
+    itemsNotFound: "Nothing found"
   },
   contextMenu: {
     delete: "Delete",
@@ -321084,7 +321089,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370878,6 +370888,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370891,7 +370902,7 @@ function BoardItemsList({
     if (matched.length === 0) {
       return /* @__PURE__ */ import_react205.default.createElement("div", {
         className: BoardItemsList_module_default.empty
-      }, "Ничего не найдено");
+      }, t10("sidePanel.itemsNotFound"));
     }
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.list
@@ -370906,7 +370917,7 @@ function BoardItemsList({
   if (topLevelItems.length === 0) {
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.empty
-    }, "Нет элементов");
+    }, t10("sidePanel.itemsEmpty"));
   }
   return /* @__PURE__ */ import_react205.default.createElement("div", {
     className: BoardItemsList_module_default.list
@@ -371173,7 +371184,7 @@ function SidePanel() {
     iconName: "ArrowLeft1"
   })), /* @__PURE__ */ import_react208.default.createElement("h3", {
     className: SidePanel_module_default.title
-  }, "Предметы"), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
+  }, t10("sidePanel.itemsTitle")), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
     onClick: toggleSideMenu,
     variant: "secondary",
     className: SidePanel_module_default.close
@@ -371188,7 +371199,7 @@ function SidePanel() {
     className: SidePanel_module_default.itemsSearchIcon
   }), /* @__PURE__ */ import_react208.default.createElement("input", {
     className: SidePanel_module_default.itemsSearchInput,
-    placeholder: "Поиск...",
+    placeholder: t10("sidePanel.itemsSearch"),
     ref: itemsSearchRef,
     value: itemsQuery,
     onChange: (e15) => setItemsQuery(e15.target.value)
@@ -371246,7 +371257,7 @@ function SidePanel() {
     iconName: "Stack",
     width: 16,
     height: 16
-  }), /* @__PURE__ */ import_react208.default.createElement("span", null, "Список предметов")), /* @__PURE__ */ import_react208.default.createElement("button", {
+  }), /* @__PURE__ */ import_react208.default.createElement("span", null, t10("sidePanel.itemsList"))), /* @__PURE__ */ import_react208.default.createElement("button", {
     className: SidePanel_module_default.add,
     onClick: handleAddNewMenu
   }, /* @__PURE__ */ import_react208.default.createElement(Icon, {
@@ -445786,6 +445797,25 @@ var BoardPage = () => {
           });
           app.render();
         });
+      } else if (window.opener) {
+        boardsList.createBoard().then((boardId) => {
+          app.openBoard(boardId).then(() => {
+            navigate(`/boards/${boardId}`, { replace: true });
+            app.render();
+            console.log("[import] board ready, sending snapshot-ready to opener");
+            window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
+            const onMessage = (event) => {
+              if (event.data?.type !== "microboard-snapshot")
+                return;
+              window.removeEventListener("message", onMessage);
+              const { html: html5 } = event.data;
+              console.log("[import] received snapshot, html length:", html5.length);
+              const added = app.getBoard().deserializeHTMLAndEmit(html5);
+              console.log("[import] deserializeHTMLAndEmit added ids:", added);
+            };
+            window.addEventListener("message", onMessage);
+          });
+        });
       } else {
         const lastSeenBoard = localStorage.getItem(LAST_BOARD_KEY);
         const isFirstVisit = !api7.get("first_visit");
@@ -445810,21 +445840,8 @@ var BoardPage = () => {
         } else {
           boardsList.createBoard().then((boardId) => {
             app.openBoard(boardId).then(() => {
-              navigate(`/boards/${boardId}`, {
-                replace: true
-              });
+              navigate(`/boards/${boardId}`, { replace: true });
               app.render();
-              if (window.opener) {
-                window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
-                const onMessage = (event) => {
-                  if (event.data?.type !== "microboard-snapshot")
-                    return;
-                  window.removeEventListener("message", onMessage);
-                  const { html: html5 } = event.data;
-                  app.getBoard().deserializeHTMLAndEmit(html5);
-                };
-                window.addEventListener("message", onMessage);
-              }
             });
           });
         }

package/dist/example.html

@@ -32,7 +32,7 @@
     />
     
   <link rel="stylesheet" crossorigin href="/chunk-f0mvcsbm.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-dy5ccdyb.js"></script></head>
+<script type="module" crossorigin src="/chunk-bdkn78st.js"></script></head>
 
   <body
     style="

package/dist/index.html

@@ -32,7 +32,7 @@
     />
     
   <link rel="stylesheet" crossorigin href="/chunk-f0mvcsbm.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-dy5ccdyb.js"></script></head>
+<script type="module" crossorigin src="/chunk-bdkn78st.js"></script></head>
 
   <body
     style="

package/dist/index.js

@@ -319826,7 +319826,12 @@ Upgrade to Plus to increase the limit and keep working`,
       myBoards: "My boards",
       notAvailable: "No boards available yet"
     },
-    addNew: "Add new"
+    addNew: "Add new",
+    itemsList: "Items list",
+    itemsTitle: "Items",
+    itemsSearch: "Search...",
+    itemsEmpty: "No items",
+    itemsNotFound: "Nothing found"
   },
   contextMenu: {
     delete: "Delete",
@@ -321084,7 +321089,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370878,6 +370888,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370891,7 +370902,7 @@ function BoardItemsList({
     if (matched.length === 0) {
       return /* @__PURE__ */ import_react205.default.createElement("div", {
         className: BoardItemsList_module_default.empty
-      }, "Ничего не найдено");
+      }, t10("sidePanel.itemsNotFound"));
     }
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.list
@@ -370906,7 +370917,7 @@ function BoardItemsList({
   if (topLevelItems.length === 0) {
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.empty
-    }, "Нет элементов");
+    }, t10("sidePanel.itemsEmpty"));
   }
   return /* @__PURE__ */ import_react205.default.createElement("div", {
     className: BoardItemsList_module_default.list
@@ -371173,7 +371184,7 @@ function SidePanel() {
     iconName: "ArrowLeft1"
   })), /* @__PURE__ */ import_react208.default.createElement("h3", {
     className: SidePanel_module_default.title
-  }, "Предметы"), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
+  }, t10("sidePanel.itemsTitle")), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
     onClick: toggleSideMenu,
     variant: "secondary",
     className: SidePanel_module_default.close
@@ -371188,7 +371199,7 @@ function SidePanel() {
     className: SidePanel_module_default.itemsSearchIcon
   }), /* @__PURE__ */ import_react208.default.createElement("input", {
     className: SidePanel_module_default.itemsSearchInput,
-    placeholder: "Поиск...",
+    placeholder: t10("sidePanel.itemsSearch"),
     ref: itemsSearchRef,
     value: itemsQuery,
     onChange: (e15) => setItemsQuery(e15.target.value)
@@ -371246,7 +371257,7 @@ function SidePanel() {
     iconName: "Stack",
     width: 16,
     height: 16
-  }), /* @__PURE__ */ import_react208.default.createElement("span", null, "Список предметов")), /* @__PURE__ */ import_react208.default.createElement("button", {
+  }), /* @__PURE__ */ import_react208.default.createElement("span", null, t10("sidePanel.itemsList"))), /* @__PURE__ */ import_react208.default.createElement("button", {
     className: SidePanel_module_default.add,
     onClick: handleAddNewMenu
   }, /* @__PURE__ */ import_react208.default.createElement(Icon, {
@@ -445786,6 +445797,25 @@ var BoardPage = () => {
           });
           app.render();
         });
+      } else if (window.opener) {
+        boardsList.createBoard().then((boardId) => {
+          app.openBoard(boardId).then(() => {
+            navigate(`/boards/${boardId}`, { replace: true });
+            app.render();
+            console.log("[import] board ready, sending snapshot-ready to opener");
+            window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
+            const onMessage = (event) => {
+              if (event.data?.type !== "microboard-snapshot")
+                return;
+              window.removeEventListener("message", onMessage);
+              const { html: html5 } = event.data;
+              console.log("[import] received snapshot, html length:", html5.length);
+              const added = app.getBoard().deserializeHTMLAndEmit(html5);
+              console.log("[import] deserializeHTMLAndEmit added ids:", added);
+            };
+            window.addEventListener("message", onMessage);
+          });
+        });
       } else {
         const lastSeenBoard = localStorage.getItem(LAST_BOARD_KEY);
         const isFirstVisit = !api7.get("first_visit");
@@ -445810,21 +445840,8 @@ var BoardPage = () => {
         } else {
           boardsList.createBoard().then((boardId) => {
             app.openBoard(boardId).then(() => {
-              navigate(`/boards/${boardId}`, {
-                replace: true
-              });
+              navigate(`/boards/${boardId}`, { replace: true });
               app.render();
-              if (window.opener) {
-                window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
-                const onMessage = (event) => {
-                  if (event.data?.type !== "microboard-snapshot")
-                    return;
-                  window.removeEventListener("message", onMessage);
-                  const { html: html5 } = event.data;
-                  app.getBoard().deserializeHTMLAndEmit(html5);
-                };
-                window.addEventListener("message", onMessage);
-              }
             });
           });
         }

package/dist/spa.js

@@ -319826,7 +319826,12 @@ Upgrade to Plus to increase the limit and keep working`,
       myBoards: "My boards",
       notAvailable: "No boards available yet"
     },
-    addNew: "Add new"
+    addNew: "Add new",
+    itemsList: "Items list",
+    itemsTitle: "Items",
+    itemsSearch: "Search...",
+    itemsEmpty: "No items",
+    itemsNotFound: "Nothing found"
   },
   contextMenu: {
     delete: "Delete",
@@ -321084,7 +321089,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370878,6 +370888,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370891,7 +370902,7 @@ function BoardItemsList({
     if (matched.length === 0) {
       return /* @__PURE__ */ import_react205.default.createElement("div", {
         className: BoardItemsList_module_default.empty
-      }, "Ничего не найдено");
+      }, t10("sidePanel.itemsNotFound"));
     }
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.list
@@ -370906,7 +370917,7 @@ function BoardItemsList({
   if (topLevelItems.length === 0) {
     return /* @__PURE__ */ import_react205.default.createElement("div", {
       className: BoardItemsList_module_default.empty
-    }, "Нет элементов");
+    }, t10("sidePanel.itemsEmpty"));
   }
   return /* @__PURE__ */ import_react205.default.createElement("div", {
     className: BoardItemsList_module_default.list
@@ -371173,7 +371184,7 @@ function SidePanel() {
     iconName: "ArrowLeft1"
   })), /* @__PURE__ */ import_react208.default.createElement("h3", {
     className: SidePanel_module_default.title
-  }, "Предметы"), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
+  }, t10("sidePanel.itemsTitle")), /* @__PURE__ */ import_react208.default.createElement(UiButton, {
     onClick: toggleSideMenu,
     variant: "secondary",
     className: SidePanel_module_default.close
@@ -371188,7 +371199,7 @@ function SidePanel() {
     className: SidePanel_module_default.itemsSearchIcon
   }), /* @__PURE__ */ import_react208.default.createElement("input", {
     className: SidePanel_module_default.itemsSearchInput,
-    placeholder: "Поиск...",
+    placeholder: t10("sidePanel.itemsSearch"),
     ref: itemsSearchRef,
     value: itemsQuery,
     onChange: (e15) => setItemsQuery(e15.target.value)
@@ -371246,7 +371257,7 @@ function SidePanel() {
     iconName: "Stack",
     width: 16,
     height: 16
-  }), /* @__PURE__ */ import_react208.default.createElement("span", null, "Список предметов")), /* @__PURE__ */ import_react208.default.createElement("button", {
+  }), /* @__PURE__ */ import_react208.default.createElement("span", null, t10("sidePanel.itemsList"))), /* @__PURE__ */ import_react208.default.createElement("button", {
     className: SidePanel_module_default.add,
     onClick: handleAddNewMenu
   }, /* @__PURE__ */ import_react208.default.createElement(Icon, {
@@ -445786,6 +445797,25 @@ var BoardPage = () => {
           });
           app.render();
         });
+      } else if (window.opener) {
+        boardsList.createBoard().then((boardId) => {
+          app.openBoard(boardId).then(() => {
+            navigate(`/boards/${boardId}`, { replace: true });
+            app.render();
+            console.log("[import] board ready, sending snapshot-ready to opener");
+            window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
+            const onMessage = (event) => {
+              if (event.data?.type !== "microboard-snapshot")
+                return;
+              window.removeEventListener("message", onMessage);
+              const { html: html5 } = event.data;
+              console.log("[import] received snapshot, html length:", html5.length);
+              const added = app.getBoard().deserializeHTMLAndEmit(html5);
+              console.log("[import] deserializeHTMLAndEmit added ids:", added);
+            };
+            window.addEventListener("message", onMessage);
+          });
+        });
       } else {
         const lastSeenBoard = localStorage.getItem(LAST_BOARD_KEY);
         const isFirstVisit = !api7.get("first_visit");
@@ -445810,21 +445840,8 @@ var BoardPage = () => {
         } else {
           boardsList.createBoard().then((boardId) => {
             app.openBoard(boardId).then(() => {
-              navigate(`/boards/${boardId}`, {
-                replace: true
-              });
+              navigate(`/boards/${boardId}`, { replace: true });
               app.render();
-              if (window.opener) {
-                window.opener.postMessage({ type: "microboard-snapshot-ready" }, "*");
-                const onMessage = (event) => {
-                  if (event.data?.type !== "microboard-snapshot")
-                    return;
-                  window.removeEventListener("message", onMessage);
-                  const { html: html5 } = event.data;
-                  app.getBoard().deserializeHTMLAndEmit(html5);
-                };
-                window.addEventListener("message", onMessage);
-              }
             });
           });
         }

package/dist/titlePanel.js

@@ -198,7 +198,7 @@ async function handleShare(ev) {
       if (event.data?.type === "microboard-snapshot-ready") {
         window.removeEventListener("message", onMessage);
         clearTimeout(timeout);
-        importWindow.postMessage({ type: "microboard-snapshot", html, name }, appOrigin);
+        importWindow.postMessage({ type: "microboard-snapshot", html, name }, "https://app.microboard.io");
         resolve();
       }
     }

package/dist/types/shared/Lang/index.d.ts

@@ -719,6 +719,11 @@ export declare const resources: {
                     notAvailable: string;
                 };
                 addNew: string;
+                itemsList: string;
+                itemsTitle: string;
+                itemsSearch: string;
+                itemsEmpty: string;
+                itemsNotFound: string;
             };
             contextMenu: {
                 delete: string;
@@ -1951,6 +1956,11 @@ export declare const resources: {
                     notAvailable: string;
                 };
                 addNew: string;
+                itemsList: string;
+                itemsTitle: string;
+                itemsSearch: string;
+                itemsEmpty: string;
+                itemsNotFound: string;
             };
             contextMenu: {
                 delete: string;

package/package.json

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