microboard-ui-temp 0.3.6 → 0.3.7

package/dist/{chunk-d5aw6qhs.js → chunk-c47kwavk.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) {
@@ -319844,7 +319843,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 +321106,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370905,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370919,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 +370934,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 +371201,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 +371216,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 +371274,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 +445814,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 +445857,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-d5aw6qhs.js"></script></head>
+<script type="module" crossorigin src="/chunk-c47kwavk.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-d5aw6qhs.js"></script></head>
+<script type="module" crossorigin src="/chunk-c47kwavk.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) {
@@ -319844,7 +319843,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 +321106,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370905,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370919,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 +370934,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 +371201,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 +371216,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 +371274,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 +445814,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 +445857,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

@@ -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) {
@@ -319844,7 +319843,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 +321106,12 @@ var ru_default = {
       myBoards: "Мои доски",
       notAvailable: "Досок пока нет"
     },
-    addNew: "Добавить"
+    addNew: "Добавить",
+    itemsList: "Список предметов",
+    itemsTitle: "Предметы",
+    itemsSearch: "Поиск...",
+    itemsEmpty: "Нет элементов",
+    itemsNotFound: "Ничего не найдено"
   },
   contextMenu: {
     delete: "Удалить",
@@ -370896,6 +370905,7 @@ function BoardItemsList({
 }) {
   const { board } = useAppContext();
   const forceUpdate = useForceUpdate();
+  const { t: t10 } = useTranslation();
   useAppSubscription({
     subjects: ["items"],
     observer: forceUpdate
@@ -370909,7 +370919,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 +370934,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 +371201,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 +371216,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 +371274,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 +445814,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 +445857,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.7",
   "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.4",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",