microboard-temp 0.14.16 → 0.14.17

package/dist/cjs/browser.js

@@ -765,6 +765,7 @@ __export(exports_browser, {
   PRESENCE_CURSOR_THROTTLE: () => PRESENCE_CURSOR_THROTTLE,
   PRESENCE_CLEANUP_USER_TIMER: () => PRESENCE_CLEANUP_USER_TIMER,
   PRESENCE_CLEANUP_IDLE_TIMER: () => PRESENCE_CLEANUP_IDLE_TIMER,
+  MiroItemConverter: () => MiroItemConverter,
   Mbr: () => Mbr,
   Matrix: () => Matrix,
   MIN_STROKE_WIDTH: () => MIN_STROKE_WIDTH,
@@ -793,6 +794,7 @@ __export(exports_browser, {
   Dice: () => Dice,
   DefaultTransformationData: () => DefaultTransformationData,
   DefaultShapeData: () => DefaultShapeData,
+  DefaultRichTextData: () => DefaultRichTextData,
   DefaultPlaceholderData: () => DefaultPlaceholderData,
   DefaultImageItemData: () => DefaultImageItemData,
   DefaultGroupData: () => DefaultGroupData,
@@ -44044,6 +44046,7 @@ class Group extends BaseItem {
   transformationRenderBlock = undefined;
   isLockedGroup = false;
   static movingGroupId = null;
+  static reparentingGroupId = null;
   constructor(board, id = "") {
     super(board, id);
     this.index = new SimpleSpatialIndex(this.board.camera, this.board.pointer);
@@ -44109,6 +44112,23 @@ class Group extends BaseItem {
       this.apply(operation);
     }
   }
+  applyAddChildren(childIds) {
+    Group.reparentingGroupId = this.getId();
+    super.applyAddChildren(childIds);
+    Group.reparentingGroupId = null;
+    for (const child of this.index?.listAll() || []) {
+      child.subject.publish(child);
+    }
+  }
+  applyRemoveChildren(childIds) {
+    Group.reparentingGroupId = this.getId();
+    super.applyRemoveChildren(childIds);
+    Group.reparentingGroupId = null;
+    for (const childId of childIds) {
+      const child = this.board.items.getById(childId);
+      child?.subject.publish(child);
+    }
+  }
   setId(id) {
     this.id = id;
     this.transformation.setId(id);
@@ -44558,7 +44578,7 @@ class Connector2 extends BaseItem {
     }
     this.text = new RichText(this.board, this.id);
     this.text.container = this.getMbr();
-    this.text.transformation = new Transformation;
+    this.text.transformation = this.transformation;
     this.text.linkTo = this.linkTo;
     this.text.placeholderText = conf.i18n.t("connector.textPlaceholder", {
       ns: "default"
@@ -44603,6 +44623,10 @@ class Connector2 extends BaseItem {
   observerStartPointItem = () => {
     const point3 = this.startPoint;
     if (point3.pointType !== "Board") {
+      const reparentingGroupId = Group.reparentingGroupId;
+      if (reparentingGroupId !== null && (this.parent === reparentingGroupId || point3.item instanceof BaseItem && point3.item.parent === reparentingGroupId)) {
+        return;
+      }
       const movingGroupId = Group.movingGroupId;
       if (movingGroupId !== null && this.parent === movingGroupId && point3.item instanceof BaseItem && point3.item.parent === movingGroupId) {
         return;
@@ -44621,6 +44645,10 @@ class Connector2 extends BaseItem {
   observerEndPointItem = () => {
     const point3 = this.endPoint;
     if (point3.pointType !== "Board") {
+      const reparentingGroupId = Group.reparentingGroupId;
+      if (reparentingGroupId !== null && (this.parent === reparentingGroupId || point3.item instanceof BaseItem && point3.item.parent === reparentingGroupId)) {
+        return;
+      }
       const movingGroupId = Group.movingGroupId;
       if (movingGroupId !== null && this.parent === movingGroupId && point3.item instanceof BaseItem && point3.item.parent === movingGroupId) {
         return;
@@ -62063,6 +62091,9 @@ class AINode extends BaseItem {
   getLinkTo() {
     return this.linkTo.link;
   }
+  getRichText() {
+    return this.text;
+  }
   renderButton(context) {
     const { left, right, top, bottom } = this.buttonMbr;
     const { ctx } = context;
@@ -74325,7 +74356,10 @@ class Board {
     return parseHTML(el);
   }
   add(item, timeStamp) {
-    const id = this.getNewItemId();
+    const id = item.getId() || this.getNewItemId();
+    if (!item.getId()) {
+      item.setId(id);
+    }
     this.emit({
       class: "Board",
       method: "add",
@@ -74340,6 +74374,17 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
+  createItemAndAdd(itemType, data, timeStamp) {
+    const id = data.id || this.getNewItemId();
+    const fullData = { ...data, itemType, id };
+    const item = this.createItem(id, fullData);
+    if (item.itemType === "Connector" && data.startPoint && data.endPoint) {
+      const conn = item;
+      conn.apply({ class: "Connector", method: "setStartPoint", startPointData: data.startPoint });
+      conn.apply({ class: "Connector", method: "setEndPoint", endPointData: data.endPoint });
+    }
+    return this.add(item, timeStamp);
+  }
   addLockedGroup(items) {
     const id = this.getNewItemId();
     const groupData = {
@@ -75209,6 +75254,165 @@ function validateTransformationData(transformationData) {
 function validatePointData(pointData) {
   return PointSchema.safeParse(pointData).success;
 }
+// src/Import/Miro/MiroItemConverter.ts
+var SHAPE_TYPES = {
+  round_rectangle: "RoundedRectangle",
+  circle: "Circle",
+  triangle: "Triangle",
+  rhombus: "Rhombus",
+  wedge_round_rectangle_callout: "SpeachBubble",
+  parallelogram: "Parallelogram",
+  star: "Star",
+  right_arrow: "ArrowRight",
+  left_arrow: "ArrowLeft",
+  rectangle: "Rectangle",
+  left_right_arrow: "ArrowLeftRight",
+  pentagon: "Pentagon",
+  octagon: "Octagon",
+  hexagon: "Hexagon",
+  flow_chart_predefined_process: "PredefinedProcess",
+  trapezoid: "Trapezoid",
+  cloud: "Cloud",
+  cross: "Cross",
+  can: "Cylinder",
+  left_brace: "BracesRight",
+  right_brace: "BracesLeft"
+};
+var BORDER_STYLES = {
+  normal: "solid",
+  dotted: "dot",
+  dashed: "dash"
+};
+var STICKER_COLOR_MAP = {
+  dark_blue: 2,
+  blue: 2,
+  light_blue: 3,
+  red: 1,
+  orange: 6,
+  violet: 0,
+  pink: 1,
+  light_pink: 1,
+  cyan: 5,
+  dark_green: 4,
+  green: 4,
+  light_green: 4,
+  yellow: 7,
+  light_yellow: 7,
+  gray: 8,
+  black: 9
+};
+var FRAME_TYPES2 = {
+  custom: "Custom",
+  a4: "A4",
+  letter: "Letter",
+  ratio_16x9: "Frame16x9",
+  ratio_4x3: "Frame4x3",
+  ratio_1x1: "Frame1x1",
+  phone: "Custom",
+  tablet: "Custom",
+  desktop: "Custom"
+};
+var CONNECTOR_LINE_STYLES = {
+  straight: "straight",
+  curved: "curved",
+  elbowed: "orthogonal"
+};
+var CONNECTOR_POINTER_STYLES = {
+  stealth: "ArrowBroad",
+  "Arc Arrow": "ArrowThin",
+  filled_triangle: "Angle",
+  arrow: "ArrowThin",
+  triangle: "TriangleEmpty",
+  filled_diamond: "DiamondFilled",
+  diamond: "DiamondEmpty",
+  filled_oval: "CircleFilled",
+  oval: "Zero",
+  erd_one: "One",
+  erd_many: "Many",
+  erd_one_or_many: "ManyMandatory",
+  erd_only_one: "OneMandatory",
+  erd_zero_or_many: "ManyOptional",
+  erd_zero_or_one: "OneOptional"
+};
+
+class MiroItemConverter {
+  static convert(miroItem) {
+    const { type, style: style2, data, geometry, position: position4, id, linkTo, parent } = miroItem;
+    const baseData = {
+      id,
+      parent: parent?.id || "Board",
+      linkTo
+    };
+    switch (type) {
+      case "shape":
+        return {
+          ...baseData,
+          itemType: "Shape",
+          shapeType: SHAPE_TYPES[data?.shape] || "Rectangle",
+          backgroundColor: MiroItemConverter.convertColor(style2?.fillColor, "transparent"),
+          backgroundOpacity: style2?.fillOpacity ? parseFloat(style2.fillOpacity) : 1,
+          borderColor: MiroItemConverter.convertColor(style2?.borderColor),
+          borderOpacity: style2?.borderOpacity ? parseFloat(style2.borderOpacity) : 1,
+          borderStyle: BORDER_STYLES[style2?.borderStyle || "normal"] || "solid",
+          borderWidth: style2?.borderWidth ? parseFloat(style2.borderWidth) : 2
+        };
+      case "sticky_note":
+        const colorIdx = STICKER_COLOR_MAP[style2?.fillColor || "yellow"] ?? 7;
+        return {
+          ...baseData,
+          itemType: "Sticker",
+          backgroundColor: coerceColorValue(conf.STICKER_COLORS[colorIdx])
+        };
+      case "text":
+        return {
+          ...baseData,
+          itemType: "RichText"
+        };
+      case "frame":
+        return {
+          ...baseData,
+          itemType: "Frame",
+          title: data?.title || "Frame",
+          frameType: FRAME_TYPES2[data?.format] || "Custom",
+          backgroundColor: MiroItemConverter.convertColor(style2?.fillColor)
+        };
+      case "connector":
+        return {
+          ...baseData,
+          itemType: "Connector",
+          lineColor: MiroItemConverter.convertColor(style2?.strokeColor),
+          lineStyle: CONNECTOR_LINE_STYLES[miroItem.shape || "straight"] || "straight",
+          lineWidth: style2?.strokeWidth ? parseFloat(style2.strokeWidth) : 1,
+          startPointerStyle: CONNECTOR_POINTER_STYLES[style2?.startStrokeCap || ""] || "None",
+          endPointerStyle: CONNECTOR_POINTER_STYLES[style2?.endStrokeCap || ""] || "ArrowThin"
+        };
+      case "image":
+        return {
+          ...baseData,
+          itemType: "Image"
+        };
+      case "paint":
+        return {
+          ...baseData,
+          itemType: "Drawing",
+          strokeColor: MiroItemConverter.convertColor(style2?.color),
+          strokeWidth: style2?.strokeWidth ? parseFloat(style2.strokeWidth) : 2,
+          strokeOpacity: style2?.strokeOpacity ?? 1
+        };
+      default:
+        return {
+          ...baseData,
+          itemType: "Placeholder"
+        };
+    }
+  }
+  static convertColor(color2, fallback = "black") {
+    if (!color2)
+      return coerceColorValue(fallback);
+    const hex3 = color2 === "#ffffff" ? "transparent" : color2;
+    return coerceColorValue(hex3);
+  }
+}
 // src/api/initI18N.ts
 function initI18N(i18nInstance) {
   conf.i18n = i18nInstance;

package/dist/cjs/index.js

@@ -765,6 +765,7 @@ __export(exports_src, {
   PRESENCE_CURSOR_THROTTLE: () => PRESENCE_CURSOR_THROTTLE,
   PRESENCE_CLEANUP_USER_TIMER: () => PRESENCE_CLEANUP_USER_TIMER,
   PRESENCE_CLEANUP_IDLE_TIMER: () => PRESENCE_CLEANUP_IDLE_TIMER,
+  MiroItemConverter: () => MiroItemConverter,
   Mbr: () => Mbr,
   Matrix: () => Matrix,
   MIN_STROKE_WIDTH: () => MIN_STROKE_WIDTH,
@@ -793,6 +794,7 @@ __export(exports_src, {
   Dice: () => Dice,
   DefaultTransformationData: () => DefaultTransformationData,
   DefaultShapeData: () => DefaultShapeData,
+  DefaultRichTextData: () => DefaultRichTextData,
   DefaultPlaceholderData: () => DefaultPlaceholderData,
   DefaultImageItemData: () => DefaultImageItemData,
   DefaultGroupData: () => DefaultGroupData,
@@ -44044,6 +44046,7 @@ class Group extends BaseItem {
   transformationRenderBlock = undefined;
   isLockedGroup = false;
   static movingGroupId = null;
+  static reparentingGroupId = null;
   constructor(board, id = "") {
     super(board, id);
     this.index = new SimpleSpatialIndex(this.board.camera, this.board.pointer);
@@ -44109,6 +44112,23 @@ class Group extends BaseItem {
       this.apply(operation);
     }
   }
+  applyAddChildren(childIds) {
+    Group.reparentingGroupId = this.getId();
+    super.applyAddChildren(childIds);
+    Group.reparentingGroupId = null;
+    for (const child of this.index?.listAll() || []) {
+      child.subject.publish(child);
+    }
+  }
+  applyRemoveChildren(childIds) {
+    Group.reparentingGroupId = this.getId();
+    super.applyRemoveChildren(childIds);
+    Group.reparentingGroupId = null;
+    for (const childId of childIds) {
+      const child = this.board.items.getById(childId);
+      child?.subject.publish(child);
+    }
+  }
   setId(id) {
     this.id = id;
     this.transformation.setId(id);
@@ -44558,7 +44578,7 @@ class Connector2 extends BaseItem {
     }
     this.text = new RichText(this.board, this.id);
     this.text.container = this.getMbr();
-    this.text.transformation = new Transformation;
+    this.text.transformation = this.transformation;
     this.text.linkTo = this.linkTo;
     this.text.placeholderText = conf.i18n.t("connector.textPlaceholder", {
       ns: "default"
@@ -44603,6 +44623,10 @@ class Connector2 extends BaseItem {
   observerStartPointItem = () => {
     const point3 = this.startPoint;
     if (point3.pointType !== "Board") {
+      const reparentingGroupId = Group.reparentingGroupId;
+      if (reparentingGroupId !== null && (this.parent === reparentingGroupId || point3.item instanceof BaseItem && point3.item.parent === reparentingGroupId)) {
+        return;
+      }
       const movingGroupId = Group.movingGroupId;
       if (movingGroupId !== null && this.parent === movingGroupId && point3.item instanceof BaseItem && point3.item.parent === movingGroupId) {
         return;
@@ -44621,6 +44645,10 @@ class Connector2 extends BaseItem {
   observerEndPointItem = () => {
     const point3 = this.endPoint;
     if (point3.pointType !== "Board") {
+      const reparentingGroupId = Group.reparentingGroupId;
+      if (reparentingGroupId !== null && (this.parent === reparentingGroupId || point3.item instanceof BaseItem && point3.item.parent === reparentingGroupId)) {
+        return;
+      }
       const movingGroupId = Group.movingGroupId;
       if (movingGroupId !== null && this.parent === movingGroupId && point3.item instanceof BaseItem && point3.item.parent === movingGroupId) {
         return;
@@ -62063,6 +62091,9 @@ class AINode extends BaseItem {
   getLinkTo() {
     return this.linkTo.link;
   }
+  getRichText() {
+    return this.text;
+  }
   renderButton(context) {
     const { left, right, top, bottom } = this.buttonMbr;
     const { ctx } = context;
@@ -74325,7 +74356,10 @@ class Board {
     return parseHTML(el);
   }
   add(item, timeStamp) {
-    const id = this.getNewItemId();
+    const id = item.getId() || this.getNewItemId();
+    if (!item.getId()) {
+      item.setId(id);
+    }
     this.emit({
       class: "Board",
       method: "add",
@@ -74340,6 +74374,17 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
+  createItemAndAdd(itemType, data, timeStamp) {
+    const id = data.id || this.getNewItemId();
+    const fullData = { ...data, itemType, id };
+    const item = this.createItem(id, fullData);
+    if (item.itemType === "Connector" && data.startPoint && data.endPoint) {
+      const conn = item;
+      conn.apply({ class: "Connector", method: "setStartPoint", startPointData: data.startPoint });
+      conn.apply({ class: "Connector", method: "setEndPoint", endPointData: data.endPoint });
+    }
+    return this.add(item, timeStamp);
+  }
   addLockedGroup(items) {
     const id = this.getNewItemId();
     const groupData = {
@@ -75209,6 +75254,165 @@ function validateTransformationData(transformationData) {
 function validatePointData(pointData) {
   return PointSchema.safeParse(pointData).success;
 }
+// src/Import/Miro/MiroItemConverter.ts
+var SHAPE_TYPES = {
+  round_rectangle: "RoundedRectangle",
+  circle: "Circle",
+  triangle: "Triangle",
+  rhombus: "Rhombus",
+  wedge_round_rectangle_callout: "SpeachBubble",
+  parallelogram: "Parallelogram",
+  star: "Star",
+  right_arrow: "ArrowRight",
+  left_arrow: "ArrowLeft",
+  rectangle: "Rectangle",
+  left_right_arrow: "ArrowLeftRight",
+  pentagon: "Pentagon",
+  octagon: "Octagon",
+  hexagon: "Hexagon",
+  flow_chart_predefined_process: "PredefinedProcess",
+  trapezoid: "Trapezoid",
+  cloud: "Cloud",
+  cross: "Cross",
+  can: "Cylinder",
+  left_brace: "BracesRight",
+  right_brace: "BracesLeft"
+};
+var BORDER_STYLES = {
+  normal: "solid",
+  dotted: "dot",
+  dashed: "dash"
+};
+var STICKER_COLOR_MAP = {
+  dark_blue: 2,
+  blue: 2,
+  light_blue: 3,
+  red: 1,
+  orange: 6,
+  violet: 0,
+  pink: 1,
+  light_pink: 1,
+  cyan: 5,
+  dark_green: 4,
+  green: 4,
+  light_green: 4,
+  yellow: 7,
+  light_yellow: 7,
+  gray: 8,
+  black: 9
+};
+var FRAME_TYPES2 = {
+  custom: "Custom",
+  a4: "A4",
+  letter: "Letter",
+  ratio_16x9: "Frame16x9",
+  ratio_4x3: "Frame4x3",
+  ratio_1x1: "Frame1x1",
+  phone: "Custom",
+  tablet: "Custom",
+  desktop: "Custom"
+};
+var CONNECTOR_LINE_STYLES = {
+  straight: "straight",
+  curved: "curved",
+  elbowed: "orthogonal"
+};
+var CONNECTOR_POINTER_STYLES = {
+  stealth: "ArrowBroad",
+  "Arc Arrow": "ArrowThin",
+  filled_triangle: "Angle",
+  arrow: "ArrowThin",
+  triangle: "TriangleEmpty",
+  filled_diamond: "DiamondFilled",
+  diamond: "DiamondEmpty",
+  filled_oval: "CircleFilled",
+  oval: "Zero",
+  erd_one: "One",
+  erd_many: "Many",
+  erd_one_or_many: "ManyMandatory",
+  erd_only_one: "OneMandatory",
+  erd_zero_or_many: "ManyOptional",
+  erd_zero_or_one: "OneOptional"
+};
+
+class MiroItemConverter {
+  static convert(miroItem) {
+    const { type, style: style2, data, geometry, position: position4, id, linkTo, parent } = miroItem;
+    const baseData = {
+      id,
+      parent: parent?.id || "Board",
+      linkTo
+    };
+    switch (type) {
+      case "shape":
+        return {
+          ...baseData,
+          itemType: "Shape",
+          shapeType: SHAPE_TYPES[data?.shape] || "Rectangle",
+          backgroundColor: MiroItemConverter.convertColor(style2?.fillColor, "transparent"),
+          backgroundOpacity: style2?.fillOpacity ? parseFloat(style2.fillOpacity) : 1,
+          borderColor: MiroItemConverter.convertColor(style2?.borderColor),
+          borderOpacity: style2?.borderOpacity ? parseFloat(style2.borderOpacity) : 1,
+          borderStyle: BORDER_STYLES[style2?.borderStyle || "normal"] || "solid",
+          borderWidth: style2?.borderWidth ? parseFloat(style2.borderWidth) : 2
+        };
+      case "sticky_note":
+        const colorIdx = STICKER_COLOR_MAP[style2?.fillColor || "yellow"] ?? 7;
+        return {
+          ...baseData,
+          itemType: "Sticker",
+          backgroundColor: coerceColorValue(conf.STICKER_COLORS[colorIdx])
+        };
+      case "text":
+        return {
+          ...baseData,
+          itemType: "RichText"
+        };
+      case "frame":
+        return {
+          ...baseData,
+          itemType: "Frame",
+          title: data?.title || "Frame",
+          frameType: FRAME_TYPES2[data?.format] || "Custom",
+          backgroundColor: MiroItemConverter.convertColor(style2?.fillColor)
+        };
+      case "connector":
+        return {
+          ...baseData,
+          itemType: "Connector",
+          lineColor: MiroItemConverter.convertColor(style2?.strokeColor),
+          lineStyle: CONNECTOR_LINE_STYLES[miroItem.shape || "straight"] || "straight",
+          lineWidth: style2?.strokeWidth ? parseFloat(style2.strokeWidth) : 1,
+          startPointerStyle: CONNECTOR_POINTER_STYLES[style2?.startStrokeCap || ""] || "None",
+          endPointerStyle: CONNECTOR_POINTER_STYLES[style2?.endStrokeCap || ""] || "ArrowThin"
+        };
+      case "image":
+        return {
+          ...baseData,
+          itemType: "Image"
+        };
+      case "paint":
+        return {
+          ...baseData,
+          itemType: "Drawing",
+          strokeColor: MiroItemConverter.convertColor(style2?.color),
+          strokeWidth: style2?.strokeWidth ? parseFloat(style2.strokeWidth) : 2,
+          strokeOpacity: style2?.strokeOpacity ?? 1
+        };
+      default:
+        return {
+          ...baseData,
+          itemType: "Placeholder"
+        };
+    }
+  }
+  static convertColor(color2, fallback = "black") {
+    if (!color2)
+      return coerceColorValue(fallback);
+    const hex3 = color2 === "#ffffff" ? "transparent" : color2;
+    return coerceColorValue(hex3);
+  }
+}
 // src/api/initI18N.ts
 function initI18N(i18nInstance) {
   conf.i18n = i18nInstance;