@portabletext/editor 1.50.5 → 1.50.7

package/src/editor/plugins/create-with-event-listeners.ts

@@ -11,7 +11,47 @@ export function createWithEventListeners(editorActor: EditorActor) {
       return editor
     }
 
-    const {select} = editor
+    const {delete: editorDelete, select} = editor
+
+    editor.delete = (options) => {
+      if (isApplyingBehaviorOperations(editor)) {
+        editorDelete(options)
+        return
+      }
+
+      const at = options?.at ?? editor.selection
+
+      if (!at) {
+        console.error('Unexpected call to .delete(...) without `at` option')
+        return
+      }
+
+      const range = Editor.range(editor, at)
+
+      const selection = slateRangeToSelection({
+        schema: editorActor.getSnapshot().context.schema,
+        editor,
+        range,
+      })
+
+      if (!selection) {
+        console.error(
+          'Unexpected call to .delete(...) with invalid `at` option',
+        )
+        return
+      }
+
+      editorActor.send({
+        type: 'behavior event',
+        behaviorEvent: {
+          type: 'delete',
+          at: selection,
+          direction: options?.reverse ? 'backward' : 'forward',
+          unit: options?.unit,
+        },
+        editor,
+      })
+    }
 
     editor.deleteBackward = (unit) => {
       if (isApplyingBehaviorOperations(editor)) {

package/src/editor/sync-machine.ts

@@ -428,29 +428,35 @@ async function updateValue({
     debug('Value is empty')
     Editor.withoutNormalizing(slateEditor, () => {
       withoutSaving(slateEditor, () => {
-        withoutPatching(slateEditor, () => {
-          if (doneSyncing) {
-            return
-          }
+        withRemoteChanges(slateEditor, () => {
+          withoutPatching(slateEditor, () => {
+            if (doneSyncing) {
+              return
+            }
 
-          if (hadSelection) {
-            Transforms.deselect(slateEditor)
-          }
-          const childrenLength = slateEditor.children.length
-          slateEditor.children.forEach((_, index) => {
-            Transforms.removeNodes(slateEditor, {
-              at: [childrenLength - 1 - index],
+            if (hadSelection) {
+              Transforms.deselect(slateEditor)
+            }
+
+            const childrenLength = slateEditor.children.length
+
+            slateEditor.children.forEach((_, index) => {
+              Transforms.removeNodes(slateEditor, {
+                at: [childrenLength - 1 - index],
+              })
             })
+
+            Transforms.insertNodes(
+              slateEditor,
+              slateEditor.pteCreateTextBlock({decorators: []}),
+              {at: [0]},
+            )
+
+            // Add a new selection in the top of the document
+            if (hadSelection) {
+              Transforms.select(slateEditor, [0, 0])
+            }
           })
-          Transforms.insertNodes(
-            slateEditor,
-            slateEditor.pteCreateTextBlock({decorators: []}),
-            {at: [0]},
-          )
-          // Add a new selection in the top of the document
-          if (hadSelection) {
-            Transforms.select(slateEditor, [0, 0])
-          }
         })
       })
     })