This is a monthly release with some major new features and lots of bug fixes

Breaking Changes

$copyNode(prevNode) now calls node.afterCloneFrom(prevNode) #7609

If you have code that assumes that newNode.afterCloneFrom(prevNode) will not be called as a result of $copyNode(prevNode), and would no longer work if it was, then it will need some refactoring. This is a very unlikely scenario.

role no longer removed from readonly LexicalContentEditableElement #7647

The role attribute is no longer removed from readonly LexicalContentEditableElement for better accessibility compliance. This may require application and/or CSS changes in rare cases.

New APIs

$config protocol #7258

There's a new protocol for creating new node classes, that's more concise, automatically generates the boilerplate for the static methods (getType, clone, importJSON) and has additional features for NodeState.

See the Creating custom nodes with $config and NodeState documentation.

Highlights

Core

• 🆕 Feature: $config protocol + NodeState registration/flattening #7258 $config protocol + NodeState registration/flattening (also [lexical] Bug Fix: Workarounds in $config protocol for loose inheritance #7659 [lexical] Bug Fix: Workarounds for import json  #7661 [lexical-playground] Chore: Fix AutocompleteNode importDOM warning #7667 [lexical] Bug Fix: LexicalNode.getType() fallback to $config protocol #7671)
• ✅ [lexical] Bug Fix: copy NodeState when splitting text nodes #7641 Copy NodeState in TextNode.splitText
• ✅ [lexical] Bug Fix: allow same mutation listener fn to be registered to multiple nodes #7654 Allow the same mutation listener function to be registered to multiple nodes

Clipboard

• 🆕 [lexical-clipboard] Inherit style when typing after pasting rich text #7657 Inherit the style of the last pasted TextNode in the block after pasting rich text

Code

• 🆕 [lexical-code][lexical-markdown][lexical-playground] Feature: Add code diff highlighting #7613 Code diff highlighting

Devtools

• 🆕 [lexical-devtools-core] Chore: add NodeState to TreeView #7642 Add NodeState to TreeView

List

• 🆕 [lexical-playground] [lexical-list] add ability to change ordered list start number #7638 Add a command to change an ordered list's start number
• ✅ [lexical-list] Bug Fix: Make tap target for checklists bigger so touch inputs register #7655 Make tap target for checklists bugger for touch input

React

• ✅ [lexical-react] Chore: make ref types mutable #7633 Make ref types mutable
• ✅ [lexical-react] Bug Fix: handle DraggableBlockPlugin in scrollable editors  #7644 Handle DraggableBlockPlugin in scrollable editors
• ✅ [lexical-react] Bug Fix: aria-prohibited-attr violation on LexicalContentEditableElement #7647 Do not remove role from read-only LexicalContentEditableElement
• ✅ [lexical-react] Bug Fix: LexicalMenu position menu immediately regression #7669 Fix an issue with dangling div portals with non-empty style in LexicalMenu (regressed in v0.25)

Table

• ✅ [lexical-table] Bug Fix: Ignore SELECTION_INSERT_CLIPBOARD_NODES_COMMAND dispatched from child editors #7637 Ignore SELECTION_INSERT_CLIPBOARD_NODES_COMMAND dispatched from child editors
• ✅ [lexical-table] Bug Fix: Fix table selection for touch devices #7656 Table selection now only occurs when dragging on touch devices

Playground

• ✅ [lexical-playground] Bug Fix: Update alignment state for image selection #7627 Update alignment state for image selection
• ✅ [lexical-playground] Bug Fix: Allow deleting empty column layouts via backspace  #7636 Allow deleting an empty column layout via backspace
• ✅ [lexical-playground] fix: close link popup when user clicks out of it #7670 Close FloatingLinkEditor popup when user clicks out of it

What's Changed

• v0.32.1 by @etrepum in v0.32.1 #7605
• [lexical][Breaking Change] Bug Fix: Change $copyNode to use afterCloneFrom by @etrepum in [lexical][Breaking Change] Bug Fix: Change $copyNode to use afterCloneFrom #7609
• [lexical-react] Chore: Remove confusing return value by @eliottvincent in [lexical-react] Chore: Remove confusing return value #7607
• [lexical-code][lexical-markdown][lexical-playground] Feature: Add code diff highlighting by @jeromew in [lexical-code][lexical-markdown][lexical-playground] Feature: Add code diff highlighting #7613
• [lexical-devtools-core] Bug Fix: Allow CustomPrintNodeFn to return undefined by @achaljhawar in [lexical-devtools-core] Bug Fix: Allow CustomPrintNodeFn to return undefined #7619
• [lexical-playground] Bug Fix: Update alignment state for image selection by @kirandash in [lexical-playground] Bug Fix: Update alignment state for image selection #7627
• Add in favor for to deprecated tag by @sofiane-dj in Add in favor for to deprecated tag #7634
• [lexical-react] Chore: make ref types mutable by @findoo in [lexical-react] Chore: make ref types mutable #7633
• [lexical-headless-test] Enhance navigator environment check with object type and structure validation by @0xobedient in [lexical-headless-test] Enhance navigator environment check with object type and structure validation #7626
• Feature: $config protocol + NodeState registration/flattening by @etrepum in Feature: $config protocol + NodeState registration/flattening #7258
• [Lexical]Refactor: Change UnionToIntersection flow type by @lilshady in [Lexical]Refactor: Change UnionToIntersection flow type #7643
• [lexical-table] Bug Fix: Ignore SELECTION_INSERT_CLIPBOARD_NODES_COMMAND dispatched from child editors by @etrepum in [lexical-table] Bug Fix: Ignore SELECTION_INSERT_CLIPBOARD_NODES_COMMAND dispatched from child editors #7637
• [lexical] Bug Fix: copy NodeState when splitting text nodes by @randal-atticus in [lexical] Bug Fix: copy NodeState when splitting text nodes #7641
• [lexical-devtools-core] Chore: add NodeState to TreeView by @randal-atticus in [lexical-devtools-core] Chore: add NodeState to TreeView #7642
• [lexical-react] Bug Fix: handle DraggableBlockPlugin in scrollable editors by @randal-atticus in [lexical-react] Bug Fix: handle DraggableBlockPlugin in scrollable editors  #7644
• [lexical-playground] Bug Fix: Allow deleting empty column layouts via backspace by @Lakshmanshankar in [lexical-playground] Bug Fix: Allow deleting empty column layouts via backspace  #7636
• [lexical] Bug Fix: allow same mutation listener fn to be registered to multiple nodes by @james-atticus in [lexical] Bug Fix: allow same mutation listener fn to be registered to multiple nodes #7654
• [lexical-playground] [lexical-list] add ability to change ordered list start number by @achaljhawar in [lexical-playground] [lexical-list] add ability to change ordered list start number #7638
• [lexical] Bug Fix: Workarounds in $config protocol for loose inheritance by @etrepum in [lexical] Bug Fix: Workarounds in $config protocol for loose inheritance #7659
• [lexical-react] Bug Fix: aria-prohibited-attr violation on LexicalContentEditableElement by @so99ynoodles in [lexical-react] Bug Fix: aria-prohibited-attr violation on LexicalContentEditableElement #7647
• [lexical-website] Documentation Update: Update some doc links by @lilshady in [lexical-website] Documentation Update: Update some doc links #7660
• [lexical] Bug Fix: Workarounds for import json by @lilshady in [lexical] Bug Fix: Workarounds for import json  #7661
• [lexical-website] Chore: Fix typo in transforms by @noamzaks in [lexical-website] Chore: Fix typo in transforms #7664
• [lexical-list] Bug Fix: Make tap target for checklists bigger so touch inputs register by @circlingthesun in [lexical-list] Bug Fix: Make tap target for checklists bigger so touch inputs register #7655
• [lexical-clipboard] Inherit style when typing after pasting rich text by @achaljhawar in [lexical-clipboard] Inherit style when typing after pasting rich text #7657
• [lexical-table] Bug Fix: Fix table selection for touch devices by @circlingthesun in [lexical-table] Bug Fix: Fix table selection for touch devices #7656
• [lexical-playground] Chore: Fix AutocompleteNode importDOM warning by @etrepum in [lexical-playground] Chore: Fix AutocompleteNode importDOM warning #7667
• [lexical-react] Bug Fix: LexicalMenu position menu immediately regression by @etrepum in [lexical-react] Bug Fix: LexicalMenu position menu immediately regression #7669
• [lexical-playground] fix: close link popup when user clicks out of it by @achaljhawar in [lexical-playground] fix: close link popup when user clicks out of it #7670
• [lexical] Bug Fix: LexicalNode.getType() fallback to $config protocol by @etrepum in [lexical] Bug Fix: LexicalNode.getType() fallback to $config protocol #7671

New Contributors

• @achaljhawar made their first contribution in [lexical-devtools-core] Bug Fix: Allow CustomPrintNodeFn to return undefined #7619
• @sofiane-dj made their first contribution in Add in favor for to deprecated tag #7634
• @findoo made their first contribution in [lexical-react] Chore: make ref types mutable #7633
• @0xobedient made their first contribution in [lexical-headless-test] Enhance navigator environment check with object type and structure validation #7626
• @randal-atticus made their first contribution in [lexical] Bug Fix: copy NodeState when splitting text nodes #7641
• @Lakshmanshankar made their first contribution in [lexical-playground] Bug Fix: Allow deleting empty column layouts via backspace  #7636
• @so99ynoodles made their first contribution in [lexical-react] Bug Fix: aria-prohibited-attr violation on LexicalContentEditableElement #7647
• @noamzaks made their first contribution in [lexical-website] Chore: Fix typo in transforms #7664

Full Changelog: v0.32.1...v0.33.0