lexical 0.34.1-nightly.20250818.0 → 0.34.1-nightly.20250820.0

package/Lexical.dev.js

@@ -140,13 +140,6 @@ const DOUBLE_LINE_BREAK = '\n\n';
 // For FF, we need to use a non-breaking space, or it gets composition
 // in a stuck state.
 const COMPOSITION_START_CHAR = IS_FIREFOX ? NON_BREAKING_SPACE : COMPOSITION_SUFFIX;
-const RTL = '\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC';
-const LTR = 'A-Za-z\u00C0-\u00D6\u00D8-\u00F6' + '\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF\u200E\u2C00-\uFB1C' + '\uFE00-\uFE6F\uFEFD-\uFFFF';
-
-// eslint-disable-next-line no-misleading-character-class
-const RTL_REGEX = new RegExp('^[^' + LTR + ']*[' + RTL + ']');
-// eslint-disable-next-line no-misleading-character-class
-const LTR_REGEX = new RegExp('^[^' + RTL + ']*[' + LTR + ']');
 const TEXT_TYPE_TO_FORMAT = {
   bold: IS_BOLD,
   capitalize: IS_CAPITALIZE,
@@ -1323,7 +1316,6 @@ function $normalizePoint(point) {
 }
 
 let subTreeTextContent = '';
-let subTreeDirectionedTextContent = '';
 let subTreeTextFormat = null;
 let subTreeTextStyle = '';
 let editorTextContent = '';
@@ -1333,7 +1325,6 @@ let activeEditorNodes;
 let treatAllNodesAsDirty = false;
 let activeEditorStateReadOnly = false;
 let activeMutationListeners;
-let activeTextDirection = null;
 let activeDirtyElements;
 let activeDirtyLeaves;
 let activePrevNodeMap;
@@ -1406,6 +1397,28 @@ function setElementFormat(dom, format) {
     setTextAlign(domStyle, 'end');
   }
 }
+function $getReconciledDirection(node) {
+  const direction = node.__dir;
+  if (direction !== null) {
+    return direction;
+  }
+  if ($isRootNode(node)) {
+    return null;
+  }
+  const parent = node.getParentOrThrow();
+  if (!$isRootNode(parent) || parent.__dir !== null) {
+    return null;
+  }
+  return 'auto';
+}
+function $setElementDirection(dom, node) {
+  const direction = $getReconciledDirection(node);
+  if (direction !== null) {
+    dom.dir = direction;
+  } else {
+    dom.removeAttribute('dir');
+  }
+}
 function $createNode(key, slot) {
   const node = activeNextNodeMap.get(key);
   if (node === undefined) {
@@ -1427,13 +1440,14 @@ function $createNode(key, slot) {
   if ($isElementNode(node)) {
     const indent = node.__indent;
     const childrenSize = node.__size;
+    $setElementDirection(dom, node);
     if (indent !== 0) {
       setElementIndent(dom, indent);
     }
     if (childrenSize !== 0) {
       const endIndex = childrenSize - 1;
       const children = createChildrenArray(node, activeNextNodeMap);
-      $createChildrenWithDirection(children, endIndex, node, dom);
+      $createChildren(children, node, 0, endIndex, node.getDOMSlot(dom));
     }
     const format = node.__format;
     if (format !== 0) {
@@ -1455,10 +1469,6 @@ function $createNode(key, slot) {
       }
       // Decorators are always non editable
       dom.contentEditable = 'false';
-    } else if ($isTextNode(node)) {
-      if (!node.isDirectionless()) {
-        subTreeDirectionedTextContent += text;
-      }
     }
     subTreeTextContent += text;
     editorTextContent += text;
@@ -1473,13 +1483,6 @@ function $createNode(key, slot) {
   setMutatedNode(mutatedNodes, activeEditorNodes, activeMutationListeners, node, 'created');
   return dom;
 }
-function $createChildrenWithDirection(children, endIndex, element, dom) {
-  const previousSubTreeDirectionedTextContent = subTreeDirectionedTextContent;
-  subTreeDirectionedTextContent = '';
-  $createChildren(children, element, 0, endIndex, element.getDOMSlot(dom));
-  reconcileBlockDirection(element, dom);
-  subTreeDirectionedTextContent = previousSubTreeDirectionedTextContent;
-}
 function $createChildren(children, element, _startIndex, endIndex, slot) {
   const previousSubTreeTextContent = subTreeTextContent;
   subTreeTextContent = '';
@@ -1535,67 +1538,12 @@ function reconcileTextStyle(element) {
     element.setTextStyle(subTreeTextStyle);
   }
 }
-function reconcileBlockDirection(element, dom) {
-  const previousSubTreeDirectionTextContent = dom.__lexicalDirTextContent || '';
-  const previousDirection = dom.__lexicalDir || '';
-  if (previousSubTreeDirectionTextContent !== subTreeDirectionedTextContent || previousDirection !== activeTextDirection) {
-    const hasEmptyDirectionedTextContent = subTreeDirectionedTextContent === '';
-    const direction = hasEmptyDirectionedTextContent ? activeTextDirection : getTextDirection(subTreeDirectionedTextContent);
-    if (direction !== previousDirection) {
-      const classList = dom.classList;
-      const theme = activeEditorConfig.theme;
-      let previousDirectionTheme = previousDirection !== null ? theme[previousDirection] : undefined;
-      let nextDirectionTheme = direction !== null ? theme[direction] : undefined;
-
-      // Remove the old theme classes if they exist
-      if (previousDirectionTheme !== undefined) {
-        if (typeof previousDirectionTheme === 'string') {
-          const classNamesArr = normalizeClassNames(previousDirectionTheme);
-          previousDirectionTheme = theme[previousDirection] = classNamesArr;
-        }
-
-        // @ts-ignore: intentional
-        classList.remove(...previousDirectionTheme);
-      }
-      if (direction === null || hasEmptyDirectionedTextContent && direction === 'ltr') {
-        // Remove direction
-        dom.removeAttribute('dir');
-      } else {
-        // Apply the new theme classes if they exist
-        if (nextDirectionTheme !== undefined) {
-          if (typeof nextDirectionTheme === 'string') {
-            const classNamesArr = normalizeClassNames(nextDirectionTheme);
-            // @ts-expect-error: intentional
-            nextDirectionTheme = theme[direction] = classNamesArr;
-          }
-          if (nextDirectionTheme !== undefined) {
-            classList.add(...nextDirectionTheme);
-          }
-        }
-
-        // Update direction
-        dom.dir = direction;
-      }
-      if (!activeEditorStateReadOnly) {
-        const writableNode = element.getWritable();
-        writableNode.__dir = direction;
-      }
-    }
-    activeTextDirection = direction;
-    dom.__lexicalDirTextContent = subTreeDirectionedTextContent;
-    dom.__lexicalDir = direction;
-  }
-}
 function $reconcileChildrenWithDirection(prevElement, nextElement, dom) {
-  const previousSubTreeDirectionTextContent = subTreeDirectionedTextContent;
-  subTreeDirectionedTextContent = '';
   subTreeTextFormat = null;
   subTreeTextStyle = '';
   $reconcileChildren(prevElement, nextElement, nextElement.getDOMSlot(dom));
-  reconcileBlockDirection(nextElement, dom);
   reconcileTextFormat(nextElement);
   reconcileTextStyle(nextElement);
-  subTreeDirectionedTextContent = previousSubTreeDirectionTextContent;
 }
 function createChildrenArray(element, nodeMap) {
   const children = [];
@@ -1700,15 +1648,8 @@ function $reconcileNode(key, parentDOM) {
         subTreeTextContent += previousSubTreeTextContent;
         editorTextContent += previousSubTreeTextContent;
       }
-      const previousSubTreeDirectionTextContent = dom.__lexicalDirTextContent;
-      if (previousSubTreeDirectionTextContent !== undefined) {
-        subTreeDirectionedTextContent += previousSubTreeDirectionTextContent;
-      }
     } else {
       const text = prevNode.getTextContent();
-      if ($isTextNode(prevNode) && !prevNode.isDirectionless()) {
-        subTreeDirectionedTextContent += text;
-      }
       editorTextContent += text;
       subTreeTextContent += text;
     }
@@ -1733,13 +1674,12 @@ function $reconcileNode(key, parentDOM) {
     return replacementDOM;
   }
   if ($isElementNode(prevNode) && $isElementNode(nextNode)) {
-    // Reconcile element children
     const nextIndent = nextNode.__indent;
-    if (nextIndent !== prevNode.__indent) {
+    if (treatAllNodesAsDirty || nextIndent !== prevNode.__indent) {
       setElementIndent(dom, nextIndent);
     }
     const nextFormat = nextNode.__format;
-    if (nextFormat !== prevNode.__format) {
+    if (treatAllNodesAsDirty || nextFormat !== prevNode.__format) {
       setElementFormat(dom, nextFormat);
     }
     if (isDirty) {
@@ -1752,6 +1692,22 @@ function $reconcileNode(key, parentDOM) {
       subTreeTextContent += DOUBLE_LINE_BREAK;
       editorTextContent += DOUBLE_LINE_BREAK;
     }
+    if (treatAllNodesAsDirty || nextNode.__dir !== prevNode.__dir) {
+      $setElementDirection(dom, nextNode);
+      if (
+      // Root node direction changing from set to unset (or vice versa)
+      // changes how children's direction is calculated.
+      $isRootNode(nextNode) &&
+      // Can skip if all children already reconciled.
+      !treatAllNodesAsDirty) {
+        for (const child of nextNode.getChildren()) {
+          if ($isElementNode(child)) {
+            const childDom = getElementByKeyOrThrow(activeEditor$1, child.getKey());
+            $setElementDirection(childDom, child);
+          }
+        }
+      }
+    }
   } else {
     const text = nextNode.getTextContent();
     if ($isDecoratorNode(nextNode)) {
@@ -1759,9 +1715,6 @@ function $reconcileNode(key, parentDOM) {
       if (decorator !== null) {
         reconcileDecorator(key, decorator);
       }
-    } else if ($isTextNode(nextNode) && !nextNode.isDirectionless()) {
-      // Handle text content, for LTR, LTR cases.
-      subTreeDirectionedTextContent += text;
     }
     subTreeTextContent += text;
     editorTextContent += text;
@@ -1867,11 +1820,9 @@ function $reconcileRoot(prevEditorState, nextEditorState, editor, dirtyType, dir
   // The cache must be rebuilt during reconciliation to account for any changes.
   subTreeTextContent = '';
   editorTextContent = '';
-  subTreeDirectionedTextContent = '';
   // Rather than pass around a load of arguments through the stack recursively
   // we instead set them as bindings within the scope of the module.
   treatAllNodesAsDirty = dirtyType === FULL_RECONCILE;
-  activeTextDirection = null;
   activeEditor$1 = editor;
   activeEditorConfig = editor._config;
   activeEditorNodes = editor._nodes;
@@ -10771,7 +10722,7 @@ class LexicalEditor {
     };
   }
 }
-LexicalEditor.version = "0.34.1-nightly.20250818.0+dev.cjs";
+LexicalEditor.version = "0.34.1-nightly.20250820.0+dev.cjs";
 
 let pendingNodeToClone = null;
 function setPendingNodeToClone(pendingNode) {
@@ -10859,15 +10810,6 @@ function getEditorPropertyFromDOMNode(node) {
   // @ts-expect-error: internal field
   return node ? node.__lexicalEditor : null;
 }
-function getTextDirection(text) {
-  if (RTL_REGEX.test(text)) {
-    return 'rtl';
-  }
-  if (LTR_REGEX.test(text)) {
-    return 'ltr';
-  }
-  return null;
-}
 
 /**
  * Return true if the TextNode is a TabNode or is in token mode.

package/Lexical.dev.mjs

@@ -138,13 +138,6 @@ const DOUBLE_LINE_BREAK = '\n\n';
 // For FF, we need to use a non-breaking space, or it gets composition
 // in a stuck state.
 const COMPOSITION_START_CHAR = IS_FIREFOX ? NON_BREAKING_SPACE : COMPOSITION_SUFFIX;
-const RTL = '\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC';
-const LTR = 'A-Za-z\u00C0-\u00D6\u00D8-\u00F6' + '\u00F8-\u02B8\u0300-\u0590\u0800-\u1FFF\u200E\u2C00-\uFB1C' + '\uFE00-\uFE6F\uFEFD-\uFFFF';
-
-// eslint-disable-next-line no-misleading-character-class
-const RTL_REGEX = new RegExp('^[^' + LTR + ']*[' + RTL + ']');
-// eslint-disable-next-line no-misleading-character-class
-const LTR_REGEX = new RegExp('^[^' + RTL + ']*[' + LTR + ']');
 const TEXT_TYPE_TO_FORMAT = {
   bold: IS_BOLD,
   capitalize: IS_CAPITALIZE,
@@ -1321,7 +1314,6 @@ function $normalizePoint(point) {
 }
 
 let subTreeTextContent = '';
-let subTreeDirectionedTextContent = '';
 let subTreeTextFormat = null;
 let subTreeTextStyle = '';
 let editorTextContent = '';
@@ -1331,7 +1323,6 @@ let activeEditorNodes;
 let treatAllNodesAsDirty = false;
 let activeEditorStateReadOnly = false;
 let activeMutationListeners;
-let activeTextDirection = null;
 let activeDirtyElements;
 let activeDirtyLeaves;
 let activePrevNodeMap;
@@ -1404,6 +1395,28 @@ function setElementFormat(dom, format) {
     setTextAlign(domStyle, 'end');
   }
 }
+function $getReconciledDirection(node) {
+  const direction = node.__dir;
+  if (direction !== null) {
+    return direction;
+  }
+  if ($isRootNode(node)) {
+    return null;
+  }
+  const parent = node.getParentOrThrow();
+  if (!$isRootNode(parent) || parent.__dir !== null) {
+    return null;
+  }
+  return 'auto';
+}
+function $setElementDirection(dom, node) {
+  const direction = $getReconciledDirection(node);
+  if (direction !== null) {
+    dom.dir = direction;
+  } else {
+    dom.removeAttribute('dir');
+  }
+}
 function $createNode(key, slot) {
   const node = activeNextNodeMap.get(key);
   if (node === undefined) {
@@ -1425,13 +1438,14 @@ function $createNode(key, slot) {
   if ($isElementNode(node)) {
     const indent = node.__indent;
     const childrenSize = node.__size;
+    $setElementDirection(dom, node);
     if (indent !== 0) {
       setElementIndent(dom, indent);
     }
     if (childrenSize !== 0) {
       const endIndex = childrenSize - 1;
       const children = createChildrenArray(node, activeNextNodeMap);
-      $createChildrenWithDirection(children, endIndex, node, dom);
+      $createChildren(children, node, 0, endIndex, node.getDOMSlot(dom));
     }
     const format = node.__format;
     if (format !== 0) {
@@ -1453,10 +1467,6 @@ function $createNode(key, slot) {
       }
       // Decorators are always non editable
       dom.contentEditable = 'false';
-    } else if ($isTextNode(node)) {
-      if (!node.isDirectionless()) {
-        subTreeDirectionedTextContent += text;
-      }
     }
     subTreeTextContent += text;
     editorTextContent += text;
@@ -1471,13 +1481,6 @@ function $createNode(key, slot) {
   setMutatedNode(mutatedNodes, activeEditorNodes, activeMutationListeners, node, 'created');
   return dom;
 }
-function $createChildrenWithDirection(children, endIndex, element, dom) {
-  const previousSubTreeDirectionedTextContent = subTreeDirectionedTextContent;
-  subTreeDirectionedTextContent = '';
-  $createChildren(children, element, 0, endIndex, element.getDOMSlot(dom));
-  reconcileBlockDirection(element, dom);
-  subTreeDirectionedTextContent = previousSubTreeDirectionedTextContent;
-}
 function $createChildren(children, element, _startIndex, endIndex, slot) {
   const previousSubTreeTextContent = subTreeTextContent;
   subTreeTextContent = '';
@@ -1533,67 +1536,12 @@ function reconcileTextStyle(element) {
     element.setTextStyle(subTreeTextStyle);
   }
 }
-function reconcileBlockDirection(element, dom) {
-  const previousSubTreeDirectionTextContent = dom.__lexicalDirTextContent || '';
-  const previousDirection = dom.__lexicalDir || '';
-  if (previousSubTreeDirectionTextContent !== subTreeDirectionedTextContent || previousDirection !== activeTextDirection) {
-    const hasEmptyDirectionedTextContent = subTreeDirectionedTextContent === '';
-    const direction = hasEmptyDirectionedTextContent ? activeTextDirection : getTextDirection(subTreeDirectionedTextContent);
-    if (direction !== previousDirection) {
-      const classList = dom.classList;
-      const theme = activeEditorConfig.theme;
-      let previousDirectionTheme = previousDirection !== null ? theme[previousDirection] : undefined;
-      let nextDirectionTheme = direction !== null ? theme[direction] : undefined;
-
-      // Remove the old theme classes if they exist
-      if (previousDirectionTheme !== undefined) {
-        if (typeof previousDirectionTheme === 'string') {
-          const classNamesArr = normalizeClassNames(previousDirectionTheme);
-          previousDirectionTheme = theme[previousDirection] = classNamesArr;
-        }
-
-        // @ts-ignore: intentional
-        classList.remove(...previousDirectionTheme);
-      }
-      if (direction === null || hasEmptyDirectionedTextContent && direction === 'ltr') {
-        // Remove direction
-        dom.removeAttribute('dir');
-      } else {
-        // Apply the new theme classes if they exist
-        if (nextDirectionTheme !== undefined) {
-          if (typeof nextDirectionTheme === 'string') {
-            const classNamesArr = normalizeClassNames(nextDirectionTheme);
-            // @ts-expect-error: intentional
-            nextDirectionTheme = theme[direction] = classNamesArr;
-          }
-          if (nextDirectionTheme !== undefined) {
-            classList.add(...nextDirectionTheme);
-          }
-        }
-
-        // Update direction
-        dom.dir = direction;
-      }
-      if (!activeEditorStateReadOnly) {
-        const writableNode = element.getWritable();
-        writableNode.__dir = direction;
-      }
-    }
-    activeTextDirection = direction;
-    dom.__lexicalDirTextContent = subTreeDirectionedTextContent;
-    dom.__lexicalDir = direction;
-  }
-}
 function $reconcileChildrenWithDirection(prevElement, nextElement, dom) {
-  const previousSubTreeDirectionTextContent = subTreeDirectionedTextContent;
-  subTreeDirectionedTextContent = '';
   subTreeTextFormat = null;
   subTreeTextStyle = '';
   $reconcileChildren(prevElement, nextElement, nextElement.getDOMSlot(dom));
-  reconcileBlockDirection(nextElement, dom);
   reconcileTextFormat(nextElement);
   reconcileTextStyle(nextElement);
-  subTreeDirectionedTextContent = previousSubTreeDirectionTextContent;
 }
 function createChildrenArray(element, nodeMap) {
   const children = [];
@@ -1698,15 +1646,8 @@ function $reconcileNode(key, parentDOM) {
         subTreeTextContent += previousSubTreeTextContent;
         editorTextContent += previousSubTreeTextContent;
       }
-      const previousSubTreeDirectionTextContent = dom.__lexicalDirTextContent;
-      if (previousSubTreeDirectionTextContent !== undefined) {
-        subTreeDirectionedTextContent += previousSubTreeDirectionTextContent;
-      }
     } else {
       const text = prevNode.getTextContent();
-      if ($isTextNode(prevNode) && !prevNode.isDirectionless()) {
-        subTreeDirectionedTextContent += text;
-      }
       editorTextContent += text;
       subTreeTextContent += text;
     }
@@ -1731,13 +1672,12 @@ function $reconcileNode(key, parentDOM) {
     return replacementDOM;
   }
   if ($isElementNode(prevNode) && $isElementNode(nextNode)) {
-    // Reconcile element children
     const nextIndent = nextNode.__indent;
-    if (nextIndent !== prevNode.__indent) {
+    if (treatAllNodesAsDirty || nextIndent !== prevNode.__indent) {
       setElementIndent(dom, nextIndent);
     }
     const nextFormat = nextNode.__format;
-    if (nextFormat !== prevNode.__format) {
+    if (treatAllNodesAsDirty || nextFormat !== prevNode.__format) {
       setElementFormat(dom, nextFormat);
     }
     if (isDirty) {
@@ -1750,6 +1690,22 @@ function $reconcileNode(key, parentDOM) {
       subTreeTextContent += DOUBLE_LINE_BREAK;
       editorTextContent += DOUBLE_LINE_BREAK;
     }
+    if (treatAllNodesAsDirty || nextNode.__dir !== prevNode.__dir) {
+      $setElementDirection(dom, nextNode);
+      if (
+      // Root node direction changing from set to unset (or vice versa)
+      // changes how children's direction is calculated.
+      $isRootNode(nextNode) &&
+      // Can skip if all children already reconciled.
+      !treatAllNodesAsDirty) {
+        for (const child of nextNode.getChildren()) {
+          if ($isElementNode(child)) {
+            const childDom = getElementByKeyOrThrow(activeEditor$1, child.getKey());
+            $setElementDirection(childDom, child);
+          }
+        }
+      }
+    }
   } else {
     const text = nextNode.getTextContent();
     if ($isDecoratorNode(nextNode)) {
@@ -1757,9 +1713,6 @@ function $reconcileNode(key, parentDOM) {
       if (decorator !== null) {
         reconcileDecorator(key, decorator);
       }
-    } else if ($isTextNode(nextNode) && !nextNode.isDirectionless()) {
-      // Handle text content, for LTR, LTR cases.
-      subTreeDirectionedTextContent += text;
     }
     subTreeTextContent += text;
     editorTextContent += text;
@@ -1865,11 +1818,9 @@ function $reconcileRoot(prevEditorState, nextEditorState, editor, dirtyType, dir
   // The cache must be rebuilt during reconciliation to account for any changes.
   subTreeTextContent = '';
   editorTextContent = '';
-  subTreeDirectionedTextContent = '';
   // Rather than pass around a load of arguments through the stack recursively
   // we instead set them as bindings within the scope of the module.
   treatAllNodesAsDirty = dirtyType === FULL_RECONCILE;
-  activeTextDirection = null;
   activeEditor$1 = editor;
   activeEditorConfig = editor._config;
   activeEditorNodes = editor._nodes;
@@ -10769,7 +10720,7 @@ class LexicalEditor {
     };
   }
 }
-LexicalEditor.version = "0.34.1-nightly.20250818.0+dev.esm";
+LexicalEditor.version = "0.34.1-nightly.20250820.0+dev.esm";
 
 let pendingNodeToClone = null;
 function setPendingNodeToClone(pendingNode) {
@@ -10857,15 +10808,6 @@ function getEditorPropertyFromDOMNode(node) {
   // @ts-expect-error: internal field
   return node ? node.__lexicalEditor : null;
 }
-function getTextDirection(text) {
-  if (RTL_REGEX.test(text)) {
-    return 'rtl';
-  }
-  if (LTR_REGEX.test(text)) {
-    return 'ltr';
-  }
-  return null;
-}
 
 /**
  * Return true if the TextNode is a TabNode or is in token mode.