microboard-temp 0.1.27 → 0.2.1

package/dist/cjs/browser.js

@@ -637,7 +637,7 @@ __export(exports_browser, {
   transformHtmlOrTextToMarkdown: () => transformHtmlOrTextToMarkdown,
   toRelativePoint: () => toRelativePoint,
   toFiniteNumber: () => toFiniteNumber,
-  tempStorage: () => tempStorage2,
+  tempStorage: () => tempStorage,
   tagByType: () => tagByType,
   stickerColors: () => stickerColors,
   sha256: () => sha256,
@@ -708,7 +708,7 @@ __export(exports_browser, {
   Shapes: () => Shapes,
   ShapeCommand: () => ShapeCommand,
   Shape: () => Shape,
-  SessionStorage: () => SessionStorage2,
+  SessionStorage: () => SessionStorage,
   Selection: () => BoardSelection,
   STEP_STROKE_WIDTH: () => STEP_STROKE_WIDTH,
   SHAPE_LAST_TYPE_KEY: () => SHAPE_LAST_TYPE_KEY,
@@ -8609,7 +8609,7 @@ if (typeof window !== "undefined" && window.sessionStorage) {
   _sessionStorage = new NodeStoragePolyfill;
 }
 
-class SessionStorage2 {
+class SessionStorage {
   set(key, value) {
     const boardId = this.getBoardId() || "";
     _sessionStorage.setItem(boardId + "_" + key, JSON.stringify(value));
@@ -8741,7 +8741,7 @@ class SessionStorage2 {
     return window.location.href.split("/").pop()?.split("?")[0];
   }
 }
-var tempStorage2 = new SessionStorage2;
+var tempStorage = new SessionStorage;
 
 // src/HTMLRender/HTMLRender.ts
 function getTranslationFromHTML(el) {
@@ -18317,7 +18317,7 @@ class RichText extends Mbr {
     counter = counter + 1;
     this.rtCounter = counter;
     this.linkTo = linkTo || new LinkTo(this.id, this.board.events);
-    let textSizeFromStorage = new SessionStorage2().getFontSize(insideOf || "RichText");
+    let textSizeFromStorage = new SessionStorage().getFontSize(insideOf || "RichText");
     if (!textSizeFromStorage || textSizeFromStorage === "auto") {
       textSizeFromStorage = initialTextStyles.fontSize;
     }
@@ -37202,7 +37202,7 @@ class Shape extends BaseItem {
     this.updateMbr();
   }
   saveShapeData() {
-    tempStorage2.setShapeData({
+    tempStorage.setShapeData({
       shapeType: this.shapeType,
       backgroundColor: this.backgroundColor,
       backgroundOpacity: this.backgroundOpacity,
@@ -37743,7 +37743,7 @@ class Sticker extends BaseItem {
     }
   }
   saveStickerData() {
-    const storage = new SessionStorage2;
+    const storage = new SessionStorage;
     storage.setStickerData(this.serialize());
   }
   serialize() {
@@ -38256,8 +38256,8 @@ class Frame extends BaseItem {
     this.borderWidth = borderWidth;
     this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
-    this.transformation = new Transformation(this.id, this.board.events);
-    this.linkTo = new LinkTo(this.id, this.board.events);
+    this.transformation = new Transformation(this.id, board.events);
+    this.linkTo = new LinkTo(this.id, board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
     this.text.setSelectionHorisontalAlignment("left");
     this.transformation.subject.subscribe(() => {
@@ -39168,7 +39168,7 @@ function calculatePosition(boardImage, board) {
   const centerPoint = viewportMbr.getCenter();
   const imageWidth = boardImage.getWidth();
   const imageHeight = boardImage.getHeight();
-  const prevDimensions = tempStorage2.getImageDimensions();
+  const prevDimensions = tempStorage.getImageDimensions();
   if (prevDimensions) {
     const scaleX2 = prevDimensions.width / imageWidth;
     const scaleY2 = prevDimensions.height / imageHeight;
@@ -39189,7 +39189,7 @@ function calculatePosition(boardImage, board) {
   const finalScale = scaleToFit;
   const scaledImageWidth = imageWidth * finalScale;
   const scaledImageHeight = imageHeight * finalScale;
-  tempStorage2.setImageDimensions({
+  tempStorage.setImageDimensions({
     width: scaledImageWidth,
     height: scaledImageHeight
   });
@@ -42232,7 +42232,7 @@ class AddShape extends BoardTool {
   constructor(board) {
     super(board);
     this.setCursor();
-    const data = tempStorage2.getShapeData();
+    const data = tempStorage.getShapeData();
     if (data) {
       this.shape = new Shape(board, "", data.shapeType, data.backgroundColor, data.backgroundOpacity, data.borderColor, data.borderOpacity, data.borderStyle, data.borderWidth);
       this.setShapeType(data.shapeType);
@@ -42313,13 +42313,13 @@ class AddShape extends BoardTool {
     if (this.type === "None") {
       return false;
     }
-    const width2 = this.bounds.getWidth() < 2 ? tempStorage2.getShapeWidth() || 100 : this.bounds.getWidth();
-    const height2 = this.bounds.getHeight() < 2 ? tempStorage2.getShapeHeight() || 100 : this.bounds.getHeight();
+    const width2 = this.bounds.getWidth() < 2 ? tempStorage.getShapeWidth() || 100 : this.bounds.getWidth();
+    const height2 = this.bounds.getHeight() < 2 ? tempStorage.getShapeHeight() || 100 : this.bounds.getHeight();
     if (this.bounds.getWidth() > 2) {
-      tempStorage2.setShapeWidth(this.bounds.getWidth());
+      tempStorage.setShapeWidth(this.bounds.getWidth());
     }
     if (this.bounds.getHeight() > 2) {
-      tempStorage2.setShapeHeight(this.bounds.getHeight());
+      tempStorage.setShapeHeight(this.bounds.getHeight());
     }
     this.initTransformation(width2 / 100, height2 / 100);
     const shape = this.board.add(this.shape);
@@ -43507,7 +43507,7 @@ function getQuickAddButtons(selection, board) {
   let htmlButtons = undefined;
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
-    const connectorStorage = new SessionStorage2;
+    const connectorStorage = new SessionStorage;
     const currMbr = selectedItem.getMbr();
     const selectedItemData = selectedItem.serialize();
     const width2 = selectedItem.itemType === "Shape" ? selectedItem.getPath().getMbr().getWidth() : currMbr.getWidth();
@@ -43570,7 +43570,7 @@ function getQuickAddButtons(selection, board) {
     const fontSize = selectedItem.itemType === "RichText" ? selectedItem.getFontSize() : 14;
     const newItem = board.createItem(board.getNewItemId(), newItemData);
     if (newItem.itemType === "RichText") {
-      const storage = new SessionStorage2;
+      const storage = new SessionStorage;
       storage.setFontSize("RichText", fontSize);
       newItem.editor.selectWholeText();
       newItem.applySelectionFontSize(fontSize);
@@ -45117,6 +45117,11 @@ class StickerTool extends CustomTool {
   }
 }
 
+// src/api/isIfarme.ts
+var isIframe = () => {
+  return window.self !== window.top;
+};
+
 // src/Tools/Tools.ts
 var registeredTools = {};
 
@@ -48018,7 +48023,7 @@ class Presence {
     if (!ctx) {
       return;
     }
-    const anonTranslate = i18n.t("presence.anonymous");
+    const anonTranslate = conf.i18n.t("presence.anonymous");
     const label = cursor.nickname === "Anonymous" ? anonTranslate : cursor.nickname;
     const textWidth = ctx.measureText(label).width;
     const labelHeight = 20 * scale;
@@ -50360,7 +50365,7 @@ function transformItems({
     return null;
   }
   if (single instanceof ImageItem) {
-    tempStorage2.setImageDimensions({
+    tempStorage.setImageDimensions({
       width: resize.mbr.getWidth(),
       height: resize.mbr.getHeight()
     });
@@ -51119,12 +51124,12 @@ class BoardSelection {
       return;
     }
     if (text5.isEmpty()) {
-      const textColor = tempStorage2.getFontColor(item.itemType);
-      const textSize = tempStorage2.getFontSize(item.itemType);
-      const highlightColor = tempStorage2.getFontHighlight(item.itemType);
-      const styles = tempStorage2.getFontStyles(item.itemType);
-      const horizontalAlignment = tempStorage2.getHorizontalAlignment(item.itemType);
-      const verticalAlignment = tempStorage2.getVerticalAlignment(item.itemType);
+      const textColor = tempStorage.getFontColor(item.itemType);
+      const textSize = tempStorage.getFontSize(item.itemType);
+      const highlightColor = tempStorage.getFontHighlight(item.itemType);
+      const styles = tempStorage.getFontStyles(item.itemType);
+      const horizontalAlignment = tempStorage.getHorizontalAlignment(item.itemType);
+      const verticalAlignment = tempStorage.getVerticalAlignment(item.itemType);
       if (textColor) {
         text5.setSelectionFontColor(textColor, "None");
       }
@@ -51667,9 +51672,9 @@ class BoardSelection {
         ops
       });
       if (item.itemType === "Sticker" && fontSize === "auto") {
-        tempStorage2.remove(`fontSize_${item.itemType}`);
+        tempStorage.remove(`fontSize_${item.itemType}`);
       } else if (item.itemType !== "AINode") {
-        tempStorage2.setFontSize(item.itemType, fontSize);
+        tempStorage.setFontSize(item.itemType, fontSize);
       }
     }
     const emptyOps = itemsOps.filter((op) => !op.ops.length);
@@ -51707,7 +51712,7 @@ class BoardSelection {
         ops
       });
       if (item.itemType !== "AINode") {
-        tempStorage2.setFontStyles(item.itemType, text5.getFontStyles());
+        tempStorage.setFontStyles(item.itemType, text5.getFontStyles());
       }
     }
     this.emitApplied({
@@ -51733,7 +51738,7 @@ class BoardSelection {
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage2.setFontColor(item.itemType, fontColor);
+      tempStorage.setFontColor(item.itemType, fontColor);
     }
     this.emitApplied({
       class: "RichText",
@@ -51777,7 +51782,7 @@ class BoardSelection {
         ops
       });
       if (item.itemType !== "AINode") {
-        tempStorage2.setFontHighlight(item.itemType, fontHighlight);
+        tempStorage.setFontHighlight(item.itemType, fontHighlight);
       }
     }
     this.emitApplied({
@@ -51803,7 +51808,7 @@ class BoardSelection {
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage2.setHorizontalAlignment(item.itemType, horisontalAlignment);
+      tempStorage.setHorizontalAlignment(item.itemType, horisontalAlignment);
     }
     this.emitApplied({
       class: "RichText",
@@ -51827,7 +51832,7 @@ class BoardSelection {
       if (!text5) {
         return;
       }
-      tempStorage2.setVerticalAlignment(item.itemType, verticalAlignment);
+      tempStorage.setVerticalAlignment(item.itemType, verticalAlignment);
       if (item instanceof RichText) {
         item.setEditorFocus(this.context);
       }

package/dist/cjs/index.js

@@ -637,7 +637,7 @@ __export(exports_src, {
   transformHtmlOrTextToMarkdown: () => transformHtmlOrTextToMarkdown,
   toRelativePoint: () => toRelativePoint,
   toFiniteNumber: () => toFiniteNumber,
-  tempStorage: () => tempStorage2,
+  tempStorage: () => tempStorage,
   tagByType: () => tagByType,
   stickerColors: () => stickerColors,
   sha256: () => sha256,
@@ -708,7 +708,7 @@ __export(exports_src, {
   Shapes: () => Shapes,
   ShapeCommand: () => ShapeCommand,
   Shape: () => Shape,
-  SessionStorage: () => SessionStorage2,
+  SessionStorage: () => SessionStorage,
   Selection: () => BoardSelection,
   STEP_STROKE_WIDTH: () => STEP_STROKE_WIDTH,
   SHAPE_LAST_TYPE_KEY: () => SHAPE_LAST_TYPE_KEY,
@@ -8609,7 +8609,7 @@ if (typeof window !== "undefined" && window.sessionStorage) {
   _sessionStorage = new NodeStoragePolyfill;
 }
 
-class SessionStorage2 {
+class SessionStorage {
   set(key, value) {
     const boardId = this.getBoardId() || "";
     _sessionStorage.setItem(boardId + "_" + key, JSON.stringify(value));
@@ -8741,7 +8741,7 @@ class SessionStorage2 {
     return window.location.href.split("/").pop()?.split("?")[0];
   }
 }
-var tempStorage2 = new SessionStorage2;
+var tempStorage = new SessionStorage;
 
 // src/HTMLRender/HTMLRender.ts
 function getTranslationFromHTML(el) {
@@ -18317,7 +18317,7 @@ class RichText extends Mbr {
     counter = counter + 1;
     this.rtCounter = counter;
     this.linkTo = linkTo || new LinkTo(this.id, this.board.events);
-    let textSizeFromStorage = new SessionStorage2().getFontSize(insideOf || "RichText");
+    let textSizeFromStorage = new SessionStorage().getFontSize(insideOf || "RichText");
     if (!textSizeFromStorage || textSizeFromStorage === "auto") {
       textSizeFromStorage = initialTextStyles.fontSize;
     }
@@ -37202,7 +37202,7 @@ class Shape extends BaseItem {
     this.updateMbr();
   }
   saveShapeData() {
-    tempStorage2.setShapeData({
+    tempStorage.setShapeData({
       shapeType: this.shapeType,
       backgroundColor: this.backgroundColor,
       backgroundOpacity: this.backgroundOpacity,
@@ -37743,7 +37743,7 @@ class Sticker extends BaseItem {
     }
   }
   saveStickerData() {
-    const storage = new SessionStorage2;
+    const storage = new SessionStorage;
     storage.setStickerData(this.serialize());
   }
   serialize() {
@@ -38256,8 +38256,8 @@ class Frame extends BaseItem {
     this.borderWidth = borderWidth;
     this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
-    this.transformation = new Transformation(this.id, this.board.events);
-    this.linkTo = new LinkTo(this.id, this.board.events);
+    this.transformation = new Transformation(this.id, board.events);
+    this.linkTo = new LinkTo(this.id, board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
     this.text.setSelectionHorisontalAlignment("left");
     this.transformation.subject.subscribe(() => {
@@ -39168,7 +39168,7 @@ function calculatePosition(boardImage, board) {
   const centerPoint = viewportMbr.getCenter();
   const imageWidth = boardImage.getWidth();
   const imageHeight = boardImage.getHeight();
-  const prevDimensions = tempStorage2.getImageDimensions();
+  const prevDimensions = tempStorage.getImageDimensions();
   if (prevDimensions) {
     const scaleX2 = prevDimensions.width / imageWidth;
     const scaleY2 = prevDimensions.height / imageHeight;
@@ -39189,7 +39189,7 @@ function calculatePosition(boardImage, board) {
   const finalScale = scaleToFit;
   const scaledImageWidth = imageWidth * finalScale;
   const scaledImageHeight = imageHeight * finalScale;
-  tempStorage2.setImageDimensions({
+  tempStorage.setImageDimensions({
     width: scaledImageWidth,
     height: scaledImageHeight
   });
@@ -42232,7 +42232,7 @@ class AddShape extends BoardTool {
   constructor(board) {
     super(board);
     this.setCursor();
-    const data = tempStorage2.getShapeData();
+    const data = tempStorage.getShapeData();
     if (data) {
       this.shape = new Shape(board, "", data.shapeType, data.backgroundColor, data.backgroundOpacity, data.borderColor, data.borderOpacity, data.borderStyle, data.borderWidth);
       this.setShapeType(data.shapeType);
@@ -42313,13 +42313,13 @@ class AddShape extends BoardTool {
     if (this.type === "None") {
       return false;
     }
-    const width2 = this.bounds.getWidth() < 2 ? tempStorage2.getShapeWidth() || 100 : this.bounds.getWidth();
-    const height2 = this.bounds.getHeight() < 2 ? tempStorage2.getShapeHeight() || 100 : this.bounds.getHeight();
+    const width2 = this.bounds.getWidth() < 2 ? tempStorage.getShapeWidth() || 100 : this.bounds.getWidth();
+    const height2 = this.bounds.getHeight() < 2 ? tempStorage.getShapeHeight() || 100 : this.bounds.getHeight();
     if (this.bounds.getWidth() > 2) {
-      tempStorage2.setShapeWidth(this.bounds.getWidth());
+      tempStorage.setShapeWidth(this.bounds.getWidth());
     }
     if (this.bounds.getHeight() > 2) {
-      tempStorage2.setShapeHeight(this.bounds.getHeight());
+      tempStorage.setShapeHeight(this.bounds.getHeight());
     }
     this.initTransformation(width2 / 100, height2 / 100);
     const shape = this.board.add(this.shape);
@@ -43507,7 +43507,7 @@ function getQuickAddButtons(selection, board) {
   let htmlButtons = undefined;
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
-    const connectorStorage = new SessionStorage2;
+    const connectorStorage = new SessionStorage;
     const currMbr = selectedItem.getMbr();
     const selectedItemData = selectedItem.serialize();
     const width2 = selectedItem.itemType === "Shape" ? selectedItem.getPath().getMbr().getWidth() : currMbr.getWidth();
@@ -43570,7 +43570,7 @@ function getQuickAddButtons(selection, board) {
     const fontSize = selectedItem.itemType === "RichText" ? selectedItem.getFontSize() : 14;
     const newItem = board.createItem(board.getNewItemId(), newItemData);
     if (newItem.itemType === "RichText") {
-      const storage = new SessionStorage2;
+      const storage = new SessionStorage;
       storage.setFontSize("RichText", fontSize);
       newItem.editor.selectWholeText();
       newItem.applySelectionFontSize(fontSize);
@@ -45117,6 +45117,11 @@ class StickerTool extends CustomTool {
   }
 }
 
+// src/api/isIfarme.ts
+var isIframe = () => {
+  return window.self !== window.top;
+};
+
 // src/Tools/Tools.ts
 var registeredTools = {};
 
@@ -48018,7 +48023,7 @@ class Presence {
     if (!ctx) {
       return;
     }
-    const anonTranslate = i18n.t("presence.anonymous");
+    const anonTranslate = conf.i18n.t("presence.anonymous");
     const label = cursor.nickname === "Anonymous" ? anonTranslate : cursor.nickname;
     const textWidth = ctx.measureText(label).width;
     const labelHeight = 20 * scale;
@@ -50360,7 +50365,7 @@ function transformItems({
     return null;
   }
   if (single instanceof ImageItem) {
-    tempStorage2.setImageDimensions({
+    tempStorage.setImageDimensions({
       width: resize.mbr.getWidth(),
       height: resize.mbr.getHeight()
     });
@@ -51119,12 +51124,12 @@ class BoardSelection {
       return;
     }
     if (text5.isEmpty()) {
-      const textColor = tempStorage2.getFontColor(item.itemType);
-      const textSize = tempStorage2.getFontSize(item.itemType);
-      const highlightColor = tempStorage2.getFontHighlight(item.itemType);
-      const styles = tempStorage2.getFontStyles(item.itemType);
-      const horizontalAlignment = tempStorage2.getHorizontalAlignment(item.itemType);
-      const verticalAlignment = tempStorage2.getVerticalAlignment(item.itemType);
+      const textColor = tempStorage.getFontColor(item.itemType);
+      const textSize = tempStorage.getFontSize(item.itemType);
+      const highlightColor = tempStorage.getFontHighlight(item.itemType);
+      const styles = tempStorage.getFontStyles(item.itemType);
+      const horizontalAlignment = tempStorage.getHorizontalAlignment(item.itemType);
+      const verticalAlignment = tempStorage.getVerticalAlignment(item.itemType);
       if (textColor) {
         text5.setSelectionFontColor(textColor, "None");
       }
@@ -51667,9 +51672,9 @@ class BoardSelection {
         ops
       });
       if (item.itemType === "Sticker" && fontSize === "auto") {
-        tempStorage2.remove(`fontSize_${item.itemType}`);
+        tempStorage.remove(`fontSize_${item.itemType}`);
       } else if (item.itemType !== "AINode") {
-        tempStorage2.setFontSize(item.itemType, fontSize);
+        tempStorage.setFontSize(item.itemType, fontSize);
       }
     }
     const emptyOps = itemsOps.filter((op) => !op.ops.length);
@@ -51707,7 +51712,7 @@ class BoardSelection {
         ops
       });
       if (item.itemType !== "AINode") {
-        tempStorage2.setFontStyles(item.itemType, text5.getFontStyles());
+        tempStorage.setFontStyles(item.itemType, text5.getFontStyles());
       }
     }
     this.emitApplied({
@@ -51733,7 +51738,7 @@ class BoardSelection {
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage2.setFontColor(item.itemType, fontColor);
+      tempStorage.setFontColor(item.itemType, fontColor);
     }
     this.emitApplied({
       class: "RichText",
@@ -51777,7 +51782,7 @@ class BoardSelection {
         ops
       });
       if (item.itemType !== "AINode") {
-        tempStorage2.setFontHighlight(item.itemType, fontHighlight);
+        tempStorage.setFontHighlight(item.itemType, fontHighlight);
       }
     }
     this.emitApplied({
@@ -51803,7 +51808,7 @@ class BoardSelection {
         selection: text5.editor.getSelection(),
         ops
       });
-      tempStorage2.setHorizontalAlignment(item.itemType, horisontalAlignment);
+      tempStorage.setHorizontalAlignment(item.itemType, horisontalAlignment);
     }
     this.emitApplied({
       class: "RichText",
@@ -51827,7 +51832,7 @@ class BoardSelection {
       if (!text5) {
         return;
       }
-      tempStorage2.setVerticalAlignment(item.itemType, verticalAlignment);
+      tempStorage.setVerticalAlignment(item.itemType, verticalAlignment);
       if (item instanceof RichText) {
         item.setEditorFocus(this.context);
       }