microboard-ui-temp 0.1.93 → 0.1.95

package/dist/index.js

@@ -217836,11 +217836,11 @@ var decodeHtml = (htmlString) => {
 };
 function getTransformationData(el) {
   const transformStyle = el.style.transform;
-  const transformMatch = transformStyle.match(/(?:translate\(([^,]+)px,\s*([^)]+)px\))?\s*(?:scale\(([^,]+),\s*([^)]+)\))?\s*(?:rotate\(([^)]+)deg\))?/);
+  const transformMatch = transformStyle.match(/translate\(([^,]+)px,\s*([^)]+)px\)\s*scale\(([^,]+),\s*([^)]+)\)/);
   if (transformMatch) {
-    const [, translateX, translateY, scaleX, scaleY, rotate] = transformMatch.map(Number);
+    const [, translateX, translateY, scaleX, scaleY] = transformMatch.map(Number);
     const matrix = new Matrix2(translateX, translateY, scaleX, scaleY);
-    return { ...matrix, rotate, isLocked: false };
+    return { ...matrix, rotate: Number(el.getAttribute("rotation")) || 0, isLocked: false };
   }
   return { ...new Matrix2, rotate: 0, isLocked: false };
 }
@@ -250332,7 +250332,7 @@ class ImageItem extends BaseItem {
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("image-item");
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY}) rotate(${this.transformation.getRotation()}deg)`;
+    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
     div.style.backgroundImage = `url(${this.storageLink})`;
     div.id = this.getId();
     div.style.width = `${this.imageDimension.width}px`;
@@ -250341,6 +250341,7 @@ class ImageItem extends BaseItem {
     div.style.transform = transform;
     div.style.position = "absolute";
     div.style.backgroundSize = "cover";
+    div.setAttribute("rotation", this.transformation.getRotation().toString());
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);
@@ -255965,7 +255966,7 @@ class Card extends BaseItem {
   renderHTML(documentFactory) {
     const div = super.renderHTML(documentFactory);
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY}) rotate(${this.transformation.getRotation()}deg)`;
+    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
     div.style.backgroundImage = `url(${this.imageToRender?.src || this.backsideUrl})`;
     div.id = this.getId();
     div.style.width = `${conf.CARD_DIMENSIONS.width}px`;
@@ -255974,6 +255975,7 @@ class Card extends BaseItem {
     div.style.transform = transform;
     div.style.position = "absolute";
     div.style.backgroundSize = "cover";
+    div.setAttribute("rotation", this.transformation.getRotation().toString());
     return div;
   }
   updateMbr() {
@@ -440612,6 +440614,16 @@ var ActionButtons = () => {
 
 // src/features/UserPanel/Buttons/ShareBtn/ShareBtn.tsx
 var import_react374 = __toESM(require_react(), 1);
+
+// src/shared/lib/IframeModule.ts
+function redirectParentPage(url3, parentUrl) {
+  window.parent.postMessage({
+    type: "open-new-window",
+    url: url3
+  }, parentUrl);
+}
+
+// src/features/UserPanel/Buttons/ShareBtn/ShareBtn.tsx
 var ShareBtn = () => {
   const { setIds } = useContextMenuContext();
   const { openModal: openModal2 } = useUiModalContext();
@@ -440621,6 +440633,11 @@ var ShareBtn = () => {
   const boardId = board.getBoardId();
   const boardInfo = boardsList.getBoardInfo(boardId);
   const handleShare = (ev) => {
+    if (isIframe2()) {
+      const currentPage = window.location.href;
+      redirectParentPage(currentPage, currentPage.includes("dev") ? "https://dev-landing.microboard.io/" : "https://microboard.io/");
+      return;
+    }
     ev.preventDefault();
     ev.stopPropagation();
     setIds(boardId);
@@ -442140,6 +442157,14 @@ var UserPanel = () => {
   const { app, board } = useAppContext();
   const account = useAccount2();
   const insideOfMicroboard = document.referrer.includes("https://microboard.io/") || document.referrer.includes("https://microboard.ru/");
+  const onLoginOrRegistrationClick = (url3) => {
+    if (isIframe2()) {
+      const origin = window.location.origin;
+      redirectParentPage(origin + url3, origin.includes("dev") ? "https://dev-landing.microboard.io/" : "https://microboard.io/");
+    } else {
+      navigate(url3);
+    }
+  };
   if (!account.isLoggedIn) {
     return /* @__PURE__ */ import_react395.default.createElement(UiPanel, {
       padding: 0,
@@ -442151,22 +442176,22 @@ var UserPanel = () => {
     }, isMicroboardIframe() && insideOfMicroboard ? /* @__PURE__ */ import_react395.default.createElement(import_react395.default.Fragment, null, /* @__PURE__ */ import_react395.default.createElement(UiLink, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
-      href: `/auth/sign-in`,
+      onClick: () => onLoginOrRegistrationClick(`/auth/sign-in`),
       target: "_parent",
       size: "sm"
     }, t11("auth.login")), /* @__PURE__ */ import_react395.default.createElement(UiLink, {
       className: clsx_default(UserPanel_module_default.signUpBtn, UserPanel_module_default.smallMobileHide),
-      href: `/auth/sign-up`,
+      onClick: () => onLoginOrRegistrationClick(`/auth/sign-up`),
       size: "sm",
       target: "_parent"
     }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react395.default.createElement(ShareBtn, null)) : /* @__PURE__ */ import_react395.default.createElement(import_react395.default.Fragment, null, /* @__PURE__ */ import_react395.default.createElement(UiButton, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
-      onClick: () => navigate("/auth/sign-in"),
+      onClick: () => onLoginOrRegistrationClick("/auth/sign-in"),
       size: "sm"
     }, t11("auth.login")), /* @__PURE__ */ import_react395.default.createElement(UiButton, {
       className: UserPanel_module_default.signUpBtn,
-      onClick: () => navigate("/auth/sign-up"),
+      onClick: () => onLoginOrRegistrationClick("/auth/sign-up"),
       size: "sm"
     }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react395.default.createElement(ShareBtn, null)))));
   }

package/dist/spa.js

@@ -217836,11 +217836,11 @@ var decodeHtml = (htmlString) => {
 };
 function getTransformationData(el) {
   const transformStyle = el.style.transform;
-  const transformMatch = transformStyle.match(/(?:translate\(([^,]+)px,\s*([^)]+)px\))?\s*(?:scale\(([^,]+),\s*([^)]+)\))?\s*(?:rotate\(([^)]+)deg\))?/);
+  const transformMatch = transformStyle.match(/translate\(([^,]+)px,\s*([^)]+)px\)\s*scale\(([^,]+),\s*([^)]+)\)/);
   if (transformMatch) {
-    const [, translateX, translateY, scaleX, scaleY, rotate] = transformMatch.map(Number);
+    const [, translateX, translateY, scaleX, scaleY] = transformMatch.map(Number);
     const matrix = new Matrix2(translateX, translateY, scaleX, scaleY);
-    return { ...matrix, rotate, isLocked: false };
+    return { ...matrix, rotate: Number(el.getAttribute("rotation")) || 0, isLocked: false };
   }
   return { ...new Matrix2, rotate: 0, isLocked: false };
 }
@@ -250332,7 +250332,7 @@ class ImageItem extends BaseItem {
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("image-item");
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY}) rotate(${this.transformation.getRotation()}deg)`;
+    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
     div.style.backgroundImage = `url(${this.storageLink})`;
     div.id = this.getId();
     div.style.width = `${this.imageDimension.width}px`;
@@ -250341,6 +250341,7 @@ class ImageItem extends BaseItem {
     div.style.transform = transform;
     div.style.position = "absolute";
     div.style.backgroundSize = "cover";
+    div.setAttribute("rotation", this.transformation.getRotation().toString());
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);
@@ -255965,7 +255966,7 @@ class Card extends BaseItem {
   renderHTML(documentFactory) {
     const div = super.renderHTML(documentFactory);
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY}) rotate(${this.transformation.getRotation()}deg)`;
+    const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
     div.style.backgroundImage = `url(${this.imageToRender?.src || this.backsideUrl})`;
     div.id = this.getId();
     div.style.width = `${conf.CARD_DIMENSIONS.width}px`;
@@ -255974,6 +255975,7 @@ class Card extends BaseItem {
     div.style.transform = transform;
     div.style.position = "absolute";
     div.style.backgroundSize = "cover";
+    div.setAttribute("rotation", this.transformation.getRotation().toString());
     return div;
   }
   updateMbr() {
@@ -440612,6 +440614,16 @@ var ActionButtons = () => {
 
 // src/features/UserPanel/Buttons/ShareBtn/ShareBtn.tsx
 var import_react374 = __toESM(require_react(), 1);
+
+// src/shared/lib/IframeModule.ts
+function redirectParentPage(url3, parentUrl) {
+  window.parent.postMessage({
+    type: "open-new-window",
+    url: url3
+  }, parentUrl);
+}
+
+// src/features/UserPanel/Buttons/ShareBtn/ShareBtn.tsx
 var ShareBtn = () => {
   const { setIds } = useContextMenuContext();
   const { openModal: openModal2 } = useUiModalContext();
@@ -440621,6 +440633,11 @@ var ShareBtn = () => {
   const boardId = board.getBoardId();
   const boardInfo = boardsList.getBoardInfo(boardId);
   const handleShare = (ev) => {
+    if (isIframe2()) {
+      const currentPage = window.location.href;
+      redirectParentPage(currentPage, currentPage.includes("dev") ? "https://dev-landing.microboard.io/" : "https://microboard.io/");
+      return;
+    }
     ev.preventDefault();
     ev.stopPropagation();
     setIds(boardId);
@@ -442140,6 +442157,14 @@ var UserPanel = () => {
   const { app, board } = useAppContext();
   const account = useAccount2();
   const insideOfMicroboard = document.referrer.includes("https://microboard.io/") || document.referrer.includes("https://microboard.ru/");
+  const onLoginOrRegistrationClick = (url3) => {
+    if (isIframe2()) {
+      const origin = window.location.origin;
+      redirectParentPage(origin + url3, origin.includes("dev") ? "https://dev-landing.microboard.io/" : "https://microboard.io/");
+    } else {
+      navigate(url3);
+    }
+  };
   if (!account.isLoggedIn) {
     return /* @__PURE__ */ import_react395.default.createElement(UiPanel, {
       padding: 0,
@@ -442151,22 +442176,22 @@ var UserPanel = () => {
     }, isMicroboardIframe() && insideOfMicroboard ? /* @__PURE__ */ import_react395.default.createElement(import_react395.default.Fragment, null, /* @__PURE__ */ import_react395.default.createElement(UiLink, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
-      href: `/auth/sign-in`,
+      onClick: () => onLoginOrRegistrationClick(`/auth/sign-in`),
       target: "_parent",
       size: "sm"
     }, t11("auth.login")), /* @__PURE__ */ import_react395.default.createElement(UiLink, {
       className: clsx_default(UserPanel_module_default.signUpBtn, UserPanel_module_default.smallMobileHide),
-      href: `/auth/sign-up`,
+      onClick: () => onLoginOrRegistrationClick(`/auth/sign-up`),
       size: "sm",
       target: "_parent"
     }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react395.default.createElement(ShareBtn, null)) : /* @__PURE__ */ import_react395.default.createElement(import_react395.default.Fragment, null, /* @__PURE__ */ import_react395.default.createElement(UiButton, {
       variant: "secondary",
       className: UserPanel_module_default.logInBtn,
-      onClick: () => navigate("/auth/sign-in"),
+      onClick: () => onLoginOrRegistrationClick("/auth/sign-in"),
       size: "sm"
     }, t11("auth.login")), /* @__PURE__ */ import_react395.default.createElement(UiButton, {
       className: UserPanel_module_default.signUpBtn,
-      onClick: () => navigate("/auth/sign-up"),
+      onClick: () => onLoginOrRegistrationClick("/auth/sign-up"),
       size: "sm"
     }, t11("auth.signUpForFree")), /* @__PURE__ */ import_react395.default.createElement(ShareBtn, null)))));
   }

package/dist/types/shared/lib/IframeModule.d.ts

@@ -0,0 +1,12 @@
+import { App } from "../../App";
+export declare class IframeModule {
+    private static instance;
+    private app;
+    constructor(app: App, origins?: string[]);
+    private setEventListeners;
+    static getInstance(app: App, origins?: string[]): IframeModule;
+    private handleCustomMessages;
+    private sendSnapshotCreated;
+    private sendSnapshotError;
+}
+export declare function redirectParentPage(url: string, parentUrl: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.93",
+  "version": "0.1.95",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -60,7 +60,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.5.33",
+    "microboard-temp": "^0.5.34",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",