microboard-ui-temp 0.3.6 → 0.3.8

package/dist/{chunk-f0mvcsbm.css → chunk-dn1bhr0e.css}

@@ -3003,12 +3003,6 @@ a.link_jFMnzg {
   background-color: #f7f7f8;
 }
 
-.quaternary_Lhh5GA {
-  color: #fff;
-  background-color: #924fe8;
-  border: 1px solid #924fe8;
-}
-
 .quaternary_Lhh5GA:hover {
   background-color: #b799f5;
   border: 1px solid #924fe8;

package/dist/{chunk-d5aw6qhs.js → chunk-mq91cbqc.js}

@@ -264112,14 +264112,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -276880,32 +276879,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });
@@ -319844,7 +319842,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",
@@ -321102,7 +321105,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370904,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370918,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
@@ -370924,7 +370933,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
@@ -371191,7 +371200,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
@@ -371206,7 +371215,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)
@@ -371264,7 +371273,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, {
@@ -445804,6 +445813,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");
@@ -445828,21 +445856,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

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
     
-  <link rel="stylesheet" crossorigin href="/chunk-f0mvcsbm.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-d5aw6qhs.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-dn1bhr0e.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-mq91cbqc.js"></script></head>
 
   <body
     style="

package/dist/index.css

@@ -2862,12 +2862,6 @@ a.link_jFMnzg {
   background-color: #f7f7f8;
 }
 
-.quaternary_Lhh5GA {
-  color: #fff;
-  background-color: #924fe8;
-  border: 1px solid #924fe8;
-}
-
 .quaternary_Lhh5GA:hover {
   background-color: #b799f5;
   border: 1px solid #924fe8;

package/dist/index.html

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
     
-  <link rel="stylesheet" crossorigin href="/chunk-f0mvcsbm.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-d5aw6qhs.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-dn1bhr0e.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-mq91cbqc.js"></script></head>
 
   <body
     style="

package/dist/index.js

@@ -264112,14 +264112,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -276880,32 +276879,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });
@@ -319844,7 +319842,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",
@@ -321102,7 +321105,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370904,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370918,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
@@ -370924,7 +370933,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
@@ -371191,7 +371200,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
@@ -371206,7 +371215,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)
@@ -371264,7 +371273,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, {
@@ -445804,6 +445813,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");
@@ -445828,21 +445856,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.css

@@ -2862,12 +2862,6 @@ a.link_jFMnzg {
   background-color: #f7f7f8;
 }
 
-.quaternary_Lhh5GA {
-  color: #fff;
-  background-color: #924fe8;
-  border: 1px solid #924fe8;
-}
-
 .quaternary_Lhh5GA:hover {
   background-color: #b799f5;
   border: 1px solid #924fe8;

package/dist/spa.js

@@ -264112,14 +264112,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -276880,32 +276879,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });
@@ -319844,7 +319842,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",
@@ -321102,7 +321105,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370904,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370918,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
@@ -370924,7 +370933,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
@@ -371191,7 +371200,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
@@ -371206,7 +371215,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)
@@ -371264,7 +371273,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, {
@@ -445804,6 +445813,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");
@@ -445828,21 +445856,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/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.6",
+  "version": "0.3.8",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -79,7 +79,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.6.3",
+    "microboard-temp": "^0.6.5",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",