microboard-temp 0.1.11 → 0.1.13

package/dist/cjs/browser.js

@@ -2266,7 +2266,7 @@ __export(exports_browser, {
   cursors: () => defaultCursors,
   createVideoItem: () => createVideoItem,
   createEvents: () => createEvents,
-  conf: () => conf,
+  conf: () => conf2,
   checkHotkeys: () => checkHotkeys,
   catmullRomInterpolate: () => catmullRomInterpolate,
   catchErrorResponse: () => catchErrorResponse,
@@ -5124,6 +5124,32 @@ class BrowserPath2D {
   }
 }
 
+// src/api/MockDocumentFactory.ts
+class MockDocumentFactory {
+  logPreInitializationCall(methodName) {
+    console.warn(`WARNING: DocumentFactory.${methodName} was called before initialization.`, `
+Please make sure to initialize DocumentFactory properly before using it.`, `
+The application will continue but may not work as expected.`);
+    console.trace(`Stack trace for DocumentFactory.${methodName} call:`);
+  }
+  createElement(tagName) {
+    this.logPreInitializationCall("createElement");
+    return {};
+  }
+  createElementNS(namespace, tagName) {
+    this.logPreInitializationCall("createElementNS");
+    return {};
+  }
+  caretPositionFromPoint(x, y, options) {
+    this.logPreInitializationCall("caretPositionFromPoint");
+    return null;
+  }
+  caretRangeFromPoint(x, y) {
+    this.logPreInitializationCall("caretRangeFromPoint");
+    return null;
+  }
+}
+
 // src/api/MockPath2D.ts
 class MockPath2D {
   nativePath = null;
@@ -5223,10 +5249,10 @@ var ExportQuality;
   ExportQuality2[ExportQuality2["STANDARD"] = 2] = "STANDARD";
   ExportQuality2[ExportQuality2["LOW"] = 3] = "LOW";
 })(ExportQuality ||= {});
-var conf = {
+var conf2 = {
   connection: undefined,
   path2DFactory: typeof Path2D !== "undefined" ? BrowserPath2D : MockPath2D,
-  documentFactory: typeof document !== "undefined" ? new BrowserDocumentFactory : undefined,
+  documentFactory: typeof document !== "undefined" ? new BrowserDocumentFactory : new MockDocumentFactory,
   getDOMParser: undefined,
   measureCtx: undefined,
   i18n: {},
@@ -5543,7 +5569,11 @@ var conf = {
     overline: false,
     subscript: false,
     superscript: false
-  }
+  },
+  LOG_HOTKEYS: false,
+  FORCE_HOTKEYS: "auto",
+  debug: false,
+  FALLBACK_LNG: "en"
 };
 
 // src/Items/Transformation/Matrix.ts
@@ -6265,7 +6295,7 @@ class DrawingContext {
     this.setCamera(camera);
   }
   dpi() {
-    return conf.getDPI();
+    return conf2.getDPI();
   }
   setCamera(camera) {
     this.camera = camera;
@@ -6275,7 +6305,7 @@ class DrawingContext {
   }
   clear() {
     this.ctx.setTransform(1 * this.dpi(), 0, 0, 1 * this.dpi(), 0, 0);
-    this.ctx.clearRect(0, 0, conf.getDocumentWidth(), conf.getDocumentHeight());
+    this.ctx.clearRect(0, 0, conf2.getDocumentWidth(), conf2.getDocumentHeight());
     this.matrix.applyToContext(this.ctx);
   }
   clearCursor() {
@@ -6283,7 +6313,7 @@ class DrawingContext {
       return;
     }
     this.cursorCtx.setTransform(1 * this.dpi(), 0, 0, 1 * this.dpi(), 0, 0);
-    this.cursorCtx.clearRect(0, 0, conf.getDocumentWidth(), conf.getDocumentHeight());
+    this.cursorCtx.clearRect(0, 0, conf2.getDocumentWidth(), conf2.getDocumentHeight());
     this.matrix.applyToContext(this.cursorCtx);
   }
   applyChanges() {
@@ -6386,7 +6416,7 @@ class Path {
     this.width = this.getMbr().getWidth();
     this.height = this.getMbr().getHeight();
     this.maxDimension = Math.max(mbr.getWidth(), mbr.getHeight());
-    this.path2d = new conf.path2DFactory;
+    this.path2d = new conf2.path2DFactory;
     this.updateCache();
   }
   getBackgroundColor() {
@@ -6463,7 +6493,7 @@ class Path {
     this.y = top - this.paddingTop;
     this.width = right - left + this.paddingLeft + this.paddingRight;
     this.height = bottom - top + this.paddingTop + this.paddingBottom;
-    const path2d = new conf.path2DFactory;
+    const path2d = new conf2.path2DFactory;
     if (this.segments.length === 0) {
       return;
     }
@@ -7529,7 +7559,7 @@ var parsersHTML = {
   "comment-item": parseHTMLComment
 };
 var decodeHtml = (htmlString) => {
-  const parser = conf.getDOMParser();
+  const parser = conf2.getDOMParser();
   const doc = parser.parseFromString(htmlString, "text/html");
   return doc.documentElement.textContent || "";
 };
@@ -7558,10 +7588,10 @@ function parseHTMLRichText(el, options) {
         italic: node.style.fontStyle === "italic",
         underline: node.style.textDecoration.includes("underline"),
         "line-through": node.style.textDecoration.includes("line-through"),
-        fontColor: node.style.color || conf.DEFAULT_TEXT_STYLES.fontColor,
-        fontHighlight: node.style.backgroundColor || conf.DEFAULT_TEXT_STYLES.fontHighlight,
-        fontSize: parseFloat(node.style.fontSize) || conf.DEFAULT_TEXT_STYLES.fontSize,
-        fontFamily: node.style.fontFamily || conf.DEFAULT_TEXT_STYLES.fontFamily,
+        fontColor: node.style.color || conf2.DEFAULT_TEXT_STYLES.fontColor,
+        fontHighlight: node.style.backgroundColor || conf2.DEFAULT_TEXT_STYLES.fontHighlight,
+        fontSize: parseFloat(node.style.fontSize) || conf2.DEFAULT_TEXT_STYLES.fontSize,
+        fontFamily: node.style.fontFamily || conf2.DEFAULT_TEXT_STYLES.fontFamily,
         overline: false,
         subscript: false,
         superscript: false
@@ -7626,7 +7656,7 @@ function parseHTMLRichText(el, options) {
         return {
           type: "paragraph",
           ...extractCommonProps(),
-          lineHeight: parseFloat(node.style.lineHeight) || conf.DEFAULT_TEXT_STYLES.lineHeight,
+          lineHeight: parseFloat(node.style.lineHeight) || conf2.DEFAULT_TEXT_STYLES.lineHeight,
           children: children2
         };
       default:
@@ -14106,8 +14136,8 @@ class LinkTo {
     const ctx = context.ctx;
     ctx.save();
     ctx.globalCompositeOperation = "destination-out";
-    const size = conf.LINK_BTN_SIZE / scale;
-    const offset = conf.LINK_BTN_OFFSET / scale;
+    const size = conf2.LINK_BTN_SIZE / scale;
+    const offset = conf2.LINK_BTN_OFFSET / scale;
     ctx.fillRect(right - size - offset, top + offset, size, size);
     ctx.restore();
   }
@@ -14258,7 +14288,7 @@ function getBlockNode(data, maxWidth, isFrame, listData, listMark, newLine = fal
   } else if (node3.type === "ul_list" && !listData) {
     listData = { level: 0, isNumberedList: false };
   }
-  const listMarks = conf[getListMarkType((listData?.level || 0) + 1)];
+  const listMarks = conf2[getListMarkType((listData?.level || 0) + 1)];
   for (let i = 0;i < data.children.length; i++) {
     const child = structuredClone(data.children[i]);
     switch (child.type) {
@@ -14663,8 +14693,8 @@ function measureText(text, style, paddingTop = 0, marginLeft = 0) {
       rect2.height += paddingTop;
     }
   }
-  conf.measureCtx.font = style.font;
-  const measure = conf.measureCtx.measureText(text);
+  conf2.measureCtx.font = style.font;
+  const measure = conf2.measureCtx.measureText(text);
   const actualBoundingBoxAscent = toFiniteNumber2(measure.actualBoundingBoxAscent);
   const actualBoundingBoxDescent = toFiniteNumber2(measure.actualBoundingBoxDescent);
   const actualBoundingBoxLeft = toFiniteNumber2(measure.actualBoundingBoxLeft);
@@ -23786,7 +23816,7 @@ var convertLinkNodeToTextNode = (node4) => {
   const link = node4.link;
   const text3 = node4.children.map((child) => child.text).join("");
   return {
-    ...conf.DEFAULT_TEXT_STYLES,
+    ...conf2.DEFAULT_TEXT_STYLES,
     type: "text",
     text: text3,
     link,
@@ -23802,9 +23832,9 @@ function setNodeChildrenStyles({
   horisontalAlignment,
   node: node4
 }) {
-  let fontStyles = conf.DEFAULT_TEXT_STYLES;
+  let fontStyles = conf2.DEFAULT_TEXT_STYLES;
   if (editor) {
-    fontStyles = Editor.marks(editor) || conf.DEFAULT_TEXT_STYLES;
+    fontStyles = Editor.marks(editor) || conf2.DEFAULT_TEXT_STYLES;
   }
   switch (node4.type) {
     case "heading_one":
@@ -23836,7 +23866,7 @@ function setNodeChildrenStyles({
       children.text += " ";
     }
     let fontColor = fontStyles.fontColor;
-    if (fontColor === conf.DEFAULT_TEXT_STYLES.fontColor && children.link) {
+    if (fontColor === conf2.DEFAULT_TEXT_STYLES.fontColor && children.link) {
       fontColor = "rgba(71, 120, 245, 1)";
     }
     return {
@@ -23876,7 +23906,7 @@ function setNodeStyles({
 }
 
 // src/Items/RichText/editorHelpers/markdown/markdownProcessor.ts
-var { i18n: i18n2 } = conf;
+var { i18n: i18n2 } = conf2;
 
 class MarkdownProcessor {
   chunksQueue = [];
@@ -24856,7 +24886,7 @@ function setEditorFocus(editor, selectionContext) {
 }
 
 // src/Items/RichText/RichText.ts
-var { i18n: i18n3 } = conf;
+var { i18n: i18n3 } = conf2;
 var isEditInProcessValue = false;
 var counter = 0;
 
@@ -24879,7 +24909,7 @@ class RichText extends Mbr {
   isContainerSet = false;
   isRenderEnabled = true;
   layoutNodes;
-  clipPath = new conf.path2DFactory;
+  clipPath = new conf2.path2DFactory;
   updateRequired = false;
   autoSizeScale = 1;
   containerMaxWidth;
@@ -24894,7 +24924,7 @@ class RichText extends Mbr {
   shrinkWidth = false;
   prevMbr = null;
   rtCounter = 0;
-  constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = i18n3?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
+  constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = i18n3?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf2.DEFAULT_TEXT_STYLES) {
     super();
     this.board = board;
     this.container = container;
@@ -25027,11 +25057,11 @@ class RichText extends Mbr {
       return;
     }
     try {
-      conf.reactEditorFocus(this.editor.editor);
+      conf2.reactEditorFocus(this.editor.editor);
     } catch {}
   };
   updateElement = () => {
-    if (conf.isNode()) {
+    if (conf2.isNode()) {
       return;
     }
     if (this.updateRequired) {
@@ -25160,7 +25190,7 @@ class RichText extends Mbr {
     const container = this.getTransformedContainer();
     const width = container.getWidth();
     const height = container.getHeight();
-    this.clipPath = new conf.path2DFactory;
+    this.clipPath = new conf2.path2DFactory;
     this.clipPath.rect(0, 0, width, height);
   }
   setContainer(container) {
@@ -25437,24 +25467,24 @@ class RichText extends Mbr {
       this.clearLastClickPoint();
       const domMbr = ref.getBoundingClientRect();
       const refMbr = new Mbr(domMbr.left, domMbr.top, domMbr.right, domMbr.bottom);
-      if (refMbr.isInside(point5) && (conf.documentFactory.caretPositionFromPoint || conf.documentFactory.caretRangeFromPoint)) {
-        const domRange = conf.documentFactory.caretPositionFromPoint ? conf.documentFactory.caretPositionFromPoint(point5.x, point5.y) : conf.documentFactory.caretRangeFromPoint(point5.x, point5.y);
-        const textNode = conf.documentFactory.caretPositionFromPoint ? domRange.offsetNode : domRange.startContainer;
-        const offset = conf.documentFactory.caretPositionFromPoint ? domRange.offset : domRange.startOffset;
-        const slatePoint = conf.reactEditorToSlatePoint(this.editor.editor, textNode, offset, {
+      if (refMbr.isInside(point5) && (conf2.documentFactory.caretPositionFromPoint || conf2.documentFactory.caretRangeFromPoint)) {
+        const domRange = conf2.documentFactory.caretPositionFromPoint ? conf2.documentFactory.caretPositionFromPoint(point5.x, point5.y) : conf2.documentFactory.caretRangeFromPoint(point5.x, point5.y);
+        const textNode = conf2.documentFactory.caretPositionFromPoint ? domRange.offsetNode : domRange.startContainer;
+        const offset = conf2.documentFactory.caretPositionFromPoint ? domRange.offset : domRange.startOffset;
+        const slatePoint = conf2.reactEditorToSlatePoint(this.editor.editor, textNode, offset, {
           exactMatch: false,
           suppressThrow: false
         });
         if (slatePoint) {
           const nRange = { anchor: slatePoint, focus: slatePoint };
           this.editorTransforms.select(this.editor.editor, nRange);
-          conf.reactEditorFocus(this.editor.editor);
+          conf2.reactEditorFocus(this.editor.editor);
         }
       } else {
-        if (!(conf.documentFactory.caretPositionFromPoint || conf.documentFactory.caretRangeFromPoint)) {
+        if (!(conf2.documentFactory.caretPositionFromPoint || conf2.documentFactory.caretRangeFromPoint)) {
           console.error("document.caretPositionFromPoint and document.caretRangeFromPoint are not available!");
         }
-        conf.reactEditorFocus(this.editor.editor);
+        conf2.reactEditorFocus(this.editor.editor);
       }
     }
   }
@@ -25561,11 +25591,11 @@ class RichText extends Mbr {
       if (node4.type === "text" || "text" in node4) {
         node4 = node4;
         const text3 = node4.text.trim() !== "" ? decodeHtml(escapeHtml2(node4.text)) : " ";
-        const textElement = node4.link ? Object.assign(conf.documentFactory.createElement("a"), {
+        const textElement = node4.link ? Object.assign(conf2.documentFactory.createElement("a"), {
           href: node4.link,
           target: "_blank",
           rel: "noreferrer"
-        }) : conf.documentFactory.createElement("span");
+        }) : conf2.documentFactory.createElement("span");
         Object.assign(textElement.style, {
           fontWeight: node4.bold ? "700" : "400",
           fontStyle: node4.italic ? "italic" : "",
@@ -25573,10 +25603,10 @@ class RichText extends Mbr {
             node4.underline ? "underline" : "",
             node4["line-through"] ? "line-through" : ""
           ].filter(Boolean).join(" "),
-          color: node4.fontColor || conf.DEFAULT_TEXT_STYLES.fontColor,
-          backgroundColor: node4.fontHighlight || conf.DEFAULT_TEXT_STYLES.fontHighlight,
-          fontSize: node4.fontSize ? `${node4.fontSize}px` : `${conf.DEFAULT_TEXT_STYLES.fontSize}px`,
-          fontFamily: node4.fontFamily || conf.DEFAULT_TEXT_STYLES.fontFamily
+          color: node4.fontColor || conf2.DEFAULT_TEXT_STYLES.fontColor,
+          backgroundColor: node4.fontHighlight || conf2.DEFAULT_TEXT_STYLES.fontHighlight,
+          fontSize: node4.fontSize ? `${node4.fontSize}px` : `${conf2.DEFAULT_TEXT_STYLES.fontSize}px`,
+          fontFamily: node4.fontFamily || conf2.DEFAULT_TEXT_STYLES.fontFamily
         });
         if (this.insideOf === "Frame") {
           Object.assign(textElement.style, {
@@ -25611,14 +25641,14 @@ class RichText extends Mbr {
               four: 4,
               five: 5
             };
-            const header = conf.documentFactory.createElement(`h${levels2[level]}`);
+            const header = conf2.documentFactory.createElement(`h${levels2[level]}`);
             applyCommonStyles(header);
             header.append(...children);
             return header;
           }
           case "code_block": {
-            const pre = conf.documentFactory.createElement("pre");
-            const code = conf.documentFactory.createElement("code");
+            const pre = conf2.documentFactory.createElement("pre");
+            const code = conf2.documentFactory.createElement("code");
             applyCommonStyles(pre);
             if (node4.language) {
               code.classList.add(`language-${node4.language}`);
@@ -25632,35 +25662,35 @@ class RichText extends Mbr {
             return pre;
           }
           case "block-quote": {
-            const blockquote = conf.documentFactory.createElement("blockquote");
+            const blockquote = conf2.documentFactory.createElement("blockquote");
             applyCommonStyles(blockquote);
             blockquote.append(...children);
             return blockquote;
           }
           case "ul_list": {
-            const ul = conf.documentFactory.createElement("ul");
+            const ul = conf2.documentFactory.createElement("ul");
             applyCommonStyles(ul);
             ul.append(...children);
             return ul;
           }
           case "ol_list": {
-            const ol = conf.documentFactory.createElement("ol");
+            const ol = conf2.documentFactory.createElement("ol");
             applyCommonStyles(ol);
             ol.append(...children);
             return ol;
           }
           case "list_item": {
-            const li = conf.documentFactory.createElement("li");
+            const li = conf2.documentFactory.createElement("li");
             applyCommonStyles(li);
             li.append(...children);
             return li;
           }
           case "paragraph":
           default: {
-            const par = conf.documentFactory.createElement("p");
+            const par = conf2.documentFactory.createElement("p");
             applyCommonStyles(par);
             Object.assign(par.style, {
-              lineHeight: node4.lineHeight ? `${node4.lineHeight}` : conf.DEFAULT_TEXT_STYLES.lineHeight,
+              lineHeight: node4.lineHeight ? `${node4.lineHeight}` : conf2.DEFAULT_TEXT_STYLES.lineHeight,
               margin: "0"
             });
             par.append(...children);
@@ -25668,7 +25698,7 @@ class RichText extends Mbr {
           }
         }
       }
-      return conf.documentFactory.createElement("div");
+      return conf2.documentFactory.createElement("div");
     };
     const escapeHtml2 = (unsafe) => {
       return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
@@ -38731,7 +38761,7 @@ var transformHtmlOrTextToMarkdown = async (text5, html4) => {
     markdownString = String(file).trim();
   }
   let slateNodes = [];
-  if (conf.URL_REGEX.test(text5)) {
+  if (conf2.URL_REGEX.test(text5)) {
     slateNodes = [createLinkNode(text5)];
   } else {
     slateNodes = await convertMarkdownToSlate(markdownString.replace(/<!--(Start|End)Fragment-->/g, ""));
@@ -38747,7 +38777,7 @@ function createLinkNode(link2) {
     type: "text",
     link: link2,
     text: link2,
-    ...conf.DEFAULT_TEXT_STYLES,
+    ...conf2.DEFAULT_TEXT_STYLES,
     fontColor: "rgba(71, 120, 245, 1)"
   };
 }
@@ -38859,7 +38889,7 @@ class AINode {
   constructor(board, isUserRequest = false, parentNodeId, contextItems = [], threadDirection, id = "") {
     this.board = board;
     this.id = id;
-    this.buttonIcon = conf.documentFactory.createElement("img");
+    this.buttonIcon = conf2.documentFactory.createElement("img");
     this.buttonIcon.src = ICON_SRC;
     this.contextItems = contextItems;
     this.isUserRequest = isUserRequest;
@@ -40031,7 +40061,7 @@ function getLine(lineStyle, start2, end2, middle) {
 }
 
 // src/Items/Connector/Connector.ts
-var { i18n: i18n4 } = conf;
+var { i18n: i18n4 } = conf2;
 var ConnectionLineWidths = [1, 2, 3, 4, 5, 6, 7, 8, 12];
 var CONNECTOR_COLOR = "rgb(20, 21, 26)";
 var CONNECTOR_LINE_WIDTH = 1;
@@ -40091,9 +40121,9 @@ class Connector {
     this.text = new RichText(board, this.getMbr(), this.id, new Transformation, this.linkTo, i18n4.t("connector.textPlaceholder", {
       ns: "default"
     }), true, false, "Connector", {
-      ...conf.DEFAULT_TEXT_STYLES,
-      fontSize: typeof window !== "undefined" && localStorage.getItem("lastConnectorTextSize") ? Number(localStorage.getItem("lastConnectorTextSize")) : conf.DEFAULT_TEXT_STYLES.fontSize,
-      fontColor: typeof window !== "undefined" && localStorage.getItem("lastConnectorTextColor") ? localStorage.getItem("lastConnectorTextColor") : conf.DEFAULT_TEXT_STYLES.fontColor
+      ...conf2.DEFAULT_TEXT_STYLES,
+      fontSize: typeof window !== "undefined" && localStorage.getItem("lastConnectorTextSize") ? Number(localStorage.getItem("lastConnectorTextSize")) : conf2.DEFAULT_TEXT_STYLES.fontSize,
+      fontColor: typeof window !== "undefined" && localStorage.getItem("lastConnectorTextColor") ? localStorage.getItem("lastConnectorTextColor") : conf2.DEFAULT_TEXT_STYLES.fontColor
     });
     this.startPointer = getStartPointer(this.startPoint, this.startPointerStyle, this.lineStyle, this.lines, this.lineWidth * 0.1 + 0.3);
     this.endPointer = getEndPointer(this.endPoint, this.endPointerStyle, this.lineStyle, this.lines, this.lineWidth * 0.1 + 0.3);
@@ -40543,7 +40573,7 @@ class Connector {
     this.text.transformation.applyTranslateTo(x - textWidth / 2, y - textHeight / 2);
     this.text.render(context);
     if (DRAW_TEXT_BORDER && (selectionContext === "EditUnderPointer" || selectionContext === "EditTextUnderPointer") && this.board.selection.items.list().includes(this)) {
-      ctx.strokeStyle = conf.SELECTION_COLOR;
+      ctx.strokeStyle = conf2.SELECTION_COLOR;
       ctx.lineWidth = 1;
       ctx.beginPath();
       ctx.rect(textMbr.left - TEXT_BORDER_PADDING, textMbr.top - TEXT_BORDER_PADDING, textMbr.getWidth() + TEXT_BORDER_PADDING * 2, textMbr.getHeight() + TEXT_BORDER_PADDING * 2);
@@ -40770,7 +40800,7 @@ class Connector {
     }
   }
   updatePaths() {
-    if (conf.isNode()) {
+    if (conf2.isNode()) {
       return;
     }
     const startPoint = this.startPoint;
@@ -41581,7 +41611,7 @@ class DefaultShapeData {
   text;
   linkTo;
   itemType = "Shape";
-  constructor(shapeType = "Rectangle", backgroundColor = "none", backgroundOpacity = 1, borderColor = conf.SHAPE_DEFAULT_STROKE_COLOR, borderOpacity = 1, borderStyle = "solid", borderWidth = 1, transformation = new DefaultTransformationData, text5 = new DefaultRichTextData, linkTo) {
+  constructor(shapeType = "Rectangle", backgroundColor = "none", backgroundOpacity = 1, borderColor = conf2.SHAPE_DEFAULT_STROKE_COLOR, borderOpacity = 1, borderStyle = "solid", borderWidth = 1, transformation = new DefaultTransformationData, text5 = new DefaultRichTextData, linkTo) {
     this.shapeType = shapeType;
     this.backgroundColor = backgroundColor;
     this.backgroundOpacity = backgroundOpacity;
@@ -42868,7 +42898,7 @@ class Shape {
     this.text.updateElement();
   }
   transformPath() {
-    if (conf.isNode()) {
+    if (conf2.isNode()) {
       return;
     }
     this.path = Shapes[this.shapeType].createPath(this.mbr);
@@ -43097,7 +43127,7 @@ class Sticker {
     return this;
   }
   transformPath() {
-    if (conf.isNode()) {
+    if (conf2.isNode()) {
       return;
     }
     this.stickerPath = StickerShape.stickerPath.copy();
@@ -43648,7 +43678,7 @@ class Frame {
     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.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 = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf2.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
     this.text.setSelectionHorisontalAlignment("left");
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -44210,10 +44240,10 @@ class VideoCommand {
 
 // src/Items/Video/Video.ts
 var VIDEO_ICON_SRC = "data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V5.2L21.213 1.55C21.288 1.49746 21.3759 1.4665 21.4672 1.4605C21.5586 1.4545 21.6498 1.4737 21.731 1.51599C21.8122 1.55829 21.8802 1.62206 21.9276 1.70035C21.9751 1.77865 22.0001 1.86846 22 1.96V14.04C22.0001 14.1315 21.9751 14.2214 21.9276 14.2996C21.8802 14.3779 21.8122 14.4417 21.731 14.484C21.6498 14.5263 21.5586 14.5455 21.4672 14.5395C21.3759 14.5335 21.288 14.5025 21.213 14.45L16 10.8V15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16H1C0.734784 16 0.48043 15.8946 0.292893 15.7071C0.105357 15.5196 0 15.2652 0 15V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H15ZM14 2H2V14H14V2ZM6.4 4.829C6.47611 4.82879 6.55069 4.8503 6.615 4.891L10.97 7.663C11.0266 7.69917 11.0731 7.749 11.1054 7.80789C11.1376 7.86679 11.1545 7.93285 11.1545 8C11.1545 8.06715 11.1376 8.13321 11.1054 8.19211C11.0731 8.251 11.0266 8.30083 10.97 8.337L6.615 11.11C6.55434 11.1487 6.48438 11.1703 6.41248 11.1725C6.34059 11.1748 6.26941 11.1576 6.20646 11.1228C6.14351 11.088 6.0911 11.0368 6.05477 10.9747C6.01844 10.9127 5.99951 10.8419 6 10.77V5.23C6 5.009 6.18 4.83 6.4 4.83V4.829ZM20 4.84L16 7.64V8.358L20 11.158V4.84Z' fill='%23FFFFFF'/%3E%3C/svg%3E";
-var videoIcon = conf.documentFactory.createElement("img");
+var videoIcon = conf2.documentFactory.createElement("img");
 videoIcon.src = VIDEO_ICON_SRC;
 var createPlaceholderImage = (width2, height2) => {
-  const canvas = conf.documentFactory.createElement("canvas");
+  const canvas = conf2.documentFactory.createElement("canvas");
   canvas.width = width2;
   canvas.height = height2;
   const ctx = canvas.getContext("2d");
@@ -44257,7 +44287,7 @@ class VideoItem extends Mbr {
     this.events = events2;
     this.id = id;
     this.extension = extension2;
-    this.isStorageUrl = !conf.getYouTubeId(url);
+    this.isStorageUrl = !conf2.getYouTubeId(url);
     this.preview = createPlaceholderImage(videoDimension.width, videoDimension.height);
     this.linkTo = new LinkTo(this.id, events2);
     this.board = board;
@@ -44627,59 +44657,59 @@ async function fileTosha256(file) {
 var catchErrorResponse = async (response, mediaType) => {
   if (response.status === 403) {
     const data = await response.json();
-    let errorBody = conf.i18n.t("toolsPanel.addMedia.limitReached.bodyWithoutLimit");
+    let errorBody = conf2.i18n.t("toolsPanel.addMedia.limitReached.bodyWithoutLimit");
     if (!data.isOwnerRequest) {
-      errorBody = conf.i18n.t("toolsPanel.addMedia.limitReached.bodyOwner");
+      errorBody = conf2.i18n.t("toolsPanel.addMedia.limitReached.bodyOwner");
     } else if (data.currentUsage && data.storageLimit) {
-      errorBody = conf.i18n.t(`toolsPanel.addMedia.limitReached.body.${parseInt(data.storageLimit) < 1e5 ? "basic" : "plus"}`);
+      errorBody = conf2.i18n.t(`toolsPanel.addMedia.limitReached.body.${parseInt(data.storageLimit) < 1e5 ? "basic" : "plus"}`);
     }
-    conf.notify({
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.limitReached.header"),
+      header: conf2.i18n.t("toolsPanel.addMedia.limitReached.header"),
       body: errorBody,
       button: data.isOwnerRequest && data.storageLimit <= 100 ? {
-        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
+        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 8000
     });
   } else if (response.status === 413) {
     const data = await response.json();
-    let errorBody = conf.i18n.t("toolsPanel.addMedia.tooLarge.bodyWithoutLimit");
+    let errorBody = conf2.i18n.t("toolsPanel.addMedia.tooLarge.bodyWithoutLimit");
     let isBasicPlan = false;
     if (data.fileSizeLimit && data.fileSize) {
       if (mediaType === "image") {
         isBasicPlan = parseInt(data.fileSizeLimit) < 20;
-        errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
+        errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
       } else {
         isBasicPlan = parseInt(data.fileSizeLimit) < 1000;
-        errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
+        errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
       }
     }
-    conf.notify({
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+      header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
       body: errorBody,
       button: isBasicPlan ? {
-        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
+        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 4000
     });
   } else if (response.status === 401) {
-    conf.openModal("MEDIA_UNAVAILABLE_MODAL_ID");
+    conf2.openModal("MEDIA_UNAVAILABLE_MODAL_ID");
   } else if (response.status === 415) {
-    conf.notify({
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
-      body: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
+      header: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
+      body: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
       duration: 4000
     });
   } else {
-    conf.notify({
+    conf2.notify({
       variant: "error",
-      header: conf.i18n.t("toolsPanel.addMedia.unhandled.header"),
-      body: conf.i18n.t("toolsPanel.addMedia.unhandled.body"),
+      header: conf2.i18n.t("toolsPanel.addMedia.unhandled.header"),
+      body: conf2.i18n.t("toolsPanel.addMedia.unhandled.body"),
       duration: 4000
     });
   }
@@ -44687,17 +44717,17 @@ var catchErrorResponse = async (response, mediaType) => {
 };
 var catchDuplicateErrorResponse = async (response) => {
   if (response.status === 403) {
-    conf.notify({
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.limitReached.header"),
-      body: conf.i18n.t("toolsPanel.addMedia.limitReached.duplicateBody"),
+      header: conf2.i18n.t("toolsPanel.addMedia.limitReached.header"),
+      body: conf2.i18n.t("toolsPanel.addMedia.limitReached.duplicateBody"),
       duration: 4000
     });
   } else {
-    conf.notify({
+    conf2.notify({
       variant: "error",
-      header: conf.i18n.t("toolsPanel.addMedia.unhandled.header"),
-      body: conf.i18n.t("toolsPanel.addMedia.unhandled.body"),
+      header: conf2.i18n.t("toolsPanel.addMedia.unhandled.header"),
+      body: conf2.i18n.t("toolsPanel.addMedia.unhandled.body"),
       duration: 4000
     });
   }
@@ -44705,40 +44735,40 @@ var catchDuplicateErrorResponse = async (response) => {
 };
 var validateMediaFile = (file, account2) => {
   const fileExtension = file.name.split(".").pop()?.toLowerCase() || "";
-  if (!file.type.startsWith("image") && !conf.AUDIO_FORMATS.includes(fileExtension) && !conf.VIDEO_FORMATS.includes(fileExtension)) {
-    conf.notify({
+  if (!file.type.startsWith("image") && !conf2.AUDIO_FORMATS.includes(fileExtension) && !conf2.VIDEO_FORMATS.includes(fileExtension)) {
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
-      body: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
+      header: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
+      body: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
       duration: 4000
     });
     return false;
   }
   const isBasicPlan = account2.billingInfo?.plan.name === "basic";
-  let errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
-  if (conf.AUDIO_FORMATS.includes(fileExtension) || conf.VIDEO_FORMATS.includes(fileExtension)) {
-    errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
+  let errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
+  if (conf2.AUDIO_FORMATS.includes(fileExtension) || conf2.VIDEO_FORMATS.includes(fileExtension)) {
+    errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
     if (file.size / 1024 ** 2 > (account2.billingInfo?.storage.maxMediaSize || Infinity)) {
-      conf.notify({
+      conf2.notify({
         variant: "warning",
-        header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+        header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
         body: errorBody,
         button: isBasicPlan ? {
-          text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-          onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
+          text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+          onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
         } : undefined,
         duration: 4000
       });
       return false;
     }
   } else if (file.size / 1024 ** 2 > (account2.billingInfo?.storage.maxImageSize || Infinity)) {
-    conf.notify({
+    conf2.notify({
       variant: "warning",
-      header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+      header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
       body: errorBody,
       button: isBasicPlan ? {
-        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
+        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 4000
     });
@@ -44817,7 +44847,7 @@ var resizeAndConvertToPng = async (inp) => {
     };
     if (base64String.startsWith("data:image/svg+xml")) {
       image2.onload = async () => {
-        const parser = conf.getDOMParser();
+        const parser = conf2.getDOMParser();
         const svgDoc = parser.parseFromString(atob(base64String.split(",")[1]), "image/svg+xml");
         const svgElement = svgDoc.documentElement;
         svgElement.removeAttribute("width");
@@ -45048,8 +45078,8 @@ class AudioItem extends Mbr {
       this.subject.publish(this);
     });
     this.transformation.subject.subscribe(this.onTransform);
-    this.right = this.left + conf.AUDIO_DIMENSIONS.width;
-    this.bottom = this.top + conf.AUDIO_DIMENSIONS.height;
+    this.right = this.left + conf2.AUDIO_DIMENSIONS.width;
+    this.bottom = this.top + conf2.AUDIO_DIMENSIONS.height;
   }
   setCurrentTime(time2) {
     this.currentTime = time2;
@@ -45116,8 +45146,8 @@ class AudioItem extends Mbr {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
     this.left = translateX;
     this.top = translateY;
-    this.right = this.left + conf.AUDIO_DIMENSIONS.width * scaleX;
-    this.bottom = this.top + conf.AUDIO_DIMENSIONS.height * scaleY;
+    this.right = this.left + conf2.AUDIO_DIMENSIONS.width * scaleX;
+    this.bottom = this.top + conf2.AUDIO_DIMENSIONS.height * scaleY;
   }
   render(context) {
     if (this.transformationRenderBlock) {
@@ -45146,8 +45176,8 @@ class AudioItem extends Mbr {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
     const transform = `translate(${translateX}px, ${translateY}px) scale(${scaleX}, ${scaleY})`;
     div.id = this.getId();
-    div.style.width = `${conf.AUDIO_DIMENSIONS.width}px`;
-    div.style.height = `${conf.AUDIO_DIMENSIONS.height}px`;
+    div.style.width = `${conf2.AUDIO_DIMENSIONS.width}px`;
+    div.style.height = `${conf2.AUDIO_DIMENSIONS.height}px`;
     div.style.transformOrigin = "top left";
     div.style.transform = transform;
     div.style.position = "absolute";
@@ -45266,7 +45296,7 @@ class AudioItem extends Mbr {
   }
   download() {
     if (this.extension) {
-      const linkElem = conf.documentFactory.createElement("a");
+      const linkElem = conf2.documentFactory.createElement("a");
       linkElem.href = this.url;
       linkElem.setAttribute("download", `${this.board.getBoardId()}.${this.extension}`);
       linkElem.click();
@@ -45668,7 +45698,7 @@ class ImageCommand {
 
 // src/Items/Image/Image.ts
 function getPlaceholderImage(board, imageDimension) {
-  const placeholderCanvas = conf.documentFactory.createElement("canvas");
+  const placeholderCanvas = conf2.documentFactory.createElement("canvas");
   const placeholderContext = placeholderCanvas.getContext("2d");
   const context = new DrawingContext(board.camera, placeholderContext);
   const placeholder = new Placeholder;
@@ -46019,7 +46049,7 @@ class Drawing extends Mbr {
   itemType = "Drawing";
   parent = "Board";
   transformation;
-  path2d = new conf.path2DFactory;
+  path2d = new conf2.path2DFactory;
   subject = new Subject;
   untransformedMbr = new Mbr;
   lines = [];
@@ -46096,7 +46126,7 @@ class Drawing extends Mbr {
     this.bottom = mbr.bottom;
   }
   updatePath2d() {
-    this.path2d = new conf.path2DFactory;
+    this.path2d = new conf2.path2DFactory;
     const context = this.path2d;
     const points = this.points;
     if (points.length < 3) {
@@ -47269,9 +47299,9 @@ class Camera {
   matrix = new Matrix2;
   pointer = new Point;
   window = {
-    width: conf.getDocumentWidth(),
-    height: conf.getDocumentHeight(),
-    dpi: conf.getDPI(),
+    width: conf2.getDocumentWidth(),
+    height: conf2.getDocumentHeight(),
+    dpi: conf2.getDPI(),
     getMbr: () => {
       return new Mbr(0, 0, this.window.width, this.window.height);
     }
@@ -47647,9 +47677,9 @@ class Camera {
     this.updateBoardPointer();
   }
   onWindowResize() {
-    this.window.width = conf.getDocumentWidth();
-    this.window.height = conf.getDocumentHeight();
-    this.window.dpi = conf.getDPI();
+    this.window.width = conf2.getDocumentWidth();
+    this.window.height = conf2.getDocumentHeight();
+    this.window.dpi = conf2.getDPI();
     this.resizeSubject.publish(this);
     this.subject.publish(this);
   }
@@ -47662,10 +47692,10 @@ class Camera {
     let y = 0;
     const { activeKeys } = keyboard;
     const directions = {
-      ArrowRight: [-conf.NAVIGATION_STEP, 0],
-      ArrowLeft: [conf.NAVIGATION_STEP, 0],
-      ArrowDown: [0, -conf.NAVIGATION_STEP],
-      ArrowUp: [0, conf.NAVIGATION_STEP]
+      ArrowRight: [-conf2.NAVIGATION_STEP, 0],
+      ArrowLeft: [conf2.NAVIGATION_STEP, 0],
+      ArrowDown: [0, -conf2.NAVIGATION_STEP],
+      ArrowUp: [0, conf2.NAVIGATION_STEP]
     };
     const activeArrowKeys = Array.from(activeKeys).filter((key) => (key in directions)).sort();
     if (activeArrowKeys.length === 2) {
@@ -48198,7 +48228,7 @@ var isMacos = () => navigator.platform.toUpperCase().includes("MAC");
 
 // src/Keyboard/logHotkey.ts
 function logHotkey(hotkeyConfig, hotkeyName, status, context) {
-  if (!import.meta.env.LOG_HOTKEYS) {
+  if (!conf.LOG_HOTKEYS) {
     return;
   }
   const isFunction = typeof hotkeyConfig === "function";
@@ -48290,7 +48320,7 @@ function checkHotkeys(hotkeyMap, event, board) {
 // src/Keyboard/getHotkeyLabel.ts
 function getHotkeyLabel(hotkey) {
   const hotkeyLabel = hotkeys_default[hotkey].label;
-  switch (import.meta.env.FORCE_HOTKEYS || "auto") {
+  switch (conf2.FORCE_HOTKEYS || "auto") {
     case "windows":
       return hotkeyLabel.windows;
     case "macos":
@@ -50267,7 +50297,7 @@ class SpatialIndex {
       this.itemsArray.push(item);
       this.itemsIndex.insert(item);
     }
-    if (conf.isNode()) {
+    if (conf2.isNode()) {
       return;
     }
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
@@ -50834,8 +50864,8 @@ class Tool {
 
 // src/Tools/ExportSnapshot/getDecorationResizeType.ts
 function getDecorationResizeType(point7, mbr, tolerance = 10) {
-  for (const key in conf.EXPORT_FRAME_DECORATIONS) {
-    const decoration = conf.EXPORT_FRAME_DECORATIONS[key];
+  for (const key in conf2.EXPORT_FRAME_DECORATIONS) {
+    const decoration = conf2.EXPORT_FRAME_DECORATIONS[key];
     const decorationBounds = {
       left: mbr.left + (decoration.offsetX ?? 0),
       top: mbr.top + (decoration.offsetY ?? 0),
@@ -50876,7 +50906,7 @@ class ExportSnapshot extends Tool {
     super();
     this.board = board;
     const cameraCenter = this.board.camera.getMbr().getCenter();
-    this.mbr = new Mbr(cameraCenter.x - conf.EXPORT_SELECTION_BOX_WIDTH / 2, cameraCenter.y - conf.EXPORT_SELECTION_BOX_HEIGHT / 2, cameraCenter.x + conf.EXPORT_SELECTION_BOX_WIDTH / 2, cameraCenter.y + conf.EXPORT_SELECTION_BOX_HEIGHT / 2, "transparent", "transparent", 1);
+    this.mbr = new Mbr(cameraCenter.x - conf2.EXPORT_SELECTION_BOX_WIDTH / 2, cameraCenter.y - conf2.EXPORT_SELECTION_BOX_HEIGHT / 2, cameraCenter.x + conf2.EXPORT_SELECTION_BOX_WIDTH / 2, cameraCenter.y + conf2.EXPORT_SELECTION_BOX_HEIGHT / 2, "transparent", "transparent", 1);
     this.board.selection.disable();
     this.tempDrawingContext = new DrawingContext(board.camera, this.tempCtx);
   }
@@ -50888,11 +50918,11 @@ class ExportSnapshot extends Tool {
   resize() {
     if (this.resizeType && this.mbr && this.oppositePoint) {
       const resize = getResize(this.resizeType, this.board.pointer.point, this.mbr, this.oppositePoint);
-      if (resize.mbr.getWidth() > conf.EXPORT_MIN_WIDTH) {
+      if (resize.mbr.getWidth() > conf2.EXPORT_MIN_WIDTH) {
         this.mbr.left = resize.mbr.left;
         this.mbr.right = resize.mbr.right;
       }
-      if (resize.mbr.getHeight() > conf.EXPORT_MIN_HEIGHT) {
+      if (resize.mbr.getHeight() > conf2.EXPORT_MIN_HEIGHT) {
         this.mbr.top = resize.mbr.top;
         this.mbr.bottom = resize.mbr.bottom;
       }
@@ -50981,7 +51011,7 @@ class ExportSnapshot extends Tool {
     }
     const res = await exportBoardSnapshot({
       board: this.board,
-      bgColor: conf.CANVAS_BG_COLOR,
+      bgColor: conf2.CANVAS_BG_COLOR,
       selection: this.mbr,
       upscaleTo: 4000,
       nameToExport: this.board.getName()
@@ -51005,18 +51035,18 @@ class ExportSnapshot extends Tool {
     const cameraMbr = context.camera.getMbr();
     this.tempDrawingContext.setCamera(this.board.camera);
     this.tempDrawingContext.clear();
-    cameraMbr.backgroundColor = conf.EXPORT_BLUR_BACKGROUND_COLOR;
+    cameraMbr.backgroundColor = conf2.EXPORT_BLUR_BACKGROUND_COLOR;
     cameraMbr.strokeWidth = 0;
     cameraMbr.render(this.tempDrawingContext);
     this.tempCtx.clearRect(this.mbr.left, this.mbr.top, this.mbr.getWidth(), this.mbr.getHeight());
-    if (conf.EXPORT_FRAME_DECORATIONS) {
-      const topLeft = conf.EXPORT_FRAME_DECORATIONS["top-left"];
+    if (conf2.EXPORT_FRAME_DECORATIONS) {
+      const topLeft = conf2.EXPORT_FRAME_DECORATIONS["top-left"];
       this.renderDecoration(this.tempDrawingContext, topLeft.path, this.mbr.left + (topLeft.offsetX ?? 0), this.mbr.top + (topLeft.offsetY ?? 0), topLeft.color, topLeft.lineWidth);
-      const topRight = conf.EXPORT_FRAME_DECORATIONS["top-right"];
+      const topRight = conf2.EXPORT_FRAME_DECORATIONS["top-right"];
       this.renderDecoration(this.tempDrawingContext, topRight.path, this.mbr.right + (topRight.offsetX ?? 0), this.mbr.top + (topRight.offsetY ?? 0), topRight.color, topRight.lineWidth);
-      const bottomLeft = conf.EXPORT_FRAME_DECORATIONS["bottom-left"];
+      const bottomLeft = conf2.EXPORT_FRAME_DECORATIONS["bottom-left"];
       this.renderDecoration(this.tempDrawingContext, bottomLeft.path, this.mbr.left + (bottomLeft.offsetX ?? 0), this.mbr.bottom + (bottomLeft.offsetY ?? 0), bottomLeft.color, bottomLeft.lineWidth);
-      const bottomRight = conf.EXPORT_FRAME_DECORATIONS["bottom-right"];
+      const bottomRight = conf2.EXPORT_FRAME_DECORATIONS["bottom-right"];
       this.renderDecoration(this.tempDrawingContext, bottomRight.path, this.mbr.left + this.mbr.getWidth() - bottomRight.width, this.mbr.top + this.mbr.getHeight() - bottomRight.width, bottomRight.color, bottomRight.lineWidth);
     }
   }
@@ -51525,14 +51555,14 @@ class AddConnector extends BoardTool {
 class AddDrawing extends BoardTool {
   drawing = null;
   isDown = false;
-  strokeWidth = conf.PEN_INITIAL_STROKE_WIDTH;
-  strokeColor = conf.PEN_DEFAULT_COLOR;
-  strokeStyle = conf.PEN_STROKE_STYLE;
+  strokeWidth = conf2.PEN_INITIAL_STROKE_WIDTH;
+  strokeColor = conf2.PEN_DEFAULT_COLOR;
+  strokeStyle = conf2.PEN_STROKE_STYLE;
   constructor(board) {
     super(board);
     this.setCursor();
-    if (conf.PEN_SETTINGS_KEY) {
-      const drawingSettings = localStorage.getItem(conf.PEN_SETTINGS_KEY);
+    if (conf2.PEN_SETTINGS_KEY) {
+      const drawingSettings = localStorage.getItem(conf2.PEN_SETTINGS_KEY);
       if (drawingSettings) {
         const { strokeWidth, strokeColor, strokeStyle } = JSON.parse(drawingSettings);
         this.strokeWidth = strokeWidth;
@@ -51542,7 +51572,7 @@ class AddDrawing extends BoardTool {
     }
   }
   updateSettings() {
-    localStorage.setItem(conf.PEN_SETTINGS_KEY, JSON.stringify({
+    localStorage.setItem(conf2.PEN_SETTINGS_KEY, JSON.stringify({
       strokeWidth: this.strokeWidth,
       strokeColor: this.strokeColor,
       strokeStyle: this.strokeStyle
@@ -51572,7 +51602,7 @@ class AddDrawing extends BoardTool {
     ctx.beginPath();
     ctx.arc(point7.x, point7.y, this.strokeWidth / 2, 0, 2 * Math.PI, false);
     ctx.lineWidth = 1;
-    ctx.strokeStyle = conf.PEN_POINTER_CIRCLE_COLOR;
+    ctx.strokeStyle = conf2.PEN_POINTER_CIRCLE_COLOR;
     ctx.stroke();
   }
   setCursor() {
@@ -51654,7 +51684,7 @@ class AddDrawing extends BoardTool {
     this.setCursor();
   };
   render(context) {
-    if (conf.PEN_RENDER_POINTER_CIRCLE) {
+    if (conf2.PEN_RENDER_POINTER_CIRCLE) {
       this.renderPointerCircle(this.board.pointer.point, context);
     }
     if (!this.drawing) {
@@ -51669,14 +51699,14 @@ class AddDrawing extends BoardTool {
 }
 // src/Tools/AddDrawing/AddHighlighter.ts
 class AddHighlighter extends AddDrawing {
-  strokeWidth = conf.HIGHLIGHTER_INITIAL_STROKE_WIDTH;
-  strokeColor = conf.HIGHLIGHTER_DEFAULT_COLOR;
-  strokeStyle = conf.PEN_STROKE_STYLE;
+  strokeWidth = conf2.HIGHLIGHTER_INITIAL_STROKE_WIDTH;
+  strokeColor = conf2.HIGHLIGHTER_DEFAULT_COLOR;
+  strokeStyle = conf2.PEN_STROKE_STYLE;
   constructor(board) {
     super(board);
     this.setCursor();
-    if (conf.HIGHLIGHTER_SETTINGS_KEY) {
-      const highlighterSettings = localStorage.getItem(conf.HIGHLIGHTER_SETTINGS_KEY);
+    if (conf2.HIGHLIGHTER_SETTINGS_KEY) {
+      const highlighterSettings = localStorage.getItem(conf2.HIGHLIGHTER_SETTINGS_KEY);
       if (highlighterSettings) {
         const { strokeWidth, strokeColor, strokeStyle } = JSON.parse(highlighterSettings);
         this.strokeWidth = strokeWidth;
@@ -51689,7 +51719,7 @@ class AddHighlighter extends AddDrawing {
     return true;
   }
   updateSettings() {
-    localStorage.setItem(conf.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({
+    localStorage.setItem(conf2.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({
       strokeWidth: this.strokeWidth,
       strokeColor: this.strokeColor,
       strokeStyle: this.strokeStyle
@@ -52013,7 +52043,7 @@ class AddShape extends BoardTool {
     const point7 = this.board.pointer.point;
     this.line = new Line(point7.copy(), point7.copy());
     this.bounds = this.line.getMbr();
-    this.bounds.borderColor = conf.SELECTION_COLOR;
+    this.bounds.borderColor = conf2.SELECTION_COLOR;
     this.shape.apply({
       class: "Shape",
       method: "setShapeType",
@@ -52037,7 +52067,7 @@ class AddShape extends BoardTool {
       }
       this.line = new Line(startPoint, endPoint);
       this.bounds = this.line.getMbr();
-      this.bounds.borderColor = conf.SELECTION_COLOR;
+      this.bounds.borderColor = conf2.SELECTION_COLOR;
       this.initTransformation();
       this.board.tools.publish();
       return true;
@@ -52109,7 +52139,7 @@ class AddShape extends BoardTool {
     const y = (top + bottom) / 2 - 50;
     this.bounds = new Mbr(x, y, x, y);
     this.line = new Line(new Point(x, y), new Point(x, y));
-    this.bounds.borderColor = conf.SELECTION_COLOR;
+    this.bounds.borderColor = conf2.SELECTION_COLOR;
     this.shape.apply({
       class: "Shape",
       method: "setShapeType",
@@ -52142,8 +52172,8 @@ class AddSticker extends BoardTool {
     this.setCursor(this.sticker.getBackgroundColor());
   }
   setCursor(color2) {
-    if (conf.STICKER_COLOR_NAMES) {
-      const colorName = color2 ? conf.STICKER_COLOR_NAMES[conf.STICKER_COLORS.indexOf(color2)] : undefined;
+    if (conf2.STICKER_COLOR_NAMES) {
+      const colorName = color2 ? conf2.STICKER_COLOR_NAMES[conf2.STICKER_COLORS.indexOf(color2)] : undefined;
       this.board.pointer.setCursor(colorName ? `sticker-${colorName}` : "crosshair");
     } else {
       this.board.pointer.setCursor("crosshair");
@@ -52167,7 +52197,7 @@ class AddSticker extends BoardTool {
     const point7 = this.board.pointer.point;
     this.line = new Line(point7.copy(), point7.copy());
     this.bounds = this.line.getMbr();
-    this.bounds.borderColor = conf.SELECTION_COLOR;
+    this.bounds.borderColor = conf2.SELECTION_COLOR;
     this.board.tools.publish();
     return true;
   }
@@ -52176,7 +52206,7 @@ class AddSticker extends BoardTool {
       this.line = new Line(this.line.start.copy(), this.board.pointer.point.copy());
       this.sticker.applyDiagonal(this.line);
       this.bounds = this.sticker.getMbr();
-      this.bounds.borderColor = conf.SELECTION_COLOR;
+      this.bounds.borderColor = conf2.SELECTION_COLOR;
       this.board.tools.publish();
       return true;
     }
@@ -52276,7 +52306,7 @@ class AddText extends BoardTool {
     const point7 = this.board.pointer.point;
     this.line = new Line(point7.copy(), point7.copy());
     this.bounds = this.line.getMbr();
-    this.bounds.borderColor = conf.SELECTION_COLOR;
+    this.bounds.borderColor = conf2.SELECTION_COLOR;
     this.board.tools.publish();
     return true;
   }
@@ -52287,7 +52317,7 @@ class AddText extends BoardTool {
       const end2 = new Point(cursorPoint.x, start2.y + height2);
       this.line = new Line(start2, end2);
       this.bounds = this.line.getMbr();
-      this.bounds.borderColor = conf.SELECTION_COLOR;
+      this.bounds.borderColor = conf2.SELECTION_COLOR;
       this.board.tools.publish();
       return true;
     }
@@ -52352,11 +52382,11 @@ class AddText extends BoardTool {
 class Eraser extends BoardTool {
   itemType = "Eraser";
   isDown = false;
-  strokeWidth = conf.ERASER_STROKE_WIDTH;
-  strokeColor = conf.ERASER_DEFAULT_COLOR;
-  strokeStyle = conf.PEN_STROKE_STYLE;
+  strokeWidth = conf2.ERASER_STROKE_WIDTH;
+  strokeColor = conf2.ERASER_DEFAULT_COLOR;
+  strokeStyle = conf2.PEN_STROKE_STYLE;
   drawing = new Drawing(this.board, []);
-  maxPointsInLine = conf.ERASER_MAX_LINE_LENGTH;
+  maxPointsInLine = conf2.ERASER_MAX_LINE_LENGTH;
   constructor(board) {
     super(board);
     this.setCursor();
@@ -52518,7 +52548,7 @@ function createCanvasDrawer(board) {
       borderDiv.id = "canvasBorder";
       borderDiv.style.position = "absolute";
       borderDiv.style.transformOrigin = "left top";
-      borderDiv.style.border = `1px solid ${conf.SELECTION_COLOR}`;
+      borderDiv.style.border = `1px solid ${conf2.SELECTION_COLOR}`;
       borderDiv.style.boxSizing = "border-box";
       borderDiv.style.left = `${leftOffset}px`;
       borderDiv.style.top = `${topOffset}px`;
@@ -52528,7 +52558,7 @@ function createCanvasDrawer(board) {
       canvas.style.boxSizing = "border-box";
       container.appendChild(borderDiv);
     } else {
-      canvas.style.border = `1px solid ${conf.SELECTION_COLOR}`;
+      canvas.style.border = `1px solid ${conf2.SELECTION_COLOR}`;
       canvas.style.boxSizing = "border-box";
     }
     const createAnchorDiv = (left, top, radius) => {
@@ -52536,8 +52566,8 @@ function createCanvasDrawer(board) {
       anchorDiv.style.position = "absolute";
       anchorDiv.style.width = `${2 * radius}px`;
       anchorDiv.style.height = `${2 * radius}px`;
-      anchorDiv.style.backgroundColor = `${conf.SELECTION_ANCHOR_COLOR}`;
-      anchorDiv.style.border = `${conf.SELECTION_ANCHOR_WIDTH}px solid ${conf.SELECTION_COLOR}`;
+      anchorDiv.style.backgroundColor = `${conf2.SELECTION_ANCHOR_COLOR}`;
+      anchorDiv.style.border = `${conf2.SELECTION_ANCHOR_WIDTH}px solid ${conf2.SELECTION_COLOR}`;
       anchorDiv.style.borderRadius = "2px";
       anchorDiv.style.left = `calc(${left} - ${radius}px)`;
       anchorDiv.style.top = `calc(${top} - ${radius}px)`;
@@ -52545,10 +52575,10 @@ function createCanvasDrawer(board) {
       return anchorDiv;
     };
     const anchors = [
-      createAnchorDiv("0%", "0%", conf.SELECTION_ANCHOR_RADIUS),
-      createAnchorDiv("100% + 1px", "0%", conf.SELECTION_ANCHOR_RADIUS),
-      createAnchorDiv("0%", "100% + 1px", conf.SELECTION_ANCHOR_RADIUS),
-      createAnchorDiv("100% + 1px", "100% + 1px", conf.SELECTION_ANCHOR_RADIUS)
+      createAnchorDiv("0%", "0%", conf2.SELECTION_ANCHOR_RADIUS),
+      createAnchorDiv("100% + 1px", "0%", conf2.SELECTION_ANCHOR_RADIUS),
+      createAnchorDiv("0%", "100% + 1px", conf2.SELECTION_ANCHOR_RADIUS),
+      createAnchorDiv("100% + 1px", "100% + 1px", conf2.SELECTION_ANCHOR_RADIUS)
     ];
     const canvasBorder = Array.from(container.children).find((child) => child.id === "canvasBorder");
     for (const anchor of anchors) {
@@ -53890,8 +53920,8 @@ class Select extends Tool {
       const { x, y } = pointer.point;
       this.line = new Line(new Point(x, y), new Point(x, y));
       this.rect = this.line.getMbr();
-      this.rect.borderColor = conf.SELECTION_COLOR;
-      this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
+      this.rect.borderColor = conf2.SELECTION_COLOR;
+      this.rect.backgroundColor = conf2.SELECTION_BACKGROUND;
       this.board.tools.publish();
       this.board.presence.throttledEmit({
         method: "DrawSelect",
@@ -53976,8 +54006,8 @@ class Select extends Tool {
       const point7 = this.board.pointer.point.copy();
       this.line = new Line(this.line.start, point7);
       this.rect = this.line.getMbr();
-      this.rect.borderColor = conf.SELECTION_COLOR;
-      this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
+      this.rect.borderColor = conf2.SELECTION_COLOR;
+      this.rect.backgroundColor = conf2.SELECTION_BACKGROUND;
       this.board.tools.publish();
       this.board.presence.throttledEmit({
         method: "DrawSelect",
@@ -55111,7 +55141,7 @@ class Board {
     const loadLinksImagesScript = LOAD_LINKS_IMAGES_JS;
     const css = INDEX_CSS;
     const boardName = this.getName() || this.getBoardId();
-    const items = this.items.getWholeHTML(conf.documentFactory);
+    const items = this.items.getWholeHTML(conf2.documentFactory);
     const itemsDiv = `<div id="items">${items}</div>`;
     const scripts = `
 			<script type="module">${customTagsScript}</script>
@@ -55151,7 +55181,7 @@ class Board {
     return `${head}${body}`;
   }
   deserializeHTMLAndEmit(stringedHTML) {
-    const parser = conf.getDOMParser();
+    const parser = conf2.getDOMParser();
     const doc = parser.parseFromString(stringedHTML, "text/html");
     const items = doc.body.querySelector("#items");
     if (items) {
@@ -55203,7 +55233,7 @@ class Board {
     return [];
   }
   deserializeHTML(stringedHTML) {
-    const parser = conf.getDOMParser();
+    const parser = conf2.getDOMParser();
     const doc = parser.parseFromString(stringedHTML, "text/html");
     const itemsDiv = doc.body.querySelector("#items");
     if (!itemsDiv) {
@@ -55764,7 +55794,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontColor: this.board.items.getById(id)?.getRichText()?.getFontColor() || conf.DEFAULT_TEXT_STYLES.fontColor
+            fontColor: this.board.items.getById(id)?.getRichText()?.getFontColor() || conf2.DEFAULT_TEXT_STYLES.fontColor
           }
         }));
       case "setBlockType":
@@ -55788,7 +55818,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontFamily: this.board.items.getById(id)?.getRichText()?.getFontFamily() || conf.DEFAULT_TEXT_STYLES.fontFamily
+            fontFamily: this.board.items.getById(id)?.getRichText()?.getFontFamily() || conf2.DEFAULT_TEXT_STYLES.fontFamily
           }
         }));
       case "setFontSize":
@@ -55796,7 +55826,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontSize: this.board.items.getById(id)?.getRichText()?.getFontSize() || conf.DEFAULT_TEXT_STYLES.fontSize
+            fontSize: this.board.items.getById(id)?.getRichText()?.getFontSize() || conf2.DEFAULT_TEXT_STYLES.fontSize
           }
         }));
       case "setFontHighlight":
@@ -55804,7 +55834,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontHighlight: this.board.items.getById(id)?.getRichText()?.getFontHighlight() || conf.DEFAULT_TEXT_STYLES.fontHighlight
+            fontHighlight: this.board.items.getById(id)?.getRichText()?.getFontHighlight() || conf2.DEFAULT_TEXT_STYLES.fontHighlight
           }
         }));
       case "setHorisontalAlignment":
@@ -57145,7 +57175,7 @@ class Transformer extends Tool {
     const isLockedItems = this.selection.getIsLockedSelection();
     if (mbr) {
       mbr.strokeWidth = 1 / context.matrix.scaleX;
-      const selectionColor = isLockedItems ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
+      const selectionColor = isLockedItems ? conf2.SELECTION_LOCKED_COLOR : conf2.SELECTION_COLOR;
       mbr.borderColor = selectionColor;
       mbr.render(context);
     }
@@ -57171,7 +57201,7 @@ class Transformer extends Tool {
         new Point(right, bottom)
       ];
       for (const point7 of points) {
-        const circle = new Anchor(point7.x, point7.y, conf.SELECTION_ANCHOR_RADIUS, conf.SELECTION_COLOR, conf.SELECTION_ANCHOR_COLOR, conf.SELECTION_ANCHOR_WIDTH);
+        const circle = new Anchor(point7.x, point7.y, conf2.SELECTION_ANCHOR_RADIUS, conf2.SELECTION_COLOR, conf2.SELECTION_ANCHOR_COLOR, conf2.SELECTION_ANCHOR_WIDTH);
         anchors.push(circle);
       }
     }
@@ -58374,7 +58404,7 @@ class Selection2 {
   renderItemMbr(context, item, customScale) {
     const mbr = item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
-    const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
+    const selectionColor = item.transformation.isLocked ? conf2.SELECTION_LOCKED_COLOR : conf2.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
     mbr.render(context);
   }
@@ -59229,19 +59259,19 @@ function removeNode_removeNode(confirmed, toTransform) {
 // src/Events/Transform/splitNode_insertNode.ts
 function splitNode_insertNode(confirmed, toTransform) {
   const transformed = { ...toTransform };
-  const conf2 = confirmed.path;
+  const conf3 = confirmed.path;
   const path3 = transformed.path;
-  if (Path3.equals(conf2, path3)) {
+  if (Path3.equals(conf3, path3)) {
     return transformed;
   }
-  const isDescendant = path3.length > conf2.length && path3.slice(0, conf2.length).every((seg, i) => seg === conf2[i]);
+  const isDescendant = path3.length > conf3.length && path3.slice(0, conf3.length).every((seg, i) => seg === conf3[i]);
   if (isDescendant) {
     const newPath = [...path3];
     newPath[0] = newPath[0] + 1;
     transformed.path = newPath;
     return transformed;
   }
-  if (Path3.isBefore(conf2, path3)) {
+  if (Path3.isBefore(conf3, path3)) {
     transformPath(confirmed, transformed);
   }
   return transformed;
@@ -59250,23 +59280,23 @@ function splitNode_insertNode(confirmed, toTransform) {
 // src/Events/Transform/splitNode_removeNode.ts
 function splitNode_removeNode(confirmed, toTransform) {
   const transformed = { ...toTransform };
-  const conf2 = confirmed.path;
+  const conf3 = confirmed.path;
   const path3 = transformed.path;
-  if (Path3.equals(conf2, path3)) {
+  if (Path3.equals(conf3, path3)) {
     return transformed;
   }
-  if (path3.length === conf2.length + 1 && path3.slice(0, conf2.length).every((seg, i) => seg === conf2[i])) {
+  if (path3.length === conf3.length + 1 && path3.slice(0, conf3.length).every((seg, i) => seg === conf3[i])) {
     const newPath = [...path3];
-    if (conf2.length === 1) {
+    if (conf3.length === 1) {
       newPath[0] = newPath[0] + 1;
     } else {
-      newPath[conf2.length] = newPath[conf2.length] + 1;
+      newPath[conf3.length] = newPath[conf3.length] + 1;
     }
     transformed.path = newPath;
     return transformed;
   }
-  const isDescendant = path3.length > conf2.length && path3.slice(0, conf2.length).every((seg, i) => seg === conf2[i]);
-  if (Path3.isBefore(conf2, path3) && !isDescendant) {
+  const isDescendant = path3.length > conf3.length && path3.slice(0, conf3.length).every((seg, i) => seg === conf3[i]);
+  if (Path3.isBefore(conf3, path3) && !isDescendant) {
     transformPath(confirmed, transformed);
   }
   return transformed;
@@ -59846,8 +59876,8 @@ function transformEvents(confirmed, toTransform) {
   const transformed = [];
   for (const transf of toTransform) {
     let actualyTransformed = { ...transf };
-    for (const conf2 of confirmed) {
-      const { operation: confOp } = conf2.body;
+    for (const conf3 of confirmed) {
+      const { operation: confOp } = conf3.body;
       const { operation: transfOp } = actualyTransformed.body;
       const transformedOp = transfromOperation(confOp, transfOp);
       if (transformedOp) {
@@ -60479,7 +60509,7 @@ class Events2 {
     return record !== null;
   }
   sendPresenceEvent(event) {
-    conf.connection.publishPresenceEvent(this.board.getBoardId(), event);
+    conf2.connection.publishPresenceEvent(this.board.getBoardId(), event);
   }
   canUndoEvent(op, byUserId) {
     if (op.method === "undo") {
@@ -60588,7 +60618,7 @@ function handleChatChunk(chunk, board) {
             if (chunk.isExternalApiError) {
               const editor = item2.getRichText().editor;
               editor.clearText();
-              editor.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
+              editor.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
             }
           }
           board.camera.zoomToFit(item2.getMbr(), 20);
@@ -60596,9 +60626,9 @@ function handleChatChunk(chunk, board) {
       }
       console.log("Error AI generate", chunk.error);
       if (!chunk.isExternalApiError) {
-        conf.notify({
-          header: conf.i18n.t("AIInput.textGenerationError.header"),
-          body: conf.i18n.t("AIInput.textGenerationError.body"),
+        conf2.notify({
+          header: conf2.i18n.t("AIInput.textGenerationError.header"),
+          body: conf2.i18n.t("AIInput.textGenerationError.body"),
           variant: "error",
           duration: 4000
         });
@@ -60608,9 +60638,9 @@ function handleChatChunk(chunk, board) {
     default:
       board.camera.unsubscribeFromItem();
       if (!chunk.isExternalApiError) {
-        conf.notify({
-          header: conf.i18n.t("AIInput.textGenerationError.header"),
-          body: conf.i18n.t("AIInput.textGenerationError.body"),
+        conf2.notify({
+          header: conf2.i18n.t("AIInput.textGenerationError.header"),
+          body: conf2.i18n.t("AIInput.textGenerationError.body"),
           variant: "error",
           duration: 4000
         });
@@ -60625,7 +60655,7 @@ function handleChatChunk(chunk, board) {
             if (chunk.isExternalApiError) {
               const editor = item2.getRichText().editor;
               editor.clearText();
-              editor.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
+              editor.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
             }
           }
           board.camera.zoomToFit(item2.getMbr(), 20);
@@ -60652,7 +60682,7 @@ function handleAudioGenerate(response, board) {
     }
     const audio = new AudioItem(board, true, audioUrl2, board.events, "", "wav");
     const { left, top, right } = placeholderNode.getMbr();
-    audio.transformation.applyTranslateTo(left + (right - left - conf.AUDIO_DIMENSIONS.width) / 2, top);
+    audio.transformation.applyTranslateTo(left + (right - left - conf2.AUDIO_DIMENSIONS.width) / 2, top);
     audio.updateMbr();
     const threadDirection = placeholderNode.getThreadDirection();
     board.remove(placeholderNode, false);
@@ -60674,7 +60704,7 @@ function handleAudioGenerate(response, board) {
       type: "audio/wav"
     });
     const audioUrl2 = URL.createObjectURL(audioBlob);
-    const linkElem = conf.documentFactory.createElement("a");
+    const linkElem = conf2.documentFactory.createElement("a");
     linkElem.href = audioUrl2;
     linkElem.setAttribute("download", `${board.getBoardId()}-generated.wav`);
     linkElem.click();
@@ -60693,9 +60723,9 @@ function handleAudioGenerate(response, board) {
       board.selection.add(placeholderNode);
     }
     console.error("Audio generation error:", response.message);
-    conf.notify({
-      header: conf.i18n.t("AIInput.audioGenerationError.header"),
-      body: conf.i18n.t("AIInput.audioGenerationError.body"),
+    conf2.notify({
+      header: conf2.i18n.t("AIInput.audioGenerationError.header"),
+      body: conf2.i18n.t("AIInput.audioGenerationError.body"),
       variant: "error",
       duration: 4000
     });
@@ -60758,14 +60788,14 @@ function handleImageGenerate(response, board) {
           board.selection.add(item);
           const editor = item.getRichText()?.editor;
           editor?.clearText();
-          editor?.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
+          editor?.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
           board.camera.zoomToFit(item.getMbr(), 20);
         }
       }
     } else {
-      conf.notify({
-        header: conf.i18n.t("AIInput.imageGenerationError.header"),
-        body: conf.i18n.t("AIInput.imageGenerationError.body"),
+      conf2.notify({
+        header: conf2.i18n.t("AIInput.imageGenerationError.header"),
+        body: conf2.i18n.t("AIInput.imageGenerationError.body"),
         variant: "error",
         duration: 4000
       });
@@ -60832,10 +60862,10 @@ function startIntervals(board) {
   }
   log.publishIntervalTimer = setInterval(() => {
     tryPublishEvent(board);
-  }, conf.EVENTS_PUBLISH_INTERVAL);
+  }, conf2.EVENTS_PUBLISH_INTERVAL);
   log.resendIntervalTimer = setInterval(() => {
     tryResendEvent(board);
-  }, conf.EVENTS_RESEND_INTERVAL);
+  }, conf2.EVENTS_RESEND_INTERVAL);
 }
 function tryPublishEvent(board) {
   const { log } = board.events;
@@ -60854,14 +60884,14 @@ function tryResendEvent(board) {
     return;
   }
   const date = Date.now();
-  const isTimeToSendPendingEvent = date - log.pendingEvent.lastSentTime >= conf.EVENTS_RESEND_INTERVAL;
+  const isTimeToSendPendingEvent = date - log.pendingEvent.lastSentTime >= conf2.EVENTS_RESEND_INTERVAL;
   if (!isTimeToSendPendingEvent) {
     return;
   }
-  const isProbablyLostConnection = log.firstSentTime && date - log.firstSentTime >= conf.EVENTS_RESEND_INTERVAL * 5;
+  const isProbablyLostConnection = log.firstSentTime && date - log.firstSentTime >= conf2.EVENTS_RESEND_INTERVAL * 5;
   if (isProbablyLostConnection) {
     board.presence.clear();
-    conf.connection?.notifyAboutLostConnection();
+    conf2.connection?.notifyAboutLostConnection();
   }
   sendBoardEvent(board, log.pendingEvent.event, log.currentSequenceNumber);
 }
@@ -60892,12 +60922,12 @@ function sendBoardEvent(board, event, sequenceNumber) {
       lastKnownOrder: log.getLastIndex()
     }
   };
-  conf.connection.send({
+  conf2.connection.send({
     type: "BoardEvent",
     boardId: board.getBoardId(),
     event: toSend,
     sequenceNumber,
-    userId: conf.connection.getCurrentUser()
+    userId: conf2.connection.getCurrentUser()
   });
   const date = Date.now();
   log.pendingEvent = {
@@ -60943,7 +60973,7 @@ function handleConfirmation(msg2, board) {
   if (!isPendingEventConfirmation) {
     return;
   }
-  conf.connection?.dismissNotificationAboutLostConnection();
+  conf2.connection?.dismissNotificationAboutLostConnection();
   log.currentSequenceNumber++;
   log.pendingEvent.event.order = msg2.order;
   log.confirmSentLocalEvent(log.pendingEvent.event);
@@ -60955,7 +60985,7 @@ function handleConfirmation(msg2, board) {
 // src/Events/MessageRouter/handleCreateSnapshotRequestMessage.ts
 function handleCreateSnapshotRequestMessage(msg2, board) {
   const { boardId, snapshot, lastOrder } = getSnapshotToPublish(board);
-  conf.connection.send({
+  conf2.connection.send({
     type: "BoardSnapshot",
     boardId,
     snapshot,
@@ -60986,9 +61016,9 @@ function handleModeMessage(message, board) {
     if (isTemplateView()) {
       return;
     }
-    conf.notify({
-      header: conf.i18n.t("sharing.settingsChanged.heading"),
-      body: message.mode === "edit" ? conf.i18n.t("sharing.settingsChanged.bodyEdit") : conf.i18n.t("sharing.settingsChanged.bodyView"),
+    conf2.notify({
+      header: conf2.i18n.t("sharing.settingsChanged.heading"),
+      body: message.mode === "edit" ? conf2.i18n.t("sharing.settingsChanged.bodyEdit") : conf2.i18n.t("sharing.settingsChanged.bodyView"),
       duration: 5000
     });
   }
@@ -61025,7 +61055,7 @@ messageRouter.addHandler("UserJoin", handleUserJoinMessage);
 // src/api/getMeasureCtx.ts
 function getMeasureCtx() {
   if (typeof document !== "undefined") {
-    const measureCanvas = conf.documentFactory.createElement("canvas");
+    const measureCanvas = conf2.documentFactory.createElement("canvas");
     const measureCtx = measureCanvas.getContext("2d");
     if (!measureCtx) {
       throw new Error("Failde to create canvas and get 2d context");
@@ -64079,20 +64109,20 @@ var resources = {
 };
 function initI18N(isNode = false) {
   instance.use(initReactI18next).use(Browser).init({
-    debug: import.meta.env ? import.meta.env.NODE_ENV === "development" : false,
+    debug: conf2.debug,
     detection: {
       order: ["navigator"]
     },
     supportedLngs: ["en", "ru"],
     defaultNS,
     resources,
-    fallbackLng: import.meta.env ? import.meta.env.FALLBACK_LNG : "en",
+    fallbackLng: conf2.FALLBACK_LNG,
     interpolation: {
       escapeValue: false
     }
   });
-  conf.i18n = instance;
-  conf.planNames = {
+  conf2.i18n = instance;
+  conf2.planNames = {
     basic: instance.t("userPlan.plans.basic.name"),
     plus: instance.t("userPlan.plans.plus.name")
   };
@@ -64106,7 +64136,7 @@ function getBrowserDOMParser() {
 
 // src/api/initPaths.ts
 function initPaths(path2D) {
-  conf.EXPORT_FRAME_DECORATIONS = {
+  conf2.EXPORT_FRAME_DECORATIONS = {
     "top-left": {
       path: new path2D("M13 1H1V13"),
       lineWidth: 2,
@@ -64148,23 +64178,23 @@ function initPaths(path2D) {
 
 // src/api/initBrowserSettings.ts
 function initBrowserSettings() {
-  conf.documentFactory = new BrowserDocumentFactory;
-  conf.path2DFactory = BrowserPath2D;
-  conf.measureCtx = getMeasureCtx();
-  conf.getDocumentWidth = () => document.documentElement.clientWidth;
-  conf.getDocumentHeight = () => document.documentElement.clientHeight;
-  conf.getDPI = () => window.devicePixelRatio;
-  conf.getDOMParser = getBrowserDOMParser;
+  conf2.documentFactory = new BrowserDocumentFactory;
+  conf2.path2DFactory = BrowserPath2D;
+  conf2.measureCtx = getMeasureCtx();
+  conf2.getDocumentWidth = () => document.documentElement.clientWidth;
+  conf2.getDocumentHeight = () => document.documentElement.clientHeight;
+  conf2.getDPI = () => window.devicePixelRatio;
+  conf2.getDOMParser = getBrowserDOMParser;
   initI18N();
   initPaths(BrowserPath2D);
-  conf.reactEditorFocus = (editor) => {
+  conf2.reactEditorFocus = (editor) => {
     try {
       ReactEditor.focus(editor);
     } catch (e) {
       console.warn("Failed to focus editor:", e);
     }
   };
-  conf.reactEditorToSlatePoint = (editor, domNode, offset, options) => {
+  conf2.reactEditorToSlatePoint = (editor, domNode, offset, options) => {
     try {
       return ReactEditor.toSlatePoint(editor, [domNode, offset], options);
     } catch (e) {
@@ -64172,7 +64202,7 @@ function initBrowserSettings() {
       return null;
     }
   };
-  return conf;
+  return conf2;
 }
 
 // src/browser.ts