react-native-marcus 0.1.0

package/lib/module/web/utils/blockUtils.js

@@ -0,0 +1,210 @@
+"use strict";
+
+import { toNumber } from "./blockLayout.js";
+/**
+ * Assigns CSS properties, skipping the ones the style does not define.
+ *
+ * Lengths arrive here already carrying their unit -- `processMarkdownStyle` runs the style through
+ * react-native-web's compiler before it reaches the builder -- but `parseRangesToHTMLNodes` can be
+ * called with a plain object that has not, and `CSSStyleDeclaration` silently drops a bare number.
+ * Adding the unit here means both spellings render the same.
+ */
+function applyStyle(node, styles) {
+  const target = node;
+  Object.entries(styles).forEach(([property, value]) => {
+    if (value === undefined || value === null || value === "") {
+      return;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ;
+    target.style[property] = typeof value === "number" ? `${value}px` : value;
+  });
+}
+
+/**
+ * Applies the layout the block walk computed for one line.
+ *
+ * Everything a container contributes lands here rather than on the container's own span: its gutter
+ * is part of the paragraph's indent, and its ribbon is painted behind the whole paragraph. That is
+ * how the native formatters do it too, and on the web it is the only placement that works -- a
+ * container's span begins before the markers of the containers outside it, so a border drawn on it
+ * would sit in front of a bullet that is meant to precede it, and a gutter set on it would open
+ * before that bullet rather than after.
+ *
+ * `padding-left` holds every line of the paragraph at the indent, and the negative `text-indent`
+ * pulls the first one back to where its own marker starts -- `firstLineHeadIndent` and `headIndent`,
+ * spelled in CSS. A line that wraps, or a line continuing the block with no marker of its own, then
+ * lines up with the text above it instead of with the marker.
+ */
+function addLineLayout(node, layout, markdownStyle) {
+  applyStyle(node, {
+    margin: "0",
+    padding: "0"
+  });
+  if (!layout) {
+    return;
+  }
+  if (layout.indent > 0) {
+    applyStyle(node, {
+      paddingLeft: `${layout.indent}px`,
+      textIndent: `${layout.firstLineIndent - layout.indent}px`
+    });
+  }
+  const width = toNumber(markdownStyle.blockquote?.borderWidth);
+  if (layout.ribbons.length === 0 || width <= 0) {
+    return;
+  }
+
+  // One background layer per ribbon, each a solid bar of its own. They are painted on the paragraph
+  // rather than on any span so that they run its full height -- a quote that wraps gets one
+  // unbroken bar, exactly as `MarkdownTextLayoutFragment` draws it over the whole fragment.
+  const color = markdownStyle.blockquote?.borderColor || "transparent";
+  applyStyle(node, {
+    backgroundImage: layout.ribbons.map(() => `linear-gradient(${color}, ${color})`).join(", "),
+    backgroundPosition: layout.ribbons.map(x => `${x}px 0`).join(", "),
+    backgroundSize: layout.ribbons.map(() => `${width}px 100%`).join(", "),
+    backgroundRepeat: "no-repeat"
+  });
+}
+
+/**
+ * Opens the space a marker holds for the container that follows it.
+ *
+ * `MarkdownFormatter` kerns the marker's last character; the effect is the same, and it is what
+ * puts a nested list's indent between the quote's `>` and the bullet rather than in front of both.
+ */
+function addBlockPrefixGap(node, gap) {
+  if (gap) {
+    node.style.marginRight = `${gap}px`;
+  }
+}
+function addStyleToBlock(targetElement, type, markdownStyle, isMultiline = true) {
+  const node = targetElement;
+  switch (type) {
+    case "syntax":
+      applyStyle(node, {
+        color: markdownStyle.syntax?.color
+      });
+      break;
+    case "bold":
+      node.style.fontWeight = "bold";
+      break;
+    case "italic":
+      node.style.fontStyle = "italic";
+      break;
+    case "strikethrough":
+      node.style.textDecoration = "line-through";
+      break;
+    case "emoji":
+      applyStyle(node, {
+        fontFamily: markdownStyle.emoji?.fontFamily,
+        fontSize: markdownStyle.emoji?.fontSize,
+        // Native re-centres a run whose font changed against the line height; the browser has no
+        // equivalent, and an emoji font left on the alphabetic baseline sits low.
+        verticalAlign: "middle"
+      });
+      break;
+    case "mention-here":
+      addMentionStyle(node, markdownStyle.mentionHere);
+      break;
+    case "mention-user":
+      addMentionStyle(node, markdownStyle.mentionUser);
+      break;
+    case "mention-report":
+      addMentionStyle(node, markdownStyle.mentionReport);
+      break;
+    case "link":
+      applyStyle(node, {
+        color: markdownStyle.link?.color,
+        textDecoration: "underline"
+      });
+      break;
+    // Both carry a font, a colour and a background, and nothing else: native draws no border, no
+    // corner radius and no padding around either, so neither does this.
+    case "code":
+      applyStyle(node, {
+        fontFamily: markdownStyle.code?.fontFamily,
+        fontSize: markdownStyle.code?.fontSize,
+        color: markdownStyle.code?.color,
+        backgroundColor: markdownStyle.code?.backgroundColor
+      });
+      break;
+    case "pre":
+      applyStyle(node, {
+        fontFamily: markdownStyle.pre?.fontFamily,
+        fontSize: markdownStyle.pre?.fontSize,
+        color: markdownStyle.pre?.color,
+        backgroundColor: markdownStyle.pre?.backgroundColor
+      });
+      break;
+    // Block containers hold no box of their own: their gutters and ribbons belong to the
+    // paragraph, in `addLineLayout`. All that is left is letting a long unbroken word inside one
+    // break rather than push the line past the input's edge.
+    case "blockquote":
+    case "list-ordered":
+    case "list-unordered":
+      applyStyle(node, {
+        overflowWrap: "anywhere"
+      });
+      break;
+    case "heading":
+      addHeadingStyle(node, markdownStyle);
+      break;
+    case "text":
+      if (!isMultiline && targetElement.parentElement?.style) {
+        // Move text background styles from parent to the text node
+        const parentElement = targetElement.parentElement;
+        node.style.cssText = parentElement.style.cssText;
+        parentElement.style.cssText = "";
+      }
+      break;
+    default:
+      break;
+  }
+}
+function addMentionStyle(node, style) {
+  applyStyle(node, {
+    color: style?.color,
+    backgroundColor: style?.backgroundColor,
+    borderRadius: style?.borderRadius
+  });
+}
+
+/**
+ * Sizes a heading the way native does: level N is the base size scaled N-1 times.
+ *
+ * The level does not reach here -- `ungroupRanges` turns it into one nested span per level -- so
+ * the scaling is expressed in `em` and compounds down the nesting to the same number. This runs
+ * once the span is in the tree, which is what lets it tell an inner level from the outermost one.
+ */
+function addHeadingStyle(node, markdownStyle) {
+  const nested = isChildOfMarkdownElement(node, "heading");
+  const scale = markdownStyle.heading?.scale;
+  applyStyle(node, {
+    fontWeight: "bold",
+    fontSize: nested ? `${scale === undefined ? 1 : scale}em` : markdownStyle.heading?.fontSize
+  });
+}
+const MULTILINE_MARKDOWN_TYPES = ["codeblock"];
+function isMultilineMarkdownType(type) {
+  return MULTILINE_MARKDOWN_TYPES.includes(type);
+}
+function isDescendantOfMarkdownElement(node, predicate) {
+  let currentNode = node.parentNode;
+  while (currentNode && currentNode?.contentEditable !== "true") {
+    const elementType = currentNode.getAttribute?.("data-type");
+    if (predicate(elementType)) {
+      return true;
+    }
+    currentNode = currentNode.parentNode;
+  }
+  return false;
+}
+function isChildOfMarkdownElement(node, elementType) {
+  return isDescendantOfMarkdownElement(node, type => type === elementType);
+}
+function isChildOfMultilineMarkdownElement(node) {
+  return isDescendantOfMarkdownElement(node, type => MULTILINE_MARKDOWN_TYPES.includes(type));
+}
+export { addStyleToBlock, addLineLayout, addBlockPrefixGap, isMultilineMarkdownType, isChildOfMarkdownElement, isChildOfMultilineMarkdownElement, MULTILINE_MARKDOWN_TYPES };
+//# sourceMappingURL=blockUtils.js.map

package/lib/module/web/utils/blockUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toNumber","applyStyle","node","styles","target","Object","entries","forEach","property","value","undefined","style","addLineLayout","layout","markdownStyle","margin","padding","indent","paddingLeft","textIndent","firstLineIndent","width","blockquote","borderWidth","ribbons","length","color","borderColor","backgroundImage","map","join","backgroundPosition","x","backgroundSize","backgroundRepeat","addBlockPrefixGap","gap","marginRight","addStyleToBlock","targetElement","type","isMultiline","syntax","fontWeight","fontStyle","textDecoration","fontFamily","emoji","fontSize","verticalAlign","addMentionStyle","mentionHere","mentionUser","mentionReport","link","code","backgroundColor","pre","overflowWrap","addHeadingStyle","parentElement","cssText","borderRadius","nested","isChildOfMarkdownElement","scale","heading","MULTILINE_MARKDOWN_TYPES","isMultilineMarkdownType","includes","isDescendantOfMarkdownElement","predicate","currentNode","parentNode","contentEditable","elementType","getAttribute","isChildOfMultilineMarkdownElement"],"sourceRoot":"../../../../src","sources":["web/utils/blockUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/utils/browserUtils.js

@@ -0,0 +1,36 @@
+"use strict";
+
+// This module is imported during server-side rendering (e.g. Expo Router's static
+// web output), where `window`/`navigator` do not exist. All checks are therefore
+// evaluated lazily on first access instead of at module scope.
+const canUseDOM = typeof window !== "undefined" && typeof navigator !== "undefined";
+function memoize(compute) {
+  let value;
+  return () => {
+    if (value === undefined) {
+      value = canUseDOM && compute();
+    }
+    return value;
+  };
+}
+const isFirefox = memoize(() => navigator.userAgent.toLowerCase().includes("firefox"));
+const isChromium = memoize(() => "chrome" in window);
+
+/**
+ * Whether the platform is a mobile browser.
+ * Copied from Expensify App https://github.com/Expensify/App/blob/90dee7accae79c49debf30354c160cab6c52c423/src/libs/Browser/index.website.ts#L41
+ */
+const isMobile = memoize(() => /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Silk|Opera Mini/i.test(navigator.userAgent));
+const BrowserUtils = {
+  get isFirefox() {
+    return isFirefox();
+  },
+  get isChromium() {
+    return isChromium();
+  },
+  get isMobile() {
+    return isMobile();
+  }
+};
+export default BrowserUtils;
+//# sourceMappingURL=browserUtils.js.map

package/lib/module/web/utils/browserUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["canUseDOM","window","navigator","memoize","compute","value","undefined","isFirefox","userAgent","toLowerCase","includes","isChromium","isMobile","test","BrowserUtils"],"sourceRoot":"../../../../src","sources":["web/utils/browserUtils.ts"],"mappings":";;AAAA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAI,OAAOC,SAAS,KAAK,WAAW;AAEnF,SAASC,OAAOA,CAACC,OAAsB,EAAiB;EACtD,IAAIC,KAA0B;EAC9B,OAAO,MAAM;IACX,IAAIA,KAAK,KAAKC,SAAS,EAAE;MACvBD,KAAK,GAAGL,SAAS,IAAII,OAAO,CAAC,CAAC;IAChC;IACA,OAAOC,KAAK;EACd,CAAC;AACH;AAEA,MAAME,SAAS,GAAGJ,OAAO,CAAC,MAAMD,SAAS,CAACM,SAAS,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACtF,MAAMC,UAAU,GAAGR,OAAO,CAAC,MAAM,QAAQ,IAAIF,MAAM,CAAC;;AAEpD;AACA;AACA;AACA;AACA,MAAMW,QAAQ,GAAGT,OAAO,CAAC,MACvB,+FAA+F,CAACU,IAAI,CAClGX,SAAS,CAACM,SACZ,CACF,CAAC;AAED,MAAMM,YAAY,GAAG;EACnB,IAAIP,SAASA,CAAA,EAAG;IACd,OAAOA,SAAS,CAAC,CAAC;EACpB,CAAC;EACD,IAAII,UAAUA,CAAA,EAAG;IACf,OAAOA,UAAU,CAAC,CAAC;EACrB,CAAC;EACD,IAAIC,QAAQA,CAAA,EAAG;IACb,OAAOA,QAAQ,CAAC,CAAC;EACnB;AACF,CAAC;AAED,eAAeE,YAAY","ignoreList":[]}

package/lib/module/web/utils/cursorUtils.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import { isChildOfMultilineMarkdownElement } from "./blockUtils.js";
+import { findHTMLElementInTree, getTreeNodeByIndex } from "./treeUtils.js";
+function getMaxRangeOffset(node) {
+  return node.nodeType === Node.TEXT_NODE ? (node.textContent ?? "").length : node.childNodes.length;
+}
+
+/**
+ * Range offsets are applied to the real DOM node, not the parsed markdown tree.
+ * When the tree is temporarily stale, clamp to the DOM node's bounds so cursor
+ * restoration lands at the nearest valid position instead of throwing.
+ */
+function getClampedRangeOffset(node, offset) {
+  return Math.max(0, Math.min(offset, getMaxRangeOffset(node)));
+}
+function setCursorPosition(target, startIndex, endIndex = null, shouldScrollIntoView = false) {
+  // We don't want to move the cursor if the target is not focused
+  if (!target.tree || target !== document.activeElement) {
+    return;
+  }
+  const start = Math.max(0, Math.min(startIndex, target.tree.length));
+  const end = endIndex ? Math.max(0, Math.min(endIndex, target.tree.length)) : null;
+  if (end && end < start) {
+    return;
+  }
+  const range = document.createRange();
+  range.selectNodeContents(target);
+  const startTreeNode = getTreeNodeByIndex(target.tree, start);
+  const endTreeNode = end && startTreeNode && (end < startTreeNode.start || end >= startTreeNode.start + startTreeNode.length) ? getTreeNodeByIndex(target.tree, end) : startTreeNode;
+  if (!startTreeNode || !endTreeNode) {
+    console.error("Invalid start or end tree node");
+    return;
+  }
+  if (startTreeNode.type === "br") {
+    range.setStartBefore(startTreeNode.element);
+  } else {
+    const startElement = startTreeNode.element;
+    const startNode = startElement.childNodes[0] || startElement;
+    range.setStart(startNode, getClampedRangeOffset(startNode, start - startTreeNode.start));
+  }
+  if (endTreeNode.type === "br") {
+    range.setEndBefore(endTreeNode.element);
+  } else {
+    const endElement = endTreeNode.element;
+    const endNode = endElement.childNodes[0] || endElement;
+    range.setEnd(endNode, getClampedRangeOffset(endNode, (end || start) - endTreeNode.start));
+  }
+  if (!end) {
+    range.collapse(true);
+  }
+  const selection = window.getSelection();
+  if (selection) {
+    selection.setBaseAndExtent(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
+  }
+  if (shouldScrollIntoView) {
+    scrollIntoView(target, endTreeNode);
+  }
+}
+function scrollIntoView(target, node) {
+  let scrollTargetElement = node.element;
+  const targetElement = target;
+  if (!isChildOfMultilineMarkdownElement(node.element)) {
+    const orderIndex = Number(node.orderIndex.split(",")[0]);
+    const currentLine = target.tree.childNodes[orderIndex]?.element;
+    if (currentLine) {
+      scrollTargetElement = currentLine;
+    }
+  } else if (node.element.nodeName === "BR") {
+    // Force scrolling BR into view
+    const selection = window.getSelection();
+    if (selection) {
+      const range = document.createRange();
+      range.setStartBefore(node.element);
+      range.collapse(true);
+      selection.addRange(range);
+
+      // Scroll to caret
+      const span = document.createElement("span");
+      span.textContent = "\u200B"; // zero-width space
+      range.insertNode(span);
+      span.scrollIntoView({
+        block: "center"
+      });
+      span.remove(); // cleanup
+      return;
+    }
+  }
+  const caretRect = scrollTargetElement.getBoundingClientRect();
+  const targetRect = target.getBoundingClientRect();
+  // In case the caret is below the visible input area, scroll to the end of the node
+  if (caretRect.top + caretRect.height > targetRect.top + targetRect.height) {
+    targetElement.scrollTop = caretRect.top - targetRect.top + target.scrollTop - targetRect.height + caretRect.height + 4;
+    return;
+  }
+  scrollTargetElement.scrollIntoView({
+    block: "nearest"
+  });
+}
+function moveCursorToEnd(target) {
+  const range = document.createRange();
+  const selection = window.getSelection();
+  if (selection) {
+    range.setStart(target, target.childNodes.length);
+    range.collapse(true);
+    selection.setBaseAndExtent(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
+  }
+}
+function getCurrentCursorPosition(target) {
+  function getHTMLElement(node) {
+    let element = node;
+    if (element instanceof Text) {
+      element = node.parentElement;
+    }
+    return element;
+  }
+  const selection = window.getSelection();
+  if (!selection || selection && selection.rangeCount === 0) {
+    return null;
+  }
+  const range = selection.getRangeAt(0);
+  const startElement = getHTMLElement(range.startContainer);
+  const endElement = range.startContainer === range.endContainer ? startElement : getHTMLElement(range.endContainer);
+  const startTreeNode = findHTMLElementInTree(target.tree, startElement);
+  const endTreeNode = findHTMLElementInTree(target.tree, endElement);
+  let start = -1;
+  let end = -1;
+  if (startTreeNode && endTreeNode) {
+    start = startTreeNode.start + range.startOffset;
+
+    // If the end node is a root node, we need to set the end to the end of the text (FireFox fix)
+    if (endTreeNode?.parentNode === null) {
+      end = target.value.length;
+    } else {
+      end = endTreeNode.start + range.endOffset;
+    }
+  }
+  return {
+    start,
+    end
+  };
+}
+function removeSelection() {
+  const selection = window.getSelection();
+  if (selection) {
+    selection.removeAllRanges();
+  }
+}
+export { getCurrentCursorPosition, moveCursorToEnd, setCursorPosition, removeSelection, scrollIntoView };
+//# sourceMappingURL=cursorUtils.js.map

package/lib/module/web/utils/cursorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChildOfMultilineMarkdownElement","findHTMLElementInTree","getTreeNodeByIndex","getMaxRangeOffset","node","nodeType","Node","TEXT_NODE","textContent","length","childNodes","getClampedRangeOffset","offset","Math","max","min","setCursorPosition","target","startIndex","endIndex","shouldScrollIntoView","tree","document","activeElement","start","end","range","createRange","selectNodeContents","startTreeNode","endTreeNode","console","error","type","setStartBefore","element","startElement","startNode","setStart","setEndBefore","endElement","endNode","setEnd","collapse","selection","window","getSelection","setBaseAndExtent","startContainer","startOffset","endContainer","endOffset","scrollIntoView","scrollTargetElement","targetElement","orderIndex","Number","split","currentLine","nodeName","addRange","span","createElement","insertNode","block","remove","caretRect","getBoundingClientRect","targetRect","top","height","scrollTop","moveCursorToEnd","getCurrentCursorPosition","getHTMLElement","Text","parentElement","rangeCount","getRangeAt","parentNode","value","removeSelection","removeAllRanges"],"sourceRoot":"../../../../src","sources":["web/utils/cursorUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/utils/inputUtils.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import { isChildOfMarkdownElement, isChildOfMultilineMarkdownElement } from "./blockUtils.js";
+import BrowserUtils from "./browserUtils.js";
+const ZERO_WIDTH_SPACE = "\u200B";
+
+// If an Input Method Editor is processing key input, the 'keyCode' is 229.
+// https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
+function isEventComposing(nativeEvent) {
+  return nativeEvent.isComposing || nativeEvent.keyCode === 229;
+}
+function getPlaceholderValue(placeholder) {
+  if (!placeholder) {
+    return ZERO_WIDTH_SPACE;
+  }
+  return placeholder.length ? placeholder : ZERO_WIDTH_SPACE;
+}
+function getElementHeight(node, styles, numberOfLines) {
+  if (numberOfLines) {
+    const tempElement = document.createElement("div");
+    tempElement.setAttribute("contenteditable", "true");
+    Object.assign(tempElement.style, styles);
+    tempElement.textContent = Array(numberOfLines).fill("A").join("\n");
+    if (node.parentElement) {
+      node.parentElement.appendChild(tempElement);
+      const height = tempElement.clientHeight;
+      node.parentElement.removeChild(tempElement);
+      return height ? `${height}px` : "auto";
+    }
+  }
+  return styles.height ? `${styles.height}px` : "auto";
+}
+function normalizeValue(value) {
+  return value.replaceAll("\r\n", "\n");
+}
+
+/**
+ * Returns the parent of a given node that is higher in the hierarchy and is of a different type than 'text', 'br' or 'line'
+ */
+function getTopParentNode(node) {
+  let currentParentNode = node.parentNode;
+  while (currentParentNode && ["text", "br", "line"].includes(currentParentNode.parentElement?.getAttribute("data-type") || "")) {
+    currentParentNode = currentParentNode?.parentNode || null;
+  }
+  return currentParentNode;
+}
+
+/**
+ * On Firefox, when breaking one codeblock, its syntax and the <br> after it can be merged into the closing syntax of the previous codeblock.
+ */
+function didTwoCodeblocksMerge(node) {
+  if (!node || !BrowserUtils.isFirefox) {
+    return;
+  }
+  // To identify that two codeblock has merged, we check if current line ends with <br> tag, that previously was second codeblock's opening syntax line break
+  const hasPartOfBrokenCodeblock = node.lastChild?.lastChild?.lastChild?.lastChild?.nodeName === "BR";
+  return BrowserUtils.isFirefox && node.lastChild?.getAttribute("data-type") === "codeblock" && hasPartOfBrokenCodeblock;
+}
+
+/**
+ * Parses the HTML structure of a MarkdownTextInputElement to a plain text string. Used for getting the correct value of the input element.
+ */
+function parseInnerHTMLToText(target, cursorPosition, inputType, isMultiline = true) {
+  const stack = [target];
+  let text = "";
+  let shouldAddNewline = false;
+  const lastNode = target.childNodes[target.childNodes.length - 1];
+  // Remove the last <br> element if it's the last child of the target element. Fixes the issue with adding extra newline when pasting into the empty input.
+  if (lastNode?.nodeName === "DIV" && lastNode?.innerHTML === "<br>") {
+    target.removeChild(lastNode);
+  }
+  while (stack.length > 0) {
+    const node = stack.pop();
+    if (!node) {
+      break;
+    }
+
+    // If we are operating on the nodes that are children of the MarkdownTextInputElement, we need to add a newline after each
+    const isTopComponent = node.parentElement?.contentEditable === "true";
+    if (isTopComponent) {
+      // When inputType is undefined, the first part of the replaced text is added as a text node.
+      // Because of it, we need to prevent adding new lines in this case
+      if (!isMultiline || !inputType && node.nodeType === Node.TEXT_NODE) {
+        shouldAddNewline = false;
+      } else {
+        const firstChild = node.firstChild;
+        const containsEmptyBlockElement = firstChild?.getAttribute?.("data-type") === "block" && firstChild.textContent === "";
+        if (firstChild && shouldAddNewline && !containsEmptyBlockElement && !didTwoCodeblocksMerge(node.previousSibling)) {
+          text += "\n";
+          shouldAddNewline = false;
+        }
+        shouldAddNewline = true;
+      }
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      let hasAddedNewline = false;
+      // Fix for codeblocks: Removing last codeblock newline, moves codeblock syntax too far into the codeblock content
+      // skipping one <br> after the codeblock syntax. We need to force parsing it before the text node is added.
+      if (node.parentElement && !node.parentElement.getAttribute?.("data-type") && isChildOfMarkdownElement(node, "pre")) {
+        text += "\n";
+        const nextBR = node.parentElement?.nextElementSibling?.firstElementChild ?? node.parentElement?.nextElementSibling;
+        if (nextBR && nextBR.tagName === "BR") {
+          nextBR.remove();
+        }
+        hasAddedNewline = true;
+      }
+
+      // Parse text nodes into text
+      text += node.textContent;
+
+      // Fix for codeblocks: If we are adding text at the end of a multiline markdown type element, we need to add a newline
+      // because the new text can replace the last <br> element and it will not be added to the text.
+      if (node.parentElement && node.parentNode?.parentElement?.nextSibling && !node.parentNode?.nextSibling && isChildOfMultilineMarkdownElement(node) && (!hasAddedNewline && isChildOfMarkdownElement(node, "br") || !node.parentElement.getAttribute?.("data-type") && isChildOfMarkdownElement(node, "syntax"))) {
+        text += "\n";
+      }
+    } else if (node.nodeName === "BR") {
+      const parentNode = getTopParentNode(node);
+      if (isMultiline && parentNode && parentNode.parentElement?.contentEditable !== "true" && !!(node.getAttribute("data-id") || node.parentElement.getAttribute("data-type") === "br") || node.parentElement?.getAttribute("data-type") === "text" && isChildOfMultilineMarkdownElement(node)) {
+        // Parse br elements into newlines only if their parent is not a child of the MarkdownTextInputElement (a paragraph when writing or a div when pasting).
+        // It prevents adding extra newlines when entering text - and now only for multiline inputs
+        text += "\n";
+      }
+    } else {
+      let i = node.childNodes.length - 1;
+      while (i > -1) {
+        const child = node.childNodes[i];
+        if (!child) {
+          break;
+        }
+        stack.push(child);
+        i--;
+      }
+    }
+  }
+  text = text.replaceAll("\r\n", "\n");
+
+  // Force letter removal if the input value haven't changed but input type is 'delete'
+  if (text === target.value && inputType?.includes("delete")) {
+    text = text.slice(0, cursorPosition - 1) + text.slice(cursorPosition);
+  }
+  return text;
+}
+export { isEventComposing, getPlaceholderValue, getElementHeight, parseInnerHTMLToText, normalizeValue };
+//# sourceMappingURL=inputUtils.js.map

package/lib/module/web/utils/inputUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isChildOfMarkdownElement","isChildOfMultilineMarkdownElement","BrowserUtils","ZERO_WIDTH_SPACE","isEventComposing","nativeEvent","isComposing","keyCode","getPlaceholderValue","placeholder","length","getElementHeight","node","styles","numberOfLines","tempElement","document","createElement","setAttribute","Object","assign","style","textContent","Array","fill","join","parentElement","appendChild","height","clientHeight","removeChild","normalizeValue","value","replaceAll","getTopParentNode","currentParentNode","parentNode","includes","getAttribute","didTwoCodeblocksMerge","isFirefox","hasPartOfBrokenCodeblock","lastChild","nodeName","parseInnerHTMLToText","target","cursorPosition","inputType","isMultiline","stack","text","shouldAddNewline","lastNode","childNodes","innerHTML","pop","isTopComponent","contentEditable","nodeType","Node","TEXT_NODE","firstChild","containsEmptyBlockElement","previousSibling","hasAddedNewline","nextBR","nextElementSibling","firstElementChild","tagName","remove","nextSibling","i","child","push","slice"],"sourceRoot":"../../../../src","sources":["web/utils/inputUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/utils/measureUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["canUseDOM","window","document","FONT_PROPERTIES","widths","Map","MAX_CACHED_WIDTHS","measurer","measurerFont","getMeasurer","body","isConnected","element","createElement","Object","assign","style","position","top","left","whiteSpace","visibility","pointerEvents","setAttribute","appendChild","createTextMeasurer","source","font","sourceStyle","measureText","text","getComputedStyle","map","property","join","key","cached","get","undefined","forEach","textContent","width","getBoundingClientRect","size","clear","set"],"sourceRoot":"../../../../src","sources":["web/utils/measureUtils.ts"],"mappings":"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","ignoreList":[]}