microboard-temp 0.1.21 → 0.1.23

package/dist/esm/browser.js

@@ -7993,7 +7993,7 @@ var Browser = /* @__PURE__ */ function() {
 }();
 Browser.type = "languageDetector";
 
-// src/api/initI18N.ts
+// src/api/initDefaultI18N.ts
 var defaultNS = "default";
 var resources = {
   en: {
@@ -8003,22 +8003,22 @@ var resources = {
     default: {}
   }
 };
-function initI18N(isNode = false) {
+function initDefaultI18N() {
   instance.use(Browser).init({
-    debug: conf2.debug,
+    debug: conf.debug,
     detection: {
       order: ["navigator"]
     },
     supportedLngs: ["en", "ru"],
     defaultNS,
     resources,
-    fallbackLng: conf2.FALLBACK_LNG,
+    fallbackLng: conf.FALLBACK_LNG,
     interpolation: {
       escapeValue: false
     }
   });
-  conf2.i18n = instance;
-  conf2.planNames = {
+  conf.i18n = instance;
+  conf.planNames = {
     basic: instance.t("userPlan.plans.basic.name"),
     plus: instance.t("userPlan.plans.plus.name")
   };
@@ -8033,7 +8033,7 @@ var ExportQuality;
   ExportQuality2[ExportQuality2["STANDARD"] = 2] = "STANDARD";
   ExportQuality2[ExportQuality2["LOW"] = 3] = "LOW";
 })(ExportQuality ||= {});
-var conf2 = {
+var conf = {
   connection: undefined,
   path2DFactory: typeof Path2D !== "undefined" ? BrowserPath2D : MockPath2D,
   documentFactory: typeof document !== "undefined" ? new BrowserDocumentFactory : new MockDocumentFactory,
@@ -8360,7 +8360,7 @@ var conf2 = {
   FALLBACK_LNG: "en",
   cursorsMap
 };
-initI18N();
+initDefaultI18N();
 
 // src/Items/Transformation/Matrix.ts
 class Matrix2 {
@@ -9081,7 +9081,7 @@ class DrawingContext {
     this.setCamera(camera);
   }
   dpi() {
-    return conf2.getDPI();
+    return conf.getDPI();
   }
   setCamera(camera) {
     this.camera = camera;
@@ -9091,7 +9091,7 @@ class DrawingContext {
   }
   clear() {
     this.ctx.setTransform(1 * this.dpi(), 0, 0, 1 * this.dpi(), 0, 0);
-    this.ctx.clearRect(0, 0, conf2.getDocumentWidth(), conf2.getDocumentHeight());
+    this.ctx.clearRect(0, 0, conf.getDocumentWidth(), conf.getDocumentHeight());
     this.matrix.applyToContext(this.ctx);
   }
   clearCursor() {
@@ -9099,7 +9099,7 @@ class DrawingContext {
       return;
     }
     this.cursorCtx.setTransform(1 * this.dpi(), 0, 0, 1 * this.dpi(), 0, 0);
-    this.cursorCtx.clearRect(0, 0, conf2.getDocumentWidth(), conf2.getDocumentHeight());
+    this.cursorCtx.clearRect(0, 0, conf.getDocumentWidth(), conf.getDocumentHeight());
     this.matrix.applyToContext(this.cursorCtx);
   }
   applyChanges() {
@@ -9202,7 +9202,7 @@ class Path {
     this.width = this.getMbr().getWidth();
     this.height = this.getMbr().getHeight();
     this.maxDimension = Math.max(mbr.getWidth(), mbr.getHeight());
-    this.path2d = new conf2.path2DFactory;
+    this.path2d = new conf.path2DFactory;
     this.updateCache();
   }
   getBackgroundColor() {
@@ -9279,7 +9279,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 conf2.path2DFactory;
+    const path2d = new conf.path2DFactory;
     if (this.segments.length === 0) {
       return;
     }
@@ -10323,7 +10323,7 @@ var parsersHTML = {
   "comment-item": parseHTMLComment
 };
 var decodeHtml = (htmlString) => {
-  const parser = conf2.getDOMParser();
+  const parser = conf.getDOMParser();
   const doc = parser.parseFromString(htmlString, "text/html");
   return doc.documentElement.textContent || "";
 };
@@ -10352,10 +10352,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 || 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,
+        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,
         overline: false,
         subscript: false,
         superscript: false
@@ -10420,7 +10420,7 @@ function parseHTMLRichText(el, options) {
         return {
           type: "paragraph",
           ...extractCommonProps(),
-          lineHeight: parseFloat(node.style.lineHeight) || conf2.DEFAULT_TEXT_STYLES.lineHeight,
+          lineHeight: parseFloat(node.style.lineHeight) || conf.DEFAULT_TEXT_STYLES.lineHeight,
           children: children2
         };
       default:
@@ -16900,8 +16900,8 @@ class LinkTo {
     const ctx = context.ctx;
     ctx.save();
     ctx.globalCompositeOperation = "destination-out";
-    const size = conf2.LINK_BTN_SIZE / scale;
-    const offset = conf2.LINK_BTN_OFFSET / scale;
+    const size = conf.LINK_BTN_SIZE / scale;
+    const offset = conf.LINK_BTN_OFFSET / scale;
     ctx.fillRect(right - size - offset, top + offset, size, size);
     ctx.restore();
   }
@@ -17052,7 +17052,7 @@ function getBlockNode(data, maxWidth, isFrame, listData, listMark, newLine = fal
   } else if (node3.type === "ul_list" && !listData) {
     listData = { level: 0, isNumberedList: false };
   }
-  const listMarks = conf2[getListMarkType((listData?.level || 0) + 1)];
+  const listMarks = conf[getListMarkType((listData?.level || 0) + 1)];
   for (let i = 0;i < data.children.length; i++) {
     const child = structuredClone(data.children[i]);
     switch (child.type) {
@@ -17457,8 +17457,8 @@ function measureText(text, style, paddingTop = 0, marginLeft = 0) {
       rect2.height += paddingTop;
     }
   }
-  conf2.measureCtx.font = style.font;
-  const measure = conf2.measureCtx.measureText(text);
+  conf.measureCtx.font = style.font;
+  const measure = conf.measureCtx.measureText(text);
   const actualBoundingBoxAscent = toFiniteNumber2(measure.actualBoundingBoxAscent);
   const actualBoundingBoxDescent = toFiniteNumber2(measure.actualBoundingBoxDescent);
   const actualBoundingBoxLeft = toFiniteNumber2(measure.actualBoundingBoxLeft);
@@ -19188,7 +19188,7 @@ var create2 = (key) => {
     return false;
   };
 };
-var hotkeys2 = {
+var hotkeys = {
   isBold: create2("bold"),
   isCompose: create2("compose"),
   isMoveBackward: create2("moveBackward"),
@@ -26580,7 +26580,7 @@ var convertLinkNodeToTextNode = (node4) => {
   const link = node4.link;
   const text3 = node4.children.map((child) => child.text).join("");
   return {
-    ...conf2.DEFAULT_TEXT_STYLES,
+    ...conf.DEFAULT_TEXT_STYLES,
     type: "text",
     text: text3,
     link,
@@ -26596,9 +26596,9 @@ function setNodeChildrenStyles({
   horisontalAlignment,
   node: node4
 }) {
-  let fontStyles = conf2.DEFAULT_TEXT_STYLES;
+  let fontStyles = conf.DEFAULT_TEXT_STYLES;
   if (editor) {
-    fontStyles = Editor.marks(editor) || conf2.DEFAULT_TEXT_STYLES;
+    fontStyles = Editor.marks(editor) || conf.DEFAULT_TEXT_STYLES;
   }
   switch (node4.type) {
     case "heading_one":
@@ -26630,7 +26630,7 @@ function setNodeChildrenStyles({
       children.text += " ";
     }
     let fontColor = fontStyles.fontColor;
-    if (fontColor === conf2.DEFAULT_TEXT_STYLES.fontColor && children.link) {
+    if (fontColor === conf.DEFAULT_TEXT_STYLES.fontColor && children.link) {
       fontColor = "rgba(71, 120, 245, 1)";
     }
     return {
@@ -26670,8 +26670,6 @@ function setNodeStyles({
 }
 
 // src/Items/RichText/editorHelpers/markdown/markdownProcessor.ts
-var { i18n: i18n2 } = conf2;
-
 class MarkdownProcessor {
   chunksQueue = [];
   isProcessingChunk = false;
@@ -26702,7 +26700,7 @@ class MarkdownProcessor {
       this.subject.publish(this);
       return true;
     }
-    if (i18n2.t && text3.startsWith(i18n2.t("AIInput.generatingResponse"))) {
+    if (text3.startsWith(conf.i18n.t("AIInput.generatingResponse"))) {
       return true;
     }
     const isPrevTextEmpty = isTextEmpty(this.editor.children);
@@ -26760,7 +26758,7 @@ class MarkdownProcessor {
       return;
     }
     const prevText = this.getText()?.[this.getText().length - 1]?.children[0]?.text;
-    if (i18n2.t && prevText?.startsWith(i18n2.t("AIInput.generatingResponse"))) {
+    if (prevText?.startsWith(conf.i18n.t("AIInput.generatingResponse"))) {
       clearText(this.editor);
     }
     if (chunk.includes(`
@@ -27786,7 +27784,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontColor: this.board.items.getById(id)?.getRichText()?.getFontColor() || conf2.DEFAULT_TEXT_STYLES.fontColor
+            fontColor: this.board.items.getById(id)?.getRichText()?.getFontColor() || conf.DEFAULT_TEXT_STYLES.fontColor
           }
         }));
       case "setBlockType":
@@ -27810,7 +27808,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontFamily: this.board.items.getById(id)?.getRichText()?.getFontFamily() || conf2.DEFAULT_TEXT_STYLES.fontFamily
+            fontFamily: this.board.items.getById(id)?.getRichText()?.getFontFamily() || conf.DEFAULT_TEXT_STYLES.fontFamily
           }
         }));
       case "setFontSize":
@@ -27818,7 +27816,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontSize: this.board.items.getById(id)?.getRichText()?.getFontSize() || conf2.DEFAULT_TEXT_STYLES.fontSize
+            fontSize: this.board.items.getById(id)?.getRichText()?.getFontSize() || conf.DEFAULT_TEXT_STYLES.fontSize
           }
         }));
       case "setFontHighlight":
@@ -27826,7 +27824,7 @@ class RichTextCommand {
           item: id,
           operation: {
             ...this.operation,
-            fontHighlight: this.board.items.getById(id)?.getRichText()?.getFontHighlight() || conf2.DEFAULT_TEXT_STYLES.fontHighlight
+            fontHighlight: this.board.items.getById(id)?.getRichText()?.getFontHighlight() || conf.DEFAULT_TEXT_STYLES.fontHighlight
           }
         }));
       case "setHorisontalAlignment":
@@ -29045,7 +29043,6 @@ class BaseItem extends Mbr {
 }
 
 // src/Items/RichText/RichText.ts
-var { i18n: i18n3 } = conf2;
 var isEditInProcessValue = false;
 var counter = 0;
 
@@ -29066,7 +29063,7 @@ class RichText extends BaseItem {
   isContainerSet = false;
   isRenderEnabled = true;
   layoutNodes;
-  clipPath = new conf2.path2DFactory;
+  clipPath = new conf.path2DFactory;
   updateRequired = false;
   autoSizeScale = 1;
   containerMaxWidth;
@@ -29081,7 +29078,7 @@ class RichText extends BaseItem {
   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 = conf2.DEFAULT_TEXT_STYLES) {
+  constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
     this.container = container;
     this.transformation = transformation;
@@ -29215,11 +29212,11 @@ class RichText extends BaseItem {
       return;
     }
     try {
-      conf2.reactEditorFocus(this.editor.editor);
+      conf.reactEditorFocus(this.editor.editor);
     } catch {}
   };
   updateElement = () => {
-    if (conf2.isNode()) {
+    if (conf.isNode()) {
       return;
     }
     if (this.updateRequired) {
@@ -29348,7 +29345,7 @@ class RichText extends BaseItem {
     const container = this.getTransformedContainer();
     const width = container.getWidth();
     const height = container.getHeight();
-    this.clipPath = new conf2.path2DFactory;
+    this.clipPath = new conf.path2DFactory;
     this.clipPath.rect(0, 0, width, height);
   }
   setContainer(container) {
@@ -29625,24 +29622,24 @@ class RichText extends BaseItem {
       this.clearLastClickPoint();
       const domMbr = ref.getBoundingClientRect();
       const refMbr = new Mbr(domMbr.left, domMbr.top, domMbr.right, domMbr.bottom);
-      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, {
+      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, {
           exactMatch: false,
           suppressThrow: false
         });
         if (slatePoint) {
           const nRange = { anchor: slatePoint, focus: slatePoint };
           this.editorTransforms.select(this.editor.editor, nRange);
-          conf2.reactEditorFocus(this.editor.editor);
+          conf.reactEditorFocus(this.editor.editor);
         }
       } else {
-        if (!(conf2.documentFactory.caretPositionFromPoint || conf2.documentFactory.caretRangeFromPoint)) {
+        if (!(conf.documentFactory.caretPositionFromPoint || conf.documentFactory.caretRangeFromPoint)) {
           console.error("document.caretPositionFromPoint and document.caretRangeFromPoint are not available!");
         }
-        conf2.reactEditorFocus(this.editor.editor);
+        conf.reactEditorFocus(this.editor.editor);
       }
     }
   }
@@ -29749,11 +29746,11 @@ class RichText extends BaseItem {
       if (node4.type === "text" || "text" in node4) {
         node4 = node4;
         const text3 = node4.text.trim() !== "" ? decodeHtml(escapeHtml2(node4.text)) : " ";
-        const textElement = node4.link ? Object.assign(conf2.documentFactory.createElement("a"), {
+        const textElement = node4.link ? Object.assign(conf.documentFactory.createElement("a"), {
           href: node4.link,
           target: "_blank",
           rel: "noreferrer"
-        }) : conf2.documentFactory.createElement("span");
+        }) : conf.documentFactory.createElement("span");
         Object.assign(textElement.style, {
           fontWeight: node4.bold ? "700" : "400",
           fontStyle: node4.italic ? "italic" : "",
@@ -29761,10 +29758,10 @@ class RichText extends BaseItem {
             node4.underline ? "underline" : "",
             node4["line-through"] ? "line-through" : ""
           ].filter(Boolean).join(" "),
-          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
+          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
         });
         if (this.insideOf === "Frame") {
           Object.assign(textElement.style, {
@@ -29799,14 +29796,14 @@ class RichText extends BaseItem {
               four: 4,
               five: 5
             };
-            const header = conf2.documentFactory.createElement(`h${levels2[level]}`);
+            const header = conf.documentFactory.createElement(`h${levels2[level]}`);
             applyCommonStyles(header);
             header.append(...children);
             return header;
           }
           case "code_block": {
-            const pre = conf2.documentFactory.createElement("pre");
-            const code = conf2.documentFactory.createElement("code");
+            const pre = conf.documentFactory.createElement("pre");
+            const code = conf.documentFactory.createElement("code");
             applyCommonStyles(pre);
             if (node4.language) {
               code.classList.add(`language-${node4.language}`);
@@ -29820,35 +29817,35 @@ class RichText extends BaseItem {
             return pre;
           }
           case "block-quote": {
-            const blockquote = conf2.documentFactory.createElement("blockquote");
+            const blockquote = conf.documentFactory.createElement("blockquote");
             applyCommonStyles(blockquote);
             blockquote.append(...children);
             return blockquote;
           }
           case "ul_list": {
-            const ul = conf2.documentFactory.createElement("ul");
+            const ul = conf.documentFactory.createElement("ul");
             applyCommonStyles(ul);
             ul.append(...children);
             return ul;
           }
           case "ol_list": {
-            const ol = conf2.documentFactory.createElement("ol");
+            const ol = conf.documentFactory.createElement("ol");
             applyCommonStyles(ol);
             ol.append(...children);
             return ol;
           }
           case "list_item": {
-            const li = conf2.documentFactory.createElement("li");
+            const li = conf.documentFactory.createElement("li");
             applyCommonStyles(li);
             li.append(...children);
             return li;
           }
           case "paragraph":
           default: {
-            const par = conf2.documentFactory.createElement("p");
+            const par = conf.documentFactory.createElement("p");
             applyCommonStyles(par);
             Object.assign(par.style, {
-              lineHeight: node4.lineHeight ? `${node4.lineHeight}` : conf2.DEFAULT_TEXT_STYLES.lineHeight,
+              lineHeight: node4.lineHeight ? `${node4.lineHeight}` : conf.DEFAULT_TEXT_STYLES.lineHeight,
               margin: "0"
             });
             par.append(...children);
@@ -29856,7 +29853,7 @@ class RichText extends BaseItem {
           }
         }
       }
-      return conf2.documentFactory.createElement("div");
+      return conf.documentFactory.createElement("div");
     };
     const escapeHtml2 = (unsafe) => {
       return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
@@ -42919,7 +42916,7 @@ var transformHtmlOrTextToMarkdown = async (text5, html4) => {
     markdownString = String(file).trim();
   }
   let slateNodes = [];
-  if (conf2.URL_REGEX.test(text5)) {
+  if (conf.URL_REGEX.test(text5)) {
     slateNodes = [createLinkNode(text5)];
   } else {
     slateNodes = await convertMarkdownToSlate(markdownString.replace(/<!--(Start|End)Fragment-->/g, ""));
@@ -42935,7 +42932,7 @@ function createLinkNode(link2) {
     type: "text",
     link: link2,
     text: link2,
-    ...conf2.DEFAULT_TEXT_STYLES,
+    ...conf.DEFAULT_TEXT_STYLES,
     fontColor: "rgba(71, 120, 245, 1)"
   };
 }
@@ -43046,7 +43043,7 @@ class AINode extends BaseItem {
   constructor(board, isUserRequest = false, parentNodeId, contextItems = [], threadDirection, id = "") {
     super(board, id);
     this.id = id;
-    this.buttonIcon = conf2.documentFactory.createElement("img");
+    this.buttonIcon = conf.documentFactory.createElement("img");
     this.buttonIcon.src = ICON_SRC;
     this.contextItems = contextItems;
     this.isUserRequest = isUserRequest;
@@ -44217,7 +44214,6 @@ function getLine(lineStyle, start2, end2, middle) {
   }
 }
 // src/Items/Connector/Connector.ts
-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;
@@ -44272,12 +44268,12 @@ class Connector2 extends BaseItem {
     this.lineColor = lineColor ?? CONNECTOR_COLOR;
     this.lineWidth = lineWidth ?? CONNECTOR_LINE_WIDTH;
     this.borderStyle = strokeStyle ?? CONNECTOR_BORDER_STYLE;
-    this.text = new RichText(board, this.getMbr(), this.id, new Transformation, this.linkTo, i18n4.t("connector.textPlaceholder", {
+    this.text = new RichText(board, this.getMbr(), this.id, new Transformation, this.linkTo, conf.i18n.t("connector.textPlaceholder", {
       ns: "default"
     }), true, false, "Connector", {
-      ...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
+      ...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
     });
     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);
@@ -44727,7 +44723,7 @@ class Connector2 extends BaseItem {
     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 = conf2.SELECTION_COLOR;
+      ctx.strokeStyle = conf.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);
@@ -44954,7 +44950,7 @@ class Connector2 extends BaseItem {
     }
   }
   updatePaths() {
-    if (conf2.isNode()) {
+    if (conf.isNode()) {
       return;
     }
     const startPoint = this.startPoint;
@@ -45765,7 +45761,7 @@ class DefaultShapeData {
   text;
   linkTo;
   itemType = "Shape";
-  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) {
+  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) {
     this.shapeType = shapeType;
     this.backgroundColor = backgroundColor;
     this.backgroundOpacity = backgroundOpacity;
@@ -46963,7 +46959,7 @@ class Shape extends BaseItem {
     this.text.updateElement();
   }
   transformPath() {
-    if (conf2.isNode()) {
+    if (conf.isNode()) {
       return;
     }
     this.path = Shapes[this.shapeType].createPath(this.mbr);
@@ -47156,7 +47152,7 @@ class Sticker extends BaseItem {
     return this;
   }
   transformPath() {
-    if (conf2.isNode()) {
+    if (conf.isNode()) {
       return;
     }
     this.stickerPath = StickerShape.stickerPath.copy();
@@ -47642,7 +47638,7 @@ class Frame extends BaseItem {
     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", { ...conf2.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", { ...conf.DEFAULT_TEXT_STYLES, fontColor: FRAME_TITLE_COLOR });
     this.text.setSelectionHorisontalAlignment("left");
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -48188,10 +48184,10 @@ class Frame extends BaseItem {
 }
 // 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 = conf2.documentFactory.createElement("img");
+var videoIcon = conf.documentFactory.createElement("img");
 videoIcon.src = VIDEO_ICON_SRC;
 var createPlaceholderImage = (width2, height2) => {
-  const canvas = conf2.documentFactory.createElement("canvas");
+  const canvas = conf.documentFactory.createElement("canvas");
   canvas.width = width2;
   canvas.height = height2;
   const ctx = canvas.getContext("2d");
@@ -48233,7 +48229,7 @@ class VideoItem extends BaseItem {
     super(board, id);
     this.events = events2;
     this.extension = extension2;
-    this.isStorageUrl = !conf2.getYouTubeId(url);
+    this.isStorageUrl = !conf.getYouTubeId(url);
     this.preview = createPlaceholderImage(videoDimension.width, videoDimension.height);
     this.linkTo = new LinkTo(this.id, events2);
     this.board = board;
@@ -48603,59 +48599,59 @@ async function fileTosha256(file) {
 var catchErrorResponse = async (response, mediaType) => {
   if (response.status === 403) {
     const data = await response.json();
-    let errorBody = conf2.i18n.t("toolsPanel.addMedia.limitReached.bodyWithoutLimit");
+    let errorBody = conf.i18n.t("toolsPanel.addMedia.limitReached.bodyWithoutLimit");
     if (!data.isOwnerRequest) {
-      errorBody = conf2.i18n.t("toolsPanel.addMedia.limitReached.bodyOwner");
+      errorBody = conf.i18n.t("toolsPanel.addMedia.limitReached.bodyOwner");
     } else if (data.currentUsage && data.storageLimit) {
-      errorBody = conf2.i18n.t(`toolsPanel.addMedia.limitReached.body.${parseInt(data.storageLimit) < 1e5 ? "basic" : "plus"}`);
+      errorBody = conf.i18n.t(`toolsPanel.addMedia.limitReached.body.${parseInt(data.storageLimit) < 1e5 ? "basic" : "plus"}`);
     }
-    conf2.notify({
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.limitReached.header"),
+      header: conf.i18n.t("toolsPanel.addMedia.limitReached.header"),
       body: errorBody,
       button: data.isOwnerRequest && data.storageLimit <= 100 ? {
-        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
+        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 8000
     });
   } else if (response.status === 413) {
     const data = await response.json();
-    let errorBody = conf2.i18n.t("toolsPanel.addMedia.tooLarge.bodyWithoutLimit");
+    let errorBody = conf.i18n.t("toolsPanel.addMedia.tooLarge.bodyWithoutLimit");
     let isBasicPlan = false;
     if (data.fileSizeLimit && data.fileSize) {
       if (mediaType === "image") {
         isBasicPlan = parseInt(data.fileSizeLimit) < 20;
-        errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
+        errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.imageBody.${isBasicPlan ? "basic" : "plus"}`);
       } else {
         isBasicPlan = parseInt(data.fileSizeLimit) < 1000;
-        errorBody = conf2.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
+        errorBody = conf.i18n.t(`toolsPanel.addMedia.tooLarge.audioOrVideoBody.${isBasicPlan ? "basic" : "plus"}`);
       }
     }
-    conf2.notify({
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+      header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
       body: errorBody,
       button: isBasicPlan ? {
-        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
+        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 4000
     });
   } else if (response.status === 401) {
-    conf2.openModal("MEDIA_UNAVAILABLE_MODAL_ID");
+    conf.openModal("MEDIA_UNAVAILABLE_MODAL_ID");
   } else if (response.status === 415) {
-    conf2.notify({
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
-      body: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
+      header: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
+      body: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
       duration: 4000
     });
   } else {
-    conf2.notify({
+    conf.notify({
       variant: "error",
-      header: conf2.i18n.t("toolsPanel.addMedia.unhandled.header"),
-      body: conf2.i18n.t("toolsPanel.addMedia.unhandled.body"),
+      header: conf.i18n.t("toolsPanel.addMedia.unhandled.header"),
+      body: conf.i18n.t("toolsPanel.addMedia.unhandled.body"),
       duration: 4000
     });
   }
@@ -48663,17 +48659,17 @@ var catchErrorResponse = async (response, mediaType) => {
 };
 var catchDuplicateErrorResponse = async (response) => {
   if (response.status === 403) {
-    conf2.notify({
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.limitReached.header"),
-      body: conf2.i18n.t("toolsPanel.addMedia.limitReached.duplicateBody"),
+      header: conf.i18n.t("toolsPanel.addMedia.limitReached.header"),
+      body: conf.i18n.t("toolsPanel.addMedia.limitReached.duplicateBody"),
       duration: 4000
     });
   } else {
-    conf2.notify({
+    conf.notify({
       variant: "error",
-      header: conf2.i18n.t("toolsPanel.addMedia.unhandled.header"),
-      body: conf2.i18n.t("toolsPanel.addMedia.unhandled.body"),
+      header: conf.i18n.t("toolsPanel.addMedia.unhandled.header"),
+      body: conf.i18n.t("toolsPanel.addMedia.unhandled.body"),
       duration: 4000
     });
   }
@@ -48681,40 +48677,40 @@ var catchDuplicateErrorResponse = async (response) => {
 };
 var validateMediaFile = (file, account2) => {
   const fileExtension = file.name.split(".").pop()?.toLowerCase() || "";
-  if (!file.type.startsWith("image") && !conf2.AUDIO_FORMATS.includes(fileExtension) && !conf2.VIDEO_FORMATS.includes(fileExtension)) {
-    conf2.notify({
+  if (!file.type.startsWith("image") && !conf.AUDIO_FORMATS.includes(fileExtension) && !conf.VIDEO_FORMATS.includes(fileExtension)) {
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
-      body: conf2.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
+      header: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.header"),
+      body: conf.i18n.t("toolsPanel.addMedia.unsupportedFormat.body"),
       duration: 4000
     });
     return false;
   }
   const isBasicPlan = account2.billingInfo?.plan.name === "basic";
-  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"}`);
+  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"}`);
     if (file.size / 1024 ** 2 > (account2.billingInfo?.storage.maxMediaSize || Infinity)) {
-      conf2.notify({
+      conf.notify({
         variant: "warning",
-        header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+        header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
         body: errorBody,
         button: isBasicPlan ? {
-          text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-          onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
+          text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+          onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
         } : undefined,
         duration: 4000
       });
       return false;
     }
   } else if (file.size / 1024 ** 2 > (account2.billingInfo?.storage.maxImageSize || Infinity)) {
-    conf2.notify({
+    conf.notify({
       variant: "warning",
-      header: conf2.i18n.t("toolsPanel.addMedia.tooLarge.header"),
+      header: conf.i18n.t("toolsPanel.addMedia.tooLarge.header"),
       body: errorBody,
       button: isBasicPlan ? {
-        text: conf2.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
-        onClick: () => conf2.openModal("USER_PLAN_MODAL_ID")
+        text: conf.i18n.t("toolsPanel.addMedia.upgradeToPlus"),
+        onClick: () => conf.openModal("USER_PLAN_MODAL_ID")
       } : undefined,
       duration: 4000
     });
@@ -48793,7 +48789,7 @@ var resizeAndConvertToPng = async (inp) => {
     };
     if (base64String.startsWith("data:image/svg+xml")) {
       image2.onload = async () => {
-        const parser = conf2.getDOMParser();
+        const parser = conf.getDOMParser();
         const svgDoc = parser.parseFromString(atob(base64String.split(",")[1]), "image/svg+xml");
         const svgElement = svgDoc.documentElement;
         svgElement.removeAttribute("width");
@@ -49005,8 +49001,8 @@ class AudioItem extends BaseItem {
       this.subject.publish(this);
     });
     this.transformation.subject.subscribe(this.onTransform);
-    this.right = this.left + conf2.AUDIO_DIMENSIONS.width;
-    this.bottom = this.top + conf2.AUDIO_DIMENSIONS.height;
+    this.right = this.left + conf.AUDIO_DIMENSIONS.width;
+    this.bottom = this.top + conf.AUDIO_DIMENSIONS.height;
     this.shouldUseCustomRender = true;
   }
   setCurrentTime(time2) {
@@ -49075,8 +49071,8 @@ class AudioItem extends BaseItem {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
     this.left = translateX;
     this.top = translateY;
-    this.right = this.left + conf2.AUDIO_DIMENSIONS.width * scaleX;
-    this.bottom = this.top + conf2.AUDIO_DIMENSIONS.height * scaleY;
+    this.right = this.left + conf.AUDIO_DIMENSIONS.width * scaleX;
+    this.bottom = this.top + conf.AUDIO_DIMENSIONS.height * scaleY;
   }
   render(context) {
     if (this.transformationRenderBlock) {
@@ -49105,8 +49101,8 @@ class AudioItem extends BaseItem {
     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 = `${conf2.AUDIO_DIMENSIONS.width}px`;
-    div.style.height = `${conf2.AUDIO_DIMENSIONS.height}px`;
+    div.style.width = `${conf.AUDIO_DIMENSIONS.width}px`;
+    div.style.height = `${conf.AUDIO_DIMENSIONS.height}px`;
     div.style.transformOrigin = "top left";
     div.style.transform = transform;
     div.style.position = "absolute";
@@ -49225,7 +49221,7 @@ class AudioItem extends BaseItem {
   }
   download() {
     if (this.extension) {
-      const linkElem = conf2.documentFactory.createElement("a");
+      const linkElem = conf.documentFactory.createElement("a");
       linkElem.href = this.url;
       linkElem.setAttribute("download", `${this.board.getBoardId()}.${this.extension}`);
       linkElem.click();
@@ -49566,7 +49562,7 @@ class Placeholder extends BaseItem {
 }
 // src/Items/Image/Image.ts
 function getPlaceholderImage(board, imageDimension) {
-  const placeholderCanvas = conf2.documentFactory.createElement("canvas");
+  const placeholderCanvas = conf.documentFactory.createElement("canvas");
   const placeholderContext = placeholderCanvas.getContext("2d");
   const context = new DrawingContext(board.camera, placeholderContext);
   const placeholder = new Placeholder;
@@ -49847,7 +49843,7 @@ class Drawing extends BaseItem {
   itemType = "Drawing";
   parent = "Board";
   transformation;
-  path2d = new conf2.path2DFactory;
+  path2d = new conf.path2DFactory;
   subject = new Subject;
   untransformedMbr = new Mbr;
   lines = [];
@@ -49922,7 +49918,7 @@ class Drawing extends BaseItem {
     this.bottom = mbr.bottom;
   }
   updatePath2d() {
-    this.path2d = new conf2.path2DFactory;
+    this.path2d = new conf.path2DFactory;
     const context = this.path2d;
     const points = this.points;
     if (points.length < 3) {
@@ -51174,14 +51170,14 @@ class AddConnector extends BoardTool {
 class AddDrawing extends BoardTool {
   drawing = null;
   isDown = false;
-  strokeWidth = conf2.PEN_INITIAL_STROKE_WIDTH;
-  strokeColor = conf2.PEN_DEFAULT_COLOR;
-  strokeStyle = conf2.PEN_STROKE_STYLE;
+  strokeWidth = conf.PEN_INITIAL_STROKE_WIDTH;
+  strokeColor = conf.PEN_DEFAULT_COLOR;
+  strokeStyle = conf.PEN_STROKE_STYLE;
   constructor(board) {
     super(board);
     this.setCursor();
-    if (conf2.PEN_SETTINGS_KEY) {
-      const drawingSettings = localStorage.getItem(conf2.PEN_SETTINGS_KEY);
+    if (conf.PEN_SETTINGS_KEY) {
+      const drawingSettings = localStorage.getItem(conf.PEN_SETTINGS_KEY);
       if (drawingSettings) {
         const { strokeWidth, strokeColor, strokeStyle } = JSON.parse(drawingSettings);
         this.strokeWidth = strokeWidth;
@@ -51191,7 +51187,7 @@ class AddDrawing extends BoardTool {
     }
   }
   updateSettings() {
-    localStorage.setItem(conf2.PEN_SETTINGS_KEY, JSON.stringify({
+    localStorage.setItem(conf.PEN_SETTINGS_KEY, JSON.stringify({
       strokeWidth: this.strokeWidth,
       strokeColor: this.strokeColor,
       strokeStyle: this.strokeStyle
@@ -51221,7 +51217,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 = conf2.PEN_POINTER_CIRCLE_COLOR;
+    ctx.strokeStyle = conf.PEN_POINTER_CIRCLE_COLOR;
     ctx.stroke();
   }
   setCursor() {
@@ -51303,7 +51299,7 @@ class AddDrawing extends BoardTool {
     this.setCursor();
   };
   render(context) {
-    if (conf2.PEN_RENDER_POINTER_CIRCLE) {
+    if (conf.PEN_RENDER_POINTER_CIRCLE) {
       this.renderPointerCircle(this.board.pointer.point, context);
     }
     if (!this.drawing) {
@@ -51318,14 +51314,14 @@ class AddDrawing extends BoardTool {
 }
 // src/Tools/AddDrawing/AddHighlighter.ts
 class AddHighlighter extends AddDrawing {
-  strokeWidth = conf2.HIGHLIGHTER_INITIAL_STROKE_WIDTH;
-  strokeColor = conf2.HIGHLIGHTER_DEFAULT_COLOR;
-  strokeStyle = conf2.PEN_STROKE_STYLE;
+  strokeWidth = conf.HIGHLIGHTER_INITIAL_STROKE_WIDTH;
+  strokeColor = conf.HIGHLIGHTER_DEFAULT_COLOR;
+  strokeStyle = conf.PEN_STROKE_STYLE;
   constructor(board) {
     super(board);
     this.setCursor();
-    if (conf2.HIGHLIGHTER_SETTINGS_KEY) {
-      const highlighterSettings = localStorage.getItem(conf2.HIGHLIGHTER_SETTINGS_KEY);
+    if (conf.HIGHLIGHTER_SETTINGS_KEY) {
+      const highlighterSettings = localStorage.getItem(conf.HIGHLIGHTER_SETTINGS_KEY);
       if (highlighterSettings) {
         const { strokeWidth, strokeColor, strokeStyle } = JSON.parse(highlighterSettings);
         this.strokeWidth = strokeWidth;
@@ -51338,7 +51334,7 @@ class AddHighlighter extends AddDrawing {
     return true;
   }
   updateSettings() {
-    localStorage.setItem(conf2.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({
+    localStorage.setItem(conf.HIGHLIGHTER_SETTINGS_KEY, JSON.stringify({
       strokeWidth: this.strokeWidth,
       strokeColor: this.strokeColor,
       strokeStyle: this.strokeStyle
@@ -51662,7 +51658,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 = conf2.SELECTION_COLOR;
+    this.bounds.borderColor = conf.SELECTION_COLOR;
     this.shape.apply({
       class: "Shape",
       method: "setShapeType",
@@ -51686,7 +51682,7 @@ class AddShape extends BoardTool {
       }
       this.line = new Line(startPoint, endPoint);
       this.bounds = this.line.getMbr();
-      this.bounds.borderColor = conf2.SELECTION_COLOR;
+      this.bounds.borderColor = conf.SELECTION_COLOR;
       this.initTransformation();
       this.board.tools.publish();
       return true;
@@ -51758,7 +51754,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 = conf2.SELECTION_COLOR;
+    this.bounds.borderColor = conf.SELECTION_COLOR;
     this.shape.apply({
       class: "Shape",
       method: "setShapeType",
@@ -51791,8 +51787,8 @@ class AddSticker extends BoardTool {
     this.setCursor(this.sticker.getBackgroundColor());
   }
   setCursor(color2) {
-    if (conf2.STICKER_COLOR_NAMES) {
-      const colorName = color2 ? conf2.STICKER_COLOR_NAMES[conf2.STICKER_COLORS.indexOf(color2)] : undefined;
+    if (conf.STICKER_COLOR_NAMES) {
+      const colorName = color2 ? conf.STICKER_COLOR_NAMES[conf.STICKER_COLORS.indexOf(color2)] : undefined;
       this.board.pointer.setCursor(colorName ? `sticker-${colorName}` : "crosshair");
     } else {
       this.board.pointer.setCursor("crosshair");
@@ -51816,7 +51812,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 = conf2.SELECTION_COLOR;
+    this.bounds.borderColor = conf.SELECTION_COLOR;
     this.board.tools.publish();
     return true;
   }
@@ -51825,7 +51821,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 = conf2.SELECTION_COLOR;
+      this.bounds.borderColor = conf.SELECTION_COLOR;
       this.board.tools.publish();
       return true;
     }
@@ -51925,7 +51921,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 = conf2.SELECTION_COLOR;
+    this.bounds.borderColor = conf.SELECTION_COLOR;
     this.board.tools.publish();
     return true;
   }
@@ -51936,7 +51932,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 = conf2.SELECTION_COLOR;
+      this.bounds.borderColor = conf.SELECTION_COLOR;
       this.board.tools.publish();
       return true;
     }
@@ -52001,11 +51997,11 @@ class AddText extends BoardTool {
 class Eraser extends BoardTool {
   itemType = "Eraser";
   isDown = false;
-  strokeWidth = conf2.ERASER_STROKE_WIDTH;
-  strokeColor = conf2.ERASER_DEFAULT_COLOR;
-  strokeStyle = conf2.PEN_STROKE_STYLE;
+  strokeWidth = conf.ERASER_STROKE_WIDTH;
+  strokeColor = conf.ERASER_DEFAULT_COLOR;
+  strokeStyle = conf.PEN_STROKE_STYLE;
   drawing = new Drawing(this.board, []);
-  maxPointsInLine = conf2.ERASER_MAX_LINE_LENGTH;
+  maxPointsInLine = conf.ERASER_MAX_LINE_LENGTH;
   constructor(board) {
     super(board);
     this.setCursor();
@@ -52141,8 +52137,8 @@ function getResizeType(cursorPoint, cameraScale, mbr, anchorDistance = 5) {
 
 // src/Tools/ExportSnapshot/getDecorationResizeType.ts
 function getDecorationResizeType(point7, mbr, tolerance = 10) {
-  for (const key in conf2.EXPORT_FRAME_DECORATIONS) {
-    const decoration = conf2.EXPORT_FRAME_DECORATIONS[key];
+  for (const key in conf.EXPORT_FRAME_DECORATIONS) {
+    const decoration = conf.EXPORT_FRAME_DECORATIONS[key];
     const decorationBounds = {
       left: mbr.left + (decoration.offsetX ?? 0),
       top: mbr.top + (decoration.offsetY ?? 0),
@@ -52183,7 +52179,7 @@ class ExportSnapshot extends Tool {
     super();
     this.board = board;
     const cameraCenter = this.board.camera.getMbr().getCenter();
-    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.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.board.selection.disable();
     this.tempDrawingContext = new DrawingContext(board.camera, this.tempCtx);
   }
@@ -52195,11 +52191,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() > conf2.EXPORT_MIN_WIDTH) {
+      if (resize.mbr.getWidth() > conf.EXPORT_MIN_WIDTH) {
         this.mbr.left = resize.mbr.left;
         this.mbr.right = resize.mbr.right;
       }
-      if (resize.mbr.getHeight() > conf2.EXPORT_MIN_HEIGHT) {
+      if (resize.mbr.getHeight() > conf.EXPORT_MIN_HEIGHT) {
         this.mbr.top = resize.mbr.top;
         this.mbr.bottom = resize.mbr.bottom;
       }
@@ -52288,7 +52284,7 @@ class ExportSnapshot extends Tool {
     }
     const res = await exportBoardSnapshot({
       board: this.board,
-      bgColor: conf2.CANVAS_BG_COLOR,
+      bgColor: conf.CANVAS_BG_COLOR,
       selection: this.mbr,
       upscaleTo: 4000,
       nameToExport: this.board.getName()
@@ -52312,18 +52308,18 @@ class ExportSnapshot extends Tool {
     const cameraMbr = context.camera.getMbr();
     this.tempDrawingContext.setCamera(this.board.camera);
     this.tempDrawingContext.clear();
-    cameraMbr.backgroundColor = conf2.EXPORT_BLUR_BACKGROUND_COLOR;
+    cameraMbr.backgroundColor = conf.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 (conf2.EXPORT_FRAME_DECORATIONS) {
-      const topLeft = conf2.EXPORT_FRAME_DECORATIONS["top-left"];
+    if (conf.EXPORT_FRAME_DECORATIONS) {
+      const topLeft = conf.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 = conf2.EXPORT_FRAME_DECORATIONS["top-right"];
+      const topRight = conf.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 = conf2.EXPORT_FRAME_DECORATIONS["bottom-left"];
+      const bottomLeft = conf.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 = conf2.EXPORT_FRAME_DECORATIONS["bottom-right"];
+      const bottomRight = conf.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);
     }
   }
@@ -52425,7 +52421,7 @@ function createCanvasDrawer(board) {
       borderDiv.id = "canvasBorder";
       borderDiv.style.position = "absolute";
       borderDiv.style.transformOrigin = "left top";
-      borderDiv.style.border = `1px solid ${conf2.SELECTION_COLOR}`;
+      borderDiv.style.border = `1px solid ${conf.SELECTION_COLOR}`;
       borderDiv.style.boxSizing = "border-box";
       borderDiv.style.left = `${leftOffset}px`;
       borderDiv.style.top = `${topOffset}px`;
@@ -52435,7 +52431,7 @@ function createCanvasDrawer(board) {
       canvas.style.boxSizing = "border-box";
       container.appendChild(borderDiv);
     } else {
-      canvas.style.border = `1px solid ${conf2.SELECTION_COLOR}`;
+      canvas.style.border = `1px solid ${conf.SELECTION_COLOR}`;
       canvas.style.boxSizing = "border-box";
     }
     const createAnchorDiv = (left, top, radius) => {
@@ -52443,8 +52439,8 @@ function createCanvasDrawer(board) {
       anchorDiv.style.position = "absolute";
       anchorDiv.style.width = `${2 * radius}px`;
       anchorDiv.style.height = `${2 * radius}px`;
-      anchorDiv.style.backgroundColor = `${conf2.SELECTION_ANCHOR_COLOR}`;
-      anchorDiv.style.border = `${conf2.SELECTION_ANCHOR_WIDTH}px solid ${conf2.SELECTION_COLOR}`;
+      anchorDiv.style.backgroundColor = `${conf.SELECTION_ANCHOR_COLOR}`;
+      anchorDiv.style.border = `${conf.SELECTION_ANCHOR_WIDTH}px solid ${conf.SELECTION_COLOR}`;
       anchorDiv.style.borderRadius = "2px";
       anchorDiv.style.left = `calc(${left} - ${radius}px)`;
       anchorDiv.style.top = `calc(${top} - ${radius}px)`;
@@ -52452,10 +52448,10 @@ function createCanvasDrawer(board) {
       return anchorDiv;
     };
     const anchors = [
-      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)
+      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)
     ];
     const canvasBorder = Array.from(container.children).find((child) => child.id === "canvasBorder");
     for (const anchor of anchors) {
@@ -53808,8 +53804,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 = conf2.SELECTION_COLOR;
-      this.rect.backgroundColor = conf2.SELECTION_BACKGROUND;
+      this.rect.borderColor = conf.SELECTION_COLOR;
+      this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
       this.board.tools.publish();
       this.board.presence.throttledEmit({
         method: "DrawSelect",
@@ -53894,8 +53890,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 = conf2.SELECTION_COLOR;
-      this.rect.backgroundColor = conf2.SELECTION_BACKGROUND;
+      this.rect.borderColor = conf.SELECTION_COLOR;
+      this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
       this.board.tools.publish();
       this.board.presence.throttledEmit({
         method: "DrawSelect",
@@ -54406,7 +54402,7 @@ class ShapeTool extends CustomTool {
     const point7 = this.board.pointer.point;
     this.line = new Line(point7.copy(), point7.copy());
     this.bounds = this.line.getMbr();
-    this.bounds.borderColor = conf2.SELECTION_COLOR;
+    this.bounds.borderColor = conf.SELECTION_COLOR;
     this.initTransformation();
     this.board.tools.publish();
     return true;
@@ -54424,7 +54420,7 @@ class ShapeTool extends CustomTool {
       }
       this.line = new Line(startPoint, endPoint);
       this.bounds = this.line.getMbr();
-      this.bounds.borderColor = conf2.SELECTION_COLOR;
+      this.bounds.borderColor = conf.SELECTION_COLOR;
       this.initTransformation();
       this.board.tools.publish();
       return true;
@@ -55393,9 +55389,9 @@ class Camera {
   matrix = new Matrix2;
   pointer = new Point;
   window = {
-    width: conf2.getDocumentWidth(),
-    height: conf2.getDocumentHeight(),
-    dpi: conf2.getDPI(),
+    width: conf.getDocumentWidth(),
+    height: conf.getDocumentHeight(),
+    dpi: conf.getDPI(),
     getMbr: () => {
       return new Mbr(0, 0, this.window.width, this.window.height);
     }
@@ -55771,9 +55767,9 @@ class Camera {
     this.updateBoardPointer();
   }
   onWindowResize() {
-    this.window.width = conf2.getDocumentWidth();
-    this.window.height = conf2.getDocumentHeight();
-    this.window.dpi = conf2.getDPI();
+    this.window.width = conf.getDocumentWidth();
+    this.window.height = conf.getDocumentHeight();
+    this.window.dpi = conf.getDPI();
     this.resizeSubject.publish(this);
     this.subject.publish(this);
   }
@@ -55786,10 +55782,10 @@ class Camera {
     let y = 0;
     const { activeKeys } = keyboard;
     const directions = {
-      ArrowRight: [-conf2.NAVIGATION_STEP, 0],
-      ArrowLeft: [conf2.NAVIGATION_STEP, 0],
-      ArrowDown: [0, -conf2.NAVIGATION_STEP],
-      ArrowUp: [0, conf2.NAVIGATION_STEP]
+      ArrowRight: [-conf.NAVIGATION_STEP, 0],
+      ArrowLeft: [conf.NAVIGATION_STEP, 0],
+      ArrowDown: [0, -conf.NAVIGATION_STEP],
+      ArrowUp: [0, conf.NAVIGATION_STEP]
     };
     const activeArrowKeys = Array.from(activeKeys).filter((key) => (key in directions)).sort();
     if (activeArrowKeys.length === 2) {
@@ -56172,6 +56168,322 @@ function isHotkeyPushed(hotkey, event) {
 }
 // src/isMacos.ts
 var isMacos = () => navigator.platform.toUpperCase().includes("MAC");
+// src/Keyboard/hotkeys.json
+var hotkeys_default2 = {
+  select: {
+    key: {
+      button: "KeyV"
+    },
+    label: {
+      windows: "V",
+      mac: "V"
+    }
+  },
+  navigateMode: {
+    key: {
+      button: "Space"
+    },
+    label: {
+      windows: "Space",
+      mac: "Space"
+    }
+  },
+  text: {
+    key: {
+      button: "KeyT"
+    },
+    label: {
+      windows: "T",
+      mac: "T"
+    }
+  },
+  sticker: {
+    key: {
+      button: "KeyN"
+    },
+    label: {
+      mac: "N",
+      windows: "N"
+    }
+  },
+  shape: {
+    key: {
+      button: "KeyS"
+    },
+    label: {
+      mac: "S",
+      windows: "S"
+    }
+  },
+  connector: {
+    key: {
+      button: "KeyL"
+    },
+    label: {
+      mac: "L",
+      windows: "L"
+    }
+  },
+  pen: {
+    key: {
+      button: "KeyP"
+    },
+    label: {
+      mac: "P",
+      windows: "P"
+    }
+  },
+  eraser: {
+    key: {
+      button: "KeyE"
+    },
+    label: {
+      mac: "E",
+      windows: "E"
+    }
+  },
+  frame: {
+    key: {
+      button: "KeyF"
+    },
+    label: {
+      mac: "F",
+      windows: "F"
+    }
+  },
+  undo: {
+    key: {
+      button: "KeyZ",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘Z",
+      windows: "Ctrl + Z"
+    }
+  },
+  redo: {
+    key: {
+      button: "KeyZ",
+      ctrl: true,
+      shift: true
+    },
+    label: {
+      mac: "⌘⇧Z",
+      windows: "Ctrl + Shift + Z"
+    }
+  },
+  textBold: {
+    key: {
+      button: "KeyB",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘B",
+      windows: "Ctrl + B"
+    }
+  },
+  textStrike: {
+    key: {
+      button: "KeyS",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘S",
+      windows: "Ctrl + S"
+    }
+  },
+  textUnderline: {
+    key: {
+      button: "KeyU",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘U",
+      windows: "Ctrl + U"
+    }
+  },
+  textItalic: {
+    key: {
+      button: "KeyI",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘I",
+      windows: "Ctrl + I"
+    }
+  },
+  zoomOut: {
+    key: {
+      button: "Minus",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘-",
+      windows: "Ctrl + -"
+    }
+  },
+  zoomIn: {
+    key: {
+      button: "Equal",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘+",
+      windows: "Ctrl + +"
+    }
+  },
+  zoomDefault: {
+    key: {
+      button: "Digit0",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘0",
+      windows: "Ctrl + 0"
+    }
+  },
+  duplicate: {
+    key: {
+      button: "KeyD",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘D",
+      windows: "Ctrl + D"
+    }
+  },
+  bringToFront: {
+    key: {
+      button: "PageUp"
+    },
+    label: {
+      mac: "fn↑ (PgUp)",
+      windows: "PgUp"
+    }
+  },
+  sendToBack: {
+    key: {
+      button: "PageDown"
+    },
+    label: {
+      mac: "fn↓ (PgDn)",
+      windows: "PgDn"
+    }
+  },
+  delete: {
+    key: {
+      button: ["Delete", "Backspace"]
+    },
+    label: {
+      mac: "Delete",
+      windows: "Delete"
+    }
+  },
+  cancel: {
+    key: {
+      button: "Escape"
+    },
+    label: {
+      mac: "Esc",
+      windows: "Esc"
+    }
+  },
+  selectAll: {
+    key: {
+      button: "KeyA",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘A",
+      windows: "Ctrl + A"
+    }
+  },
+  copy: {
+    key: {
+      button: "KeyC",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘C",
+      windows: "Ctrl + C"
+    }
+  },
+  paste: {
+    key: {
+      button: "KeyV",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘V",
+      windows: "Ctrl + V"
+    }
+  },
+  confirm: {
+    key: {
+      button: "Enter"
+    },
+    label: {
+      mac: "⏎",
+      windows: "⏎"
+    }
+  },
+  frameNavigationNext: {
+    key: {
+      button: "ArrowRight",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘→",
+      windows: "Ctrl→"
+    }
+  },
+  frameNavigationPrev: {
+    key: {
+      button: "ArrowLeft",
+      ctrl: true
+    },
+    label: {
+      mac: "⌘←",
+      windows: "Ctrl←"
+    }
+  },
+  navigationRight: {
+    key: {
+      button: "ArrowRight"
+    },
+    label: {
+      mac: "→",
+      windows: "→"
+    }
+  },
+  navigationLeft: {
+    key: {
+      button: "ArrowLeft"
+    },
+    label: {
+      mac: "←",
+      windows: "←"
+    }
+  },
+  navigationUp: {
+    key: {
+      button: "ArrowUp"
+    },
+    label: {
+      mac: "↑",
+      windows: "↑"
+    }
+  },
+  navigationDown: {
+    key: {
+      button: "ArrowDown"
+    },
+    label: {
+      mac: "↓",
+      windows: "↓"
+    }
+  }
+};
 
 // src/Keyboard/logHotkey.ts
 function logHotkey(hotkeyConfig, hotkeyName, status, context) {
@@ -56179,7 +56491,7 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
     return;
   }
   const isFunction = typeof hotkeyConfig === "function";
-  const hotkeyData = hotkeys[hotkeyName];
+  const hotkeyData = hotkeys_default2[hotkeyName];
   switch (status) {
     case "triggered":
       console.groupCollapsed(`%cDebug%c Triggered hotkey%c ${hotkeyName}`, "color: #00f; font-size: 16px; display: inline-block; padding: 2px 5px; border-radius: 5px; background-color: #f0f0f0; margin-left: 8px", "font-size: 14px; display: inline-block; color: #808080; font-weight: 500;", "font-size: 14px; display: inline-block; color: #ffd800; font-weight: 700;");
@@ -56267,7 +56579,7 @@ function checkHotkeys(hotkeyMap, event, board) {
 // src/Keyboard/getHotkeyLabel.ts
 function getHotkeyLabel(hotkey) {
   const hotkeyLabel = hotkeys_default[hotkey].label;
-  switch (conf2.FORCE_HOTKEYS || "auto") {
+  switch (conf.FORCE_HOTKEYS || "auto") {
     case "windows":
       return hotkeyLabel.windows;
     case "macos":
@@ -58244,7 +58556,7 @@ class SpatialIndex {
       this.itemsArray.push(item);
       this.itemsIndex.insert(item);
     }
-    if (conf2.isNode()) {
+    if (conf.isNode()) {
       return;
     }
     if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
@@ -59773,7 +60085,7 @@ class Transformer extends Tool {
     const isLockedItems = this.selection.getIsLockedSelection();
     if (mbr) {
       mbr.strokeWidth = 1 / context.matrix.scaleX;
-      const selectionColor = isLockedItems ? conf2.SELECTION_LOCKED_COLOR : conf2.SELECTION_COLOR;
+      const selectionColor = isLockedItems ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
       mbr.borderColor = selectionColor;
       mbr.render(context);
     }
@@ -59799,7 +60111,7 @@ class Transformer extends Tool {
         new Point(right, bottom)
       ];
       for (const point7 of points) {
-        const circle = new Anchor(point7.x, point7.y, conf2.SELECTION_ANCHOR_RADIUS, conf2.SELECTION_COLOR, conf2.SELECTION_ANCHOR_COLOR, conf2.SELECTION_ANCHOR_WIDTH);
+        const circle = new Anchor(point7.x, point7.y, conf.SELECTION_ANCHOR_RADIUS, conf.SELECTION_COLOR, conf.SELECTION_ANCHOR_COLOR, conf.SELECTION_ANCHOR_WIDTH);
         anchors.push(circle);
       }
     }
@@ -61000,7 +61312,7 @@ class BoardSelection {
   renderItemMbr(context, item, customScale) {
     const mbr = item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
-    const selectionColor = item.transformation.isLocked ? conf2.SELECTION_LOCKED_COLOR : conf2.SELECTION_COLOR;
+    const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
     mbr.render(context);
   }
@@ -61447,7 +61759,7 @@ class Board {
     const loadLinksImagesScript = LOAD_LINKS_IMAGES_JS;
     const css = INDEX_CSS;
     const boardName = this.getName() || this.getBoardId();
-    const items = this.items.getWholeHTML(conf2.documentFactory);
+    const items = this.items.getWholeHTML(conf.documentFactory);
     const itemsDiv = `<div id="items">${items}</div>`;
     const scripts = `
 			<script type="module">${customTagsScript}</script>
@@ -61487,7 +61799,7 @@ class Board {
     return `${head}${body}`;
   }
   deserializeHTMLAndEmit(stringedHTML) {
-    const parser = conf2.getDOMParser();
+    const parser = conf.getDOMParser();
     const doc = parser.parseFromString(stringedHTML, "text/html");
     const items = doc.body.querySelector("#items");
     if (items) {
@@ -61539,7 +61851,7 @@ class Board {
     return [];
   }
   deserializeHTML(stringedHTML) {
-    const parser = conf2.getDOMParser();
+    const parser = conf.getDOMParser();
     const doc = parser.parseFromString(stringedHTML, "text/html");
     const itemsDiv = doc.body.querySelector("#items");
     if (!itemsDiv) {
@@ -62678,19 +62990,19 @@ function removeNode_removeNode(confirmed, toTransform) {
 // src/Events/Transform/splitNode_insertNode.ts
 function splitNode_insertNode(confirmed, toTransform) {
   const transformed = { ...toTransform };
-  const conf3 = confirmed.path;
+  const conf2 = confirmed.path;
   const path4 = transformed.path;
-  if (Path3.equals(conf3, path4)) {
+  if (Path3.equals(conf2, path4)) {
     return transformed;
   }
-  const isDescendant = path4.length > conf3.length && path4.slice(0, conf3.length).every((seg, i) => seg === conf3[i]);
+  const isDescendant = path4.length > conf2.length && path4.slice(0, conf2.length).every((seg, i) => seg === conf2[i]);
   if (isDescendant) {
     const newPath = [...path4];
     newPath[0] = newPath[0] + 1;
     transformed.path = newPath;
     return transformed;
   }
-  if (Path3.isBefore(conf3, path4)) {
+  if (Path3.isBefore(conf2, path4)) {
     transformPath(confirmed, transformed);
   }
   return transformed;
@@ -62699,23 +63011,23 @@ function splitNode_insertNode(confirmed, toTransform) {
 // src/Events/Transform/splitNode_removeNode.ts
 function splitNode_removeNode(confirmed, toTransform) {
   const transformed = { ...toTransform };
-  const conf3 = confirmed.path;
+  const conf2 = confirmed.path;
   const path4 = transformed.path;
-  if (Path3.equals(conf3, path4)) {
+  if (Path3.equals(conf2, path4)) {
     return transformed;
   }
-  if (path4.length === conf3.length + 1 && path4.slice(0, conf3.length).every((seg, i) => seg === conf3[i])) {
+  if (path4.length === conf2.length + 1 && path4.slice(0, conf2.length).every((seg, i) => seg === conf2[i])) {
     const newPath = [...path4];
-    if (conf3.length === 1) {
+    if (conf2.length === 1) {
       newPath[0] = newPath[0] + 1;
     } else {
-      newPath[conf3.length] = newPath[conf3.length] + 1;
+      newPath[conf2.length] = newPath[conf2.length] + 1;
     }
     transformed.path = newPath;
     return transformed;
   }
-  const isDescendant = path4.length > conf3.length && path4.slice(0, conf3.length).every((seg, i) => seg === conf3[i]);
-  if (Path3.isBefore(conf3, path4) && !isDescendant) {
+  const isDescendant = path4.length > conf2.length && path4.slice(0, conf2.length).every((seg, i) => seg === conf2[i]);
+  if (Path3.isBefore(conf2, path4) && !isDescendant) {
     transformPath(confirmed, transformed);
   }
   return transformed;
@@ -63295,8 +63607,8 @@ function transformEvents(confirmed, toTransform) {
   const transformed = [];
   for (const transf of toTransform) {
     let actualyTransformed = { ...transf };
-    for (const conf3 of confirmed) {
-      const { operation: confOp } = conf3.body;
+    for (const conf2 of confirmed) {
+      const { operation: confOp } = conf2.body;
       const { operation: transfOp } = actualyTransformed.body;
       const transformedOp = transfromOperation(confOp, transfOp);
       if (transformedOp) {
@@ -63928,7 +64240,7 @@ class Events2 {
     return record !== null;
   }
   sendPresenceEvent(event) {
-    conf2.connection.publishPresenceEvent(this.board.getBoardId(), event);
+    conf.connection.publishPresenceEvent(this.board.getBoardId(), event);
   }
   canUndoEvent(op, byUserId) {
     if (op.method === "undo") {
@@ -64006,81 +64318,53 @@ function handleChatChunk(chunk, board) {
   const item = board.items.getById(itemId);
   switch (chunk.type) {
     case "chunk":
-      if (!item || item.itemType !== "AINode") {
+      if (!item2 || item2.itemType !== "AINode") {
         return;
       }
-      item.text.editor.markdownProcessor.processMarkdown(chunk.content || "");
+      item2.getRichText()?.editor.markdownProcessor.processMarkdown(chunk.content || "");
       break;
     case "done":
-      if (!item || item.itemType !== "AINode") {
+      if (!item2 || item2.itemType !== "AINode") {
         board.aiGeneratingOnItem = undefined;
         return;
       }
-      item.getRichText().editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
+      item2.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
       break;
     case "end":
-      if (!item || item.itemType !== "AINode") {
+      if (!item2 || item2.itemType !== "AINode") {
         board.aiGeneratingOnItem = undefined;
         return;
       }
-      item.getRichText().editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
+      item2.getRichText()?.editor.markdownProcessor.processMarkdown("StopProcessingMarkdown");
       break;
     case "error":
-      board.camera.unsubscribeFromItem();
-      if (board.aiGeneratingOnItem) {
-        const item2 = board.items.getById(board.aiGeneratingOnItem);
-        if (item2) {
-          board.selection.removeAll();
-          board.selection.add(item2);
-          if (item2.itemType === "AINode") {
-            item2.getRichText().editor.markdownProcessor.setStopProcessingMarkDownCb(null);
-            if (chunk.isExternalApiError) {
-              const editor = item2.getRichText().editor;
-              editor.clearText();
-              editor.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
-            }
-          }
-          board.camera.zoomToFit(item2.getMbr(), 20);
-        }
-      }
-      console.log("Error AI generate", chunk.error);
-      if (!chunk.isExternalApiError) {
-        conf2.notify({
-          header: conf2.i18n.t("AIInput.textGenerationError.header"),
-          body: conf2.i18n.t("AIInput.textGenerationError.body"),
-          variant: "error",
-          duration: 4000
-        });
-      }
-      board.aiGeneratingOnItem = undefined;
-      break;
     default:
       board.camera.unsubscribeFromItem();
       if (!chunk.isExternalApiError) {
-        conf2.notify({
-          header: conf2.i18n.t("AIInput.textGenerationError.header"),
-          body: conf2.i18n.t("AIInput.textGenerationError.body"),
+        conf.notify({
+          header: conf.i18n.t("AIInput.textGenerationError.header"),
+          body: conf.i18n.t("AIInput.textGenerationError.body"),
           variant: "error",
           duration: 4000
         });
       }
-      if (board.aiGeneratingOnItem) {
-        const item2 = board.items.getById(board.aiGeneratingOnItem);
-        if (item2) {
-          board.selection.removeAll();
-          board.selection.add(item2);
-          if (item2.itemType === "AINode") {
-            item2.getRichText().editor.markdownProcessor.setStopProcessingMarkDownCb(null);
-            if (chunk.isExternalApiError) {
-              const editor = item2.getRichText().editor;
-              editor.clearText();
-              editor.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
-            }
+      const item2 = board.items.getById(board.aiGeneratingOnItem || "");
+      if (board.aiGeneratingOnItem && item2) {
+        board.selection.removeAll();
+        board.selection.add(item2);
+        const rt = item2?.getRichText();
+        if (item2.itemType === "AINode" && rt) {
+          const editor = rt.editor;
+          editor.markdownProcessor.setStopProcessingMarkDownCb(null);
+          if (chunk.isExternalApiError) {
+            editor.clearText();
+            editor.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
           }
-          board.camera.zoomToFit(item2.getMbr(), 20);
         }
+        board.camera.zoomToFit(item2.getMbr(), 20);
       }
       board.aiGeneratingOnItem = undefined;
+      break;
   }
 }
 function handleAudioGenerate(response, board) {
@@ -64101,7 +64385,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 - conf2.AUDIO_DIMENSIONS.width) / 2, top);
+    audio.transformation.applyTranslateTo(left + (right - left - conf.AUDIO_DIMENSIONS.width) / 2, top);
     audio.updateMbr();
     const threadDirection = placeholderNode.getThreadDirection();
     board.remove(placeholderNode, false);
@@ -64123,7 +64407,7 @@ function handleAudioGenerate(response, board) {
       type: "audio/wav"
     });
     const audioUrl2 = URL.createObjectURL(audioBlob);
-    const linkElem = conf2.documentFactory.createElement("a");
+    const linkElem = conf.documentFactory.createElement("a");
     linkElem.href = audioUrl2;
     linkElem.setAttribute("download", `${board.getBoardId()}-generated.wav`);
     linkElem.click();
@@ -64142,9 +64426,9 @@ function handleAudioGenerate(response, board) {
       board.selection.add(placeholderNode);
     }
     console.error("Audio generation error:", response.message);
-    conf2.notify({
-      header: conf2.i18n.t("AIInput.audioGenerationError.header"),
-      body: conf2.i18n.t("AIInput.audioGenerationError.body"),
+    conf.notify({
+      header: conf.i18n.t("AIInput.audioGenerationError.header"),
+      body: conf.i18n.t("AIInput.audioGenerationError.body"),
       variant: "error",
       duration: 4000
     });
@@ -64207,14 +64491,14 @@ function handleImageGenerate(response, board) {
           board.selection.add(item);
           const editor = item.getRichText()?.editor;
           editor?.clearText();
-          editor?.insertCopiedText(conf2.i18n.t("AIInput.nodeErrorText"));
+          editor?.insertCopiedText(conf.i18n.t("AIInput.nodeErrorText"));
           board.camera.zoomToFit(item.getMbr(), 20);
         }
       }
     } else {
-      conf2.notify({
-        header: conf2.i18n.t("AIInput.imageGenerationError.header"),
-        body: conf2.i18n.t("AIInput.imageGenerationError.body"),
+      conf.notify({
+        header: conf.i18n.t("AIInput.imageGenerationError.header"),
+        body: conf.i18n.t("AIInput.imageGenerationError.body"),
         variant: "error",
         duration: 4000
       });
@@ -64281,10 +64565,10 @@ function startIntervals(board) {
   }
   log.publishIntervalTimer = setInterval(() => {
     tryPublishEvent(board);
-  }, conf2.EVENTS_PUBLISH_INTERVAL);
+  }, conf.EVENTS_PUBLISH_INTERVAL);
   log.resendIntervalTimer = setInterval(() => {
     tryResendEvent(board);
-  }, conf2.EVENTS_RESEND_INTERVAL);
+  }, conf.EVENTS_RESEND_INTERVAL);
 }
 function tryPublishEvent(board) {
   const { log } = board.events;
@@ -64303,14 +64587,14 @@ function tryResendEvent(board) {
     return;
   }
   const date = Date.now();
-  const isTimeToSendPendingEvent = date - log.pendingEvent.lastSentTime >= conf2.EVENTS_RESEND_INTERVAL;
+  const isTimeToSendPendingEvent = date - log.pendingEvent.lastSentTime >= conf.EVENTS_RESEND_INTERVAL;
   if (!isTimeToSendPendingEvent) {
     return;
   }
-  const isProbablyLostConnection = log.firstSentTime && date - log.firstSentTime >= conf2.EVENTS_RESEND_INTERVAL * 5;
+  const isProbablyLostConnection = log.firstSentTime && date - log.firstSentTime >= conf.EVENTS_RESEND_INTERVAL * 5;
   if (isProbablyLostConnection) {
     board.presence.clear();
-    conf2.connection?.notifyAboutLostConnection();
+    conf.connection?.notifyAboutLostConnection();
   }
   sendBoardEvent(board, log.pendingEvent.event, log.currentSequenceNumber);
 }
@@ -64341,12 +64625,12 @@ function sendBoardEvent(board, event, sequenceNumber) {
       lastKnownOrder: log.getLastIndex()
     }
   };
-  conf2.connection.send({
+  conf.connection.send({
     type: "BoardEvent",
     boardId: board.getBoardId(),
     event: toSend,
     sequenceNumber,
-    userId: conf2.connection.getCurrentUser()
+    userId: conf.connection.getCurrentUser()
   });
   const date = Date.now();
   log.pendingEvent = {
@@ -64392,7 +64676,7 @@ function handleConfirmation(msg2, board) {
   if (!isPendingEventConfirmation) {
     return;
   }
-  conf2.connection?.dismissNotificationAboutLostConnection();
+  conf.connection?.dismissNotificationAboutLostConnection();
   log.currentSequenceNumber++;
   log.pendingEvent.event.order = msg2.order;
   log.confirmSentLocalEvent(log.pendingEvent.event);
@@ -64404,7 +64688,7 @@ function handleConfirmation(msg2, board) {
 // src/Events/MessageRouter/handleCreateSnapshotRequestMessage.ts
 function handleCreateSnapshotRequestMessage(msg2, board) {
   const { boardId, snapshot, lastOrder } = getSnapshotToPublish(board);
-  conf2.connection.send({
+  conf.connection.send({
     type: "BoardSnapshot",
     boardId,
     snapshot,
@@ -64435,9 +64719,9 @@ function handleModeMessage(message, board) {
     if (isTemplateView()) {
       return;
     }
-    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"),
+    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"),
       duration: 5000
     });
   }
@@ -64471,10 +64755,19 @@ messageRouter.addHandler("AiChat", handleAiChatMassage);
 messageRouter.addHandler("Mode", handleModeMessage);
 messageRouter.addHandler("PresenceEvent", handlePresenceEventMessage);
 messageRouter.addHandler("UserJoin", handleUserJoinMessage);
+// src/api/initI18N.ts
+function initI18N(i18nInstance) {
+  conf.i18n = i18nInstance;
+  conf.planNames = {
+    basic: i18nInstance.t("userPlan.plans.basic.name"),
+    plus: i18nInstance.t("userPlan.plans.plus.name")
+  };
+  return i18nInstance;
+}
 // src/api/getMeasureCtx.ts
 function getMeasureCtx() {
   if (typeof document !== "undefined") {
-    const measureCanvas = conf2.documentFactory.createElement("canvas");
+    const measureCanvas = conf.documentFactory.createElement("canvas");
     const measureCtx = measureCanvas.getContext("2d");
     if (!measureCtx) {
       throw new Error("Failde to create canvas and get 2d context");
@@ -64495,7 +64788,7 @@ function getBrowserDOMParser() {
 
 // src/api/initPaths.ts
 function initPaths(path2D) {
-  conf2.EXPORT_FRAME_DECORATIONS = {
+  conf.EXPORT_FRAME_DECORATIONS = {
     "top-left": {
       path: new path2D("M13 1H1V13"),
       lineWidth: 2,
@@ -64535,105 +64828,24 @@ function initPaths(path2D) {
   };
 }
 
-// node_modules/react-i18next/dist/es/unescape.js
-var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-var htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-var unescapeHtmlEntity = (m) => htmlEntities[m];
-var unescape = (text5) => text5.replace(matchHtmlEntity, unescapeHtmlEntity);
-
-// node_modules/react-i18next/dist/es/defaults.js
-var defaultOptions = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape
-};
-function setDefaults() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = {
-    ...defaultOptions,
-    ...options
-  };
-}
-
-// node_modules/react-i18next/dist/es/i18nInstance.js
-var i18nInstance;
-function setI18n(instance2) {
-  i18nInstance = instance2;
-}
-
-// node_modules/react-i18next/dist/es/initReactI18next.js
-var initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-    setI18n(instance2);
-  }
-};
-// src/api/initI18NBrowser.ts
-function initI18NReact(isNode = false) {
-  const i18nBrowser = createInstance();
-  i18nBrowser.use(initReactI18next).use(Browser).init({
-    debug: conf2.debug,
-    detection: {
-      order: ["navigator"]
-    },
-    supportedLngs: ["en", "ru"],
-    defaultNS,
-    resources,
-    fallbackLng: conf2.FALLBACK_LNG,
-    interpolation: {
-      escapeValue: false
-    }
-  });
-  conf2.i18n = i18nBrowser;
-  return i18nBrowser;
-}
-
 // src/api/initBrowserSettings.ts
 function initBrowserSettings() {
-  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;
-  initI18NReact();
+  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;
   initPaths(BrowserPath2D);
-  conf2.reactEditorFocus = (editor) => {
+  conf.reactEditorFocus = (editor) => {
     try {
       ReactEditor.focus(editor);
     } catch (e) {
       console.warn("Failed to focus editor:", e);
     }
   };
-  conf2.reactEditorToSlatePoint = (editor, domNode, offset, options) => {
+  conf.reactEditorToSlatePoint = (editor, domNode, offset, options) => {
     try {
       return ReactEditor.toSlatePoint(editor, [domNode, offset], options);
     } catch (e) {
@@ -64641,7 +64853,7 @@ function initBrowserSettings() {
       return null;
     }
   };
-  return conf2;
+  return conf;
 }
 
 // src/browser.ts
@@ -64687,6 +64899,7 @@ export {
   isHotkeyPushed,
   isFiniteNumber,
   isControlCharacter,
+  initI18N,
   getYouTubeVideoPreview,
   getYouTubeThumbnail,
   getVideoMetadata,
@@ -64706,7 +64919,7 @@ export {
   defaultCursors as cursors,
   createVideoItem,
   createEvents,
-  conf2 as conf,
+  conf,
   checkHotkeys,
   catmullRomInterpolate,
   catchErrorResponse,