react-native-marcus 0.1.0

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

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MULTILINE_MARKDOWN_TYPES = void 0;
+exports.addBlockPrefixGap = addBlockPrefixGap;
+exports.addLineLayout = addLineLayout;
+exports.addStyleToBlock = addStyleToBlock;
+exports.isChildOfMarkdownElement = isChildOfMarkdownElement;
+exports.isChildOfMultilineMarkdownElement = isChildOfMultilineMarkdownElement;
+exports.isMultilineMarkdownType = isMultilineMarkdownType;
+var _blockLayout = require("./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 = (0, _blockLayout.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 = exports.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));
+}
+//# sourceMappingURL=blockUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_blockLayout","require","applyStyle","node","styles","target","Object","entries","forEach","property","value","undefined","style","addLineLayout","layout","markdownStyle","margin","padding","indent","paddingLeft","textIndent","firstLineIndent","width","toNumber","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","exports","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/commonjs/web/utils/browserUtils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// 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();
+  }
+};
+var _default = exports.default = BrowserUtils;
+//# sourceMappingURL=browserUtils.js.map

package/lib/commonjs/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","_default","exports","default"],"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;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcH,YAAY","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCurrentCursorPosition = getCurrentCursorPosition;
+exports.moveCursorToEnd = moveCursorToEnd;
+exports.removeSelection = removeSelection;
+exports.scrollIntoView = scrollIntoView;
+exports.setCursorPosition = setCursorPosition;
+var _blockUtils = require("./blockUtils.js");
+var _treeUtils = require("./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 = (0, _treeUtils.getTreeNodeByIndex)(target.tree, start);
+  const endTreeNode = end && startTreeNode && (end < startTreeNode.start || end >= startTreeNode.start + startTreeNode.length) ? (0, _treeUtils.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 (!(0, _blockUtils.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 = (0, _treeUtils.findHTMLElementInTree)(target.tree, startElement);
+  const endTreeNode = (0, _treeUtils.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();
+  }
+}
+//# sourceMappingURL=cursorUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_blockUtils","require","_treeUtils","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","getTreeNodeByIndex","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","isChildOfMultilineMarkdownElement","orderIndex","Number","split","currentLine","nodeName","addRange","span","createElement","insertNode","block","remove","caretRect","getBoundingClientRect","targetRect","top","height","scrollTop","moveCursorToEnd","getCurrentCursorPosition","getHTMLElement","Text","parentElement","rangeCount","getRangeAt","findHTMLElementInTree","parentNode","value","removeSelection","removeAllRanges"],"sourceRoot":"../../../../src","sources":["web/utils/cursorUtils.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getElementHeight = getElementHeight;
+exports.getPlaceholderValue = getPlaceholderValue;
+exports.isEventComposing = isEventComposing;
+exports.normalizeValue = normalizeValue;
+exports.parseInnerHTMLToText = parseInnerHTMLToText;
+var _blockUtils = require("./blockUtils.js");
+var _browserUtils = _interopRequireDefault(require("./browserUtils.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.default.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.default.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") && (0, _blockUtils.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 && (0, _blockUtils.isChildOfMultilineMarkdownElement)(node) && (!hasAddedNewline && (0, _blockUtils.isChildOfMarkdownElement)(node, "br") || !node.parentElement.getAttribute?.("data-type") && (0, _blockUtils.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" && (0, _blockUtils.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;
+}
+//# sourceMappingURL=inputUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_blockUtils","require","_browserUtils","_interopRequireDefault","e","__esModule","default","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","BrowserUtils","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","isChildOfMarkdownElement","nextBR","nextElementSibling","firstElementChild","tagName","remove","nextSibling","isChildOfMultilineMarkdownElement","i","child","push","slice"],"sourceRoot":"../../../../src","sources":["web/utils/inputUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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":[]}