@vonage/vivid 4.23.0 → 4.24.0

package/shared/definition43.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const vividElement = require('./vivid-element.cjs');
+const localized = require('./localized.cjs');
 const definition$2 = require('./definition11.cjs');
 const definition = require('./definition23.cjs');
 const definition$3 = require('./definition60.cjs');
@@ -24,7 +25,7 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
   if (result) __defProp$1(target, key, result);
   return result;
 };
-class MenuBar extends vividElement.VividElement {
+class MenuBar extends localized.Localized(vividElement.VividElement) {
   get #textEditorElement() {
     return this.parentElement;
   }
@@ -162,7 +163,7 @@ const MENU_BAR_ITEMS = {
       const optionTag = context.tagFor(option.ListboxOption);
       const tooltipTag = context.tagFor(definition$3.Tooltip);
       return vividElement.html`
-		<${tooltipTag} text="Text Block Type" placement="top">
+		<${tooltipTag} text="${(_, { parent }) => parent.locale.richTextEditor.textBlockType}" placement="top">
 			<${selectTag}
                 scale="condensed"
                 shape="rounded"
@@ -220,11 +221,11 @@ const MENU_BAR_ITEMS = {
 					${repeat.repeat(
         (_) => TEXT_DECORATION_ITEMS,
         vividElement.html`
-                        <${tooltipTag} text="${(x) => x.text}" placement="top">
+                        <${tooltipTag} text="${(x, { parentContext: { parent } }) => parent.locale.richTextEditor[x.value]}" placement="top">
                             <${buttonTag}
                                 class="selection-button"
                                 slot="anchor"
-                                aria-label="${(x) => x.text}"
+                                aria-label="${(x, { parentContext: { parent } }) => parent.locale.richTextEditor[x.value]}"
                                 size="super-condensed"
                                 appearance="ghost-light"
                                 shape="rounded"
@@ -259,7 +260,7 @@ const MENU_BAR_ITEMS = {
                         aria-label="Text Size"
                         placement="bottom-end"
                     >
-						<${tooltipTag} slot="anchor" text="Text Size" placement="top">
+						<${tooltipTag} slot="anchor" text="${(_, { parent }) => parent.locale.richTextEditor.textSize}" placement="top">
                             <${buttonTag}
                                 slot="anchor"
                                 aria-label="Open text size menu"
@@ -3319,7 +3320,7 @@ class ParseContext {
                 value = value.replace(/\r\n?/g, "\n");
             }
             if (value)
-                this.insertNode(this.parser.schema.text(value), marks);
+                this.insertNode(this.parser.schema.text(value), marks, !/\S/.test(value));
             this.findInText(dom);
         }
         else {
@@ -3383,7 +3384,7 @@ class ParseContext {
     ignoreFallback(dom, marks) {
         // Ignored BR nodes should at least create an inline context
         if (dom.nodeName == "BR" && (!this.top.type || !this.top.type.inlineContent))
-            this.findPlace(this.parser.schema.text("-"), marks);
+            this.findPlace(this.parser.schema.text("-"), marks, true);
     }
     // Run any style parser associated with the node's styles. Either
     // return an updated array of marks, or null to indicate some of the
@@ -3431,7 +3432,7 @@ class ParseContext {
                     marks = inner;
                 }
             }
-            else if (!this.insertNode(nodeType.create(rule.attrs), marks)) {
+            else if (!this.insertNode(nodeType.create(rule.attrs), marks, dom.nodeName == "BR")) {
                 this.leafFallback(dom, marks);
             }
         }
@@ -3448,7 +3449,7 @@ class ParseContext {
         }
         else if (rule.getContent) {
             this.findInside(dom);
-            rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks));
+            rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks, false));
         }
         else {
             let contentDOM = dom;
@@ -3479,19 +3480,22 @@ class ParseContext {
     // Try to find a way to fit the given node type into the current
     // context. May add intermediate wrappers and/or leave non-solid
     // nodes that we're in.
-    findPlace(node, marks) {
+    findPlace(node, marks, cautious) {
         let route, sync;
-        for (let depth = this.open; depth >= 0; depth--) {
+        for (let depth = this.open, penalty = 0; depth >= 0; depth--) {
             let cx = this.nodes[depth];
             let found = cx.findWrapping(node);
-            if (found && (!route || route.length > found.length)) {
+            if (found && (!route || route.length > found.length + penalty)) {
                 route = found;
                 sync = cx;
                 if (!found.length)
                     break;
             }
-            if (cx.solid)
-                break;
+            if (cx.solid) {
+                if (cautious)
+                    break;
+                penalty += 2;
+            }
         }
         if (!route)
             return null;
@@ -3501,13 +3505,13 @@ class ParseContext {
         return marks;
     }
     // Try to insert the given node, adjusting the context when needed.
-    insertNode(node, marks) {
+    insertNode(node, marks, cautious) {
         if (node.isInline && this.needsBlock && !this.top.type) {
             let block = this.textblockFromContext();
             if (block)
                 marks = this.enterInner(block, null, marks);
         }
-        let innerMarks = this.findPlace(node, marks);
+        let innerMarks = this.findPlace(node, marks, cautious);
         if (innerMarks) {
             this.closeExtra();
             let top = this.top;
@@ -3525,7 +3529,7 @@ class ParseContext {
     // Try to start a node of the given type, adjusting the context when
     // necessary.
     enter(type, attrs, marks, preserveWS) {
-        let innerMarks = this.findPlace(type.create(attrs), marks);
+        let innerMarks = this.findPlace(type.create(attrs), marks, false);
         if (innerMarks)
             innerMarks = this.enterInner(type, attrs, marks, true, preserveWS);
         return innerMarks;
@@ -4659,7 +4663,7 @@ class ReplaceStep extends Step {
         let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
         if (from.deletedAcross && to.deletedAcross)
             return null;
-        return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice);
+        return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
     }
     merge(other) {
         if (!(other instanceof ReplaceStep) || other.structure || this.structure)
@@ -5967,19 +5971,26 @@ class Transform {
         return this;
     }
     /**
-    Remove a mark (or a mark of the given type) from the node at
+    Remove a mark (or all marks of the given type) from the node at
     position `pos`.
     */
     removeNodeMark(pos, mark) {
-        if (!(mark instanceof Mark)) {
-            let node = this.doc.nodeAt(pos);
-            if (!node)
-                throw new RangeError("No node at position " + pos);
-            mark = mark.isInSet(node.marks);
-            if (!mark)
-                return this;
+        let node = this.doc.nodeAt(pos);
+        if (!node)
+            throw new RangeError("No node at position " + pos);
+        if (mark instanceof Mark) {
+            if (mark.isInSet(node.marks))
+                this.step(new RemoveNodeMarkStep(pos, mark));
+        }
+        else {
+            let set = node.marks, found, steps = [];
+            while (found = mark.isInSet(set)) {
+                steps.push(new RemoveNodeMarkStep(pos, found));
+                set = found.removeFromSet(set);
+            }
+            for (let i = steps.length - 1; i >= 0; i--)
+                this.step(steps[i]);
         }
-        this.step(new RemoveNodeMarkStep(pos, mark));
         return this;
     }
     /**
@@ -10003,7 +10014,7 @@ function maybeWrapTrusted(html) {
     // innerHTML, even on a detached document. This wraps the string in
     // a way that makes the browser allow us to use its parser again.
     if (!_policy)
-        _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+        _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
     return _policy.createHTML(html);
 }
 function readHTML(html) {
@@ -10694,6 +10705,10 @@ class Dragging {
     }
 }
 const dragCopyModifier = mac$3 ? "altKey" : "ctrlKey";
+function dragMoves(view, event) {
+    let moves = view.someProp("dragCopies", test => !test(event));
+    return moves != null ? moves : !event[dragCopyModifier];
+}
 handlers.dragstart = (view, _event) => {
     let event = _event;
     let mouseDown = view.input.mouseDown;
@@ -10723,7 +10738,7 @@ handlers.dragstart = (view, _event) => {
     event.dataTransfer.effectAllowed = "copyMove";
     if (!brokenClipboardAPI)
         event.dataTransfer.setData("text/plain", text);
-    view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+    view.dragging = new Dragging(slice, dragMoves(view, event), node);
 };
 handlers.dragend = view => {
     let dragging = view.dragging;
@@ -10750,7 +10765,7 @@ editHandlers.drop = (view, _event) => {
     else {
         slice = parseFromClipboard(view, getText(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
     }
-    let move = !!(dragging && !event[dragCopyModifier]);
+    let move = !!(dragging && dragMoves(view, event));
     if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
         event.preventDefault();
         return;
@@ -12035,9 +12050,11 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
     // as being an iOS enter press), just dispatch an Enter key instead.
     if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
         (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-        (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+        (!inlineChange && $from.pos < parse.doc.content.size &&
+            (!$from.sameParent($to) || !$from.parent.inlineContent) &&
+            !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) &&
             (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-            nextSel.head == $to.pos)) &&
+            nextSel.head > $from.pos)) &&
         view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
         view.input.lastIOSEnter = 0;
         return;
@@ -13378,6 +13395,8 @@ function splitBlockAs(splitNode) {
             types[0] = deflt ? { type: deflt } : null;
             can = canSplit(tr.doc, splitPos, types.length, types);
         }
+        if (!can)
+            return false;
         tr.split(splitPos, types.length, types);
         if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
             let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
@@ -13889,6 +13908,50 @@ function setTextBlockType(styles, type) {
     styles.textBlockType = type;
   }
 }
+function createEnterKeymapPlugin() {
+  return keymap({
+    ["Shift-Enter"]: (state, dispatch) => {
+      const { schema } = state;
+      const br = schema.nodes.hard_break;
+      const { $from, $to } = state.selection;
+      if ($from.sameParent($to)) {
+        dispatch && dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
+      } else {
+        if (dispatch) {
+          const tr = state.tr;
+          const lastSelectionBlock = state.doc.resolve($to.end());
+          tr.delete(lastSelectionBlock.start(), $to.pos);
+          tr.delete($from.pos, lastSelectionBlock.start() - 1);
+          tr.insert($from.pos, br.create());
+          const newSelection = TextSelection.create(tr.doc, $from.pos + 1);
+          tr.setSelection(newSelection);
+          dispatch(tr.scrollIntoView());
+        }
+      }
+      return true;
+    },
+    Enter: (state, dispatch) => {
+      const { schema } = state;
+      const paragraph = schema.nodes.paragraph;
+      const { $from, empty } = state.selection;
+      if (!empty || $from.parent.type !== paragraph) {
+        return false;
+      }
+      const tr = state.tr;
+      const marks = $from.marks();
+      tr.split($from.pos);
+      if (marks.length > 0) {
+        const newParaStart = $from.pos + 1;
+        const zeroWidthSpace = "​";
+        const content = schema.text(zeroWidthSpace, marks);
+        tr.insert(newParaStart, content);
+        tr.setSelection(TextSelection.create(tr.doc, newParaStart + 1));
+      }
+      dispatch && dispatch(tr.scrollIntoView());
+      return true;
+    }
+  });
+}
 function createSelectionChangePlugin(onSelectionChange) {
   return new Plugin({
     view: () => ({
@@ -13969,6 +14032,7 @@ class ProseMirrorFacade {
     const plugins = [
       createPlaceholderPlugin(),
       createSelectionChangePlugin(this.#onSelectionChange),
+      createEnterKeymapPlugin(),
       keymap(baseKeymap)
     ];
     const state = EditorState.create({

package/shared/definition43.js

@@ -1,4 +1,5 @@
 import { V as VividElement, a as attr, h as html, i as defineVividComponent, n as nullableNumberConverter, g as createRegisterFunction } from './vivid-element.js';
+import { L as Localized } from './localized.js';
 import { B as Button, b as buttonDefinition } from './definition11.js';
 import { D as Divider, d as dividerDefinition } from './definition23.js';
 import { T as Tooltip, t as tooltipDefinition } from './definition60.js';
@@ -22,7 +23,7 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
   if (result) __defProp$1(target, key, result);
   return result;
 };
-class MenuBar extends VividElement {
+class MenuBar extends Localized(VividElement) {
   get #textEditorElement() {
     return this.parentElement;
   }
@@ -160,7 +161,7 @@ const MENU_BAR_ITEMS = {
       const optionTag = context.tagFor(ListboxOption);
       const tooltipTag = context.tagFor(Tooltip);
       return html`
-		<${tooltipTag} text="Text Block Type" placement="top">
+		<${tooltipTag} text="${(_, { parent }) => parent.locale.richTextEditor.textBlockType}" placement="top">
 			<${selectTag}
                 scale="condensed"
                 shape="rounded"
@@ -218,11 +219,11 @@ const MENU_BAR_ITEMS = {
 					${repeat(
         (_) => TEXT_DECORATION_ITEMS,
         html`
-                        <${tooltipTag} text="${(x) => x.text}" placement="top">
+                        <${tooltipTag} text="${(x, { parentContext: { parent } }) => parent.locale.richTextEditor[x.value]}" placement="top">
                             <${buttonTag}
                                 class="selection-button"
                                 slot="anchor"
-                                aria-label="${(x) => x.text}"
+                                aria-label="${(x, { parentContext: { parent } }) => parent.locale.richTextEditor[x.value]}"
                                 size="super-condensed"
                                 appearance="ghost-light"
                                 shape="rounded"
@@ -257,7 +258,7 @@ const MENU_BAR_ITEMS = {
                         aria-label="Text Size"
                         placement="bottom-end"
                     >
-						<${tooltipTag} slot="anchor" text="Text Size" placement="top">
+						<${tooltipTag} slot="anchor" text="${(_, { parent }) => parent.locale.richTextEditor.textSize}" placement="top">
                             <${buttonTag}
                                 slot="anchor"
                                 aria-label="Open text size menu"
@@ -3317,7 +3318,7 @@ class ParseContext {
                 value = value.replace(/\r\n?/g, "\n");
             }
             if (value)
-                this.insertNode(this.parser.schema.text(value), marks);
+                this.insertNode(this.parser.schema.text(value), marks, !/\S/.test(value));
             this.findInText(dom);
         }
         else {
@@ -3381,7 +3382,7 @@ class ParseContext {
     ignoreFallback(dom, marks) {
         // Ignored BR nodes should at least create an inline context
         if (dom.nodeName == "BR" && (!this.top.type || !this.top.type.inlineContent))
-            this.findPlace(this.parser.schema.text("-"), marks);
+            this.findPlace(this.parser.schema.text("-"), marks, true);
     }
     // Run any style parser associated with the node's styles. Either
     // return an updated array of marks, or null to indicate some of the
@@ -3429,7 +3430,7 @@ class ParseContext {
                     marks = inner;
                 }
             }
-            else if (!this.insertNode(nodeType.create(rule.attrs), marks)) {
+            else if (!this.insertNode(nodeType.create(rule.attrs), marks, dom.nodeName == "BR")) {
                 this.leafFallback(dom, marks);
             }
         }
@@ -3446,7 +3447,7 @@ class ParseContext {
         }
         else if (rule.getContent) {
             this.findInside(dom);
-            rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks));
+            rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks, false));
         }
         else {
             let contentDOM = dom;
@@ -3477,19 +3478,22 @@ class ParseContext {
     // Try to find a way to fit the given node type into the current
     // context. May add intermediate wrappers and/or leave non-solid
     // nodes that we're in.
-    findPlace(node, marks) {
+    findPlace(node, marks, cautious) {
         let route, sync;
-        for (let depth = this.open; depth >= 0; depth--) {
+        for (let depth = this.open, penalty = 0; depth >= 0; depth--) {
             let cx = this.nodes[depth];
             let found = cx.findWrapping(node);
-            if (found && (!route || route.length > found.length)) {
+            if (found && (!route || route.length > found.length + penalty)) {
                 route = found;
                 sync = cx;
                 if (!found.length)
                     break;
             }
-            if (cx.solid)
-                break;
+            if (cx.solid) {
+                if (cautious)
+                    break;
+                penalty += 2;
+            }
         }
         if (!route)
             return null;
@@ -3499,13 +3503,13 @@ class ParseContext {
         return marks;
     }
     // Try to insert the given node, adjusting the context when needed.
-    insertNode(node, marks) {
+    insertNode(node, marks, cautious) {
         if (node.isInline && this.needsBlock && !this.top.type) {
             let block = this.textblockFromContext();
             if (block)
                 marks = this.enterInner(block, null, marks);
         }
-        let innerMarks = this.findPlace(node, marks);
+        let innerMarks = this.findPlace(node, marks, cautious);
         if (innerMarks) {
             this.closeExtra();
             let top = this.top;
@@ -3523,7 +3527,7 @@ class ParseContext {
     // Try to start a node of the given type, adjusting the context when
     // necessary.
     enter(type, attrs, marks, preserveWS) {
-        let innerMarks = this.findPlace(type.create(attrs), marks);
+        let innerMarks = this.findPlace(type.create(attrs), marks, false);
         if (innerMarks)
             innerMarks = this.enterInner(type, attrs, marks, true, preserveWS);
         return innerMarks;
@@ -4657,7 +4661,7 @@ class ReplaceStep extends Step {
         let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
         if (from.deletedAcross && to.deletedAcross)
             return null;
-        return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice);
+        return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
     }
     merge(other) {
         if (!(other instanceof ReplaceStep) || other.structure || this.structure)
@@ -5965,19 +5969,26 @@ class Transform {
         return this;
     }
     /**
-    Remove a mark (or a mark of the given type) from the node at
+    Remove a mark (or all marks of the given type) from the node at
     position `pos`.
     */
     removeNodeMark(pos, mark) {
-        if (!(mark instanceof Mark)) {
-            let node = this.doc.nodeAt(pos);
-            if (!node)
-                throw new RangeError("No node at position " + pos);
-            mark = mark.isInSet(node.marks);
-            if (!mark)
-                return this;
+        let node = this.doc.nodeAt(pos);
+        if (!node)
+            throw new RangeError("No node at position " + pos);
+        if (mark instanceof Mark) {
+            if (mark.isInSet(node.marks))
+                this.step(new RemoveNodeMarkStep(pos, mark));
+        }
+        else {
+            let set = node.marks, found, steps = [];
+            while (found = mark.isInSet(set)) {
+                steps.push(new RemoveNodeMarkStep(pos, found));
+                set = found.removeFromSet(set);
+            }
+            for (let i = steps.length - 1; i >= 0; i--)
+                this.step(steps[i]);
         }
-        this.step(new RemoveNodeMarkStep(pos, mark));
         return this;
     }
     /**
@@ -10001,7 +10012,7 @@ function maybeWrapTrusted(html) {
     // innerHTML, even on a detached document. This wraps the string in
     // a way that makes the browser allow us to use its parser again.
     if (!_policy)
-        _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+        _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
     return _policy.createHTML(html);
 }
 function readHTML(html) {
@@ -10692,6 +10703,10 @@ class Dragging {
     }
 }
 const dragCopyModifier = mac$3 ? "altKey" : "ctrlKey";
+function dragMoves(view, event) {
+    let moves = view.someProp("dragCopies", test => !test(event));
+    return moves != null ? moves : !event[dragCopyModifier];
+}
 handlers.dragstart = (view, _event) => {
     let event = _event;
     let mouseDown = view.input.mouseDown;
@@ -10721,7 +10736,7 @@ handlers.dragstart = (view, _event) => {
     event.dataTransfer.effectAllowed = "copyMove";
     if (!brokenClipboardAPI)
         event.dataTransfer.setData("text/plain", text);
-    view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+    view.dragging = new Dragging(slice, dragMoves(view, event), node);
 };
 handlers.dragend = view => {
     let dragging = view.dragging;
@@ -10748,7 +10763,7 @@ editHandlers.drop = (view, _event) => {
     else {
         slice = parseFromClipboard(view, getText(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
     }
-    let move = !!(dragging && !event[dragCopyModifier]);
+    let move = !!(dragging && dragMoves(view, event));
     if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
         event.preventDefault();
         return;
@@ -12033,9 +12048,11 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
     // as being an iOS enter press), just dispatch an Enter key instead.
     if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
         (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-        (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+        (!inlineChange && $from.pos < parse.doc.content.size &&
+            (!$from.sameParent($to) || !$from.parent.inlineContent) &&
+            !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) &&
             (nextSel = Selection.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-            nextSel.head == $to.pos)) &&
+            nextSel.head > $from.pos)) &&
         view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
         view.input.lastIOSEnter = 0;
         return;
@@ -13376,6 +13393,8 @@ function splitBlockAs(splitNode) {
             types[0] = deflt ? { type: deflt } : null;
             can = canSplit(tr.doc, splitPos, types.length, types);
         }
+        if (!can)
+            return false;
         tr.split(splitPos, types.length, types);
         if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
             let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
@@ -13887,6 +13906,50 @@ function setTextBlockType(styles, type) {
     styles.textBlockType = type;
   }
 }
+function createEnterKeymapPlugin() {
+  return keymap({
+    ["Shift-Enter"]: (state, dispatch) => {
+      const { schema } = state;
+      const br = schema.nodes.hard_break;
+      const { $from, $to } = state.selection;
+      if ($from.sameParent($to)) {
+        dispatch && dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
+      } else {
+        if (dispatch) {
+          const tr = state.tr;
+          const lastSelectionBlock = state.doc.resolve($to.end());
+          tr.delete(lastSelectionBlock.start(), $to.pos);
+          tr.delete($from.pos, lastSelectionBlock.start() - 1);
+          tr.insert($from.pos, br.create());
+          const newSelection = TextSelection.create(tr.doc, $from.pos + 1);
+          tr.setSelection(newSelection);
+          dispatch(tr.scrollIntoView());
+        }
+      }
+      return true;
+    },
+    Enter: (state, dispatch) => {
+      const { schema } = state;
+      const paragraph = schema.nodes.paragraph;
+      const { $from, empty } = state.selection;
+      if (!empty || $from.parent.type !== paragraph) {
+        return false;
+      }
+      const tr = state.tr;
+      const marks = $from.marks();
+      tr.split($from.pos);
+      if (marks.length > 0) {
+        const newParaStart = $from.pos + 1;
+        const zeroWidthSpace = "​";
+        const content = schema.text(zeroWidthSpace, marks);
+        tr.insert(newParaStart, content);
+        tr.setSelection(TextSelection.create(tr.doc, newParaStart + 1));
+      }
+      dispatch && dispatch(tr.scrollIntoView());
+      return true;
+    }
+  });
+}
 function createSelectionChangePlugin(onSelectionChange) {
   return new Plugin({
     view: () => ({
@@ -13967,6 +14030,7 @@ class ProseMirrorFacade {
     const plugins = [
       createPlaceholderPlugin(),
       createSelectionChangePlugin(this.#onSelectionChange),
+      createEnterKeymapPlugin(),
       keymap(baseKeymap)
     ];
     const state = EditorState.create({