@portabletext/editor 1.21.0 → 1.21.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.21.0",
+  "version": "1.21.2",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -93,11 +93,11 @@
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^2.1.8",
     "@vitest/coverage-istanbul": "^2.1.8",
-    "babel-plugin-react-compiler": "19.0.0-beta-63e3235-20250105",
+    "babel-plugin-react-compiler": "19.0.0-beta-e552027-20250112",
     "eslint": "8.57.1",
-    "eslint-plugin-react-compiler": "19.0.0-beta-63e3235-20250105",
+    "eslint-plugin-react-compiler": "19.0.0-beta-e552027-20250112",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "jsdom": "^25.0.1",
+    "jsdom": "^26.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "rxjs": "^7.8.1",

package/src/editor/editor-machine.ts

@@ -79,6 +79,7 @@ export type InternalEditorEvent =
       type: 'behavior event'
       behaviorEvent: SyntheticBehaviorEvent | NativeBehaviorEvent
       editor: PortableTextSlateEditor
+      defaultActionCallback?: () => void
       nativeEvent?: {preventDefault: () => void}
     }
   | {
@@ -290,22 +291,51 @@ export const editorMachine = setup({
               ...event.behaviorEvent,
               editor: event.editor,
             } satisfies BehaviorAction)
+      const defaultActionCallback =
+        event.type === 'behavior event'
+          ? event.defaultActionCallback
+          : undefined
 
       const eventBehaviors = [...context.behaviors.values()].filter(
         (behavior) => behavior.on === event.behaviorEvent.type,
       )
 
       if (eventBehaviors.length === 0) {
+        if (defaultActionCallback) {
+          withApplyingBehaviorActions(event.editor, () => {
+            Editor.withoutNormalizing(event.editor, () => {
+              try {
+                defaultActionCallback()
+              } catch (error) {
+                console.error(
+                  new Error(
+                    `Performing action "${event.behaviorEvent.type}" failed due to: ${error.message}`,
+                  ),
+                )
+              }
+            })
+          })
+          return
+        }
+
         if (!defaultAction) {
           return
         }
 
         withApplyingBehaviorActions(event.editor, () => {
           Editor.withoutNormalizing(event.editor, () => {
-            performAction({
-              context,
-              action: defaultAction,
-            })
+            try {
+              performAction({
+                context,
+                action: defaultAction,
+              })
+            } catch (error) {
+              console.error(
+                new Error(
+                  `Performing action "${defaultAction.type}" as a result of "${event.behaviorEvent.type}" failed due to: ${error.message}`,
+                ),
+              )
+            }
           })
         })
         event.editor.onChange()
@@ -388,7 +418,16 @@ export const editorMachine = setup({
                   editor: event.editor,
                 }
 
-                performAction({context, action})
+                try {
+                  performAction({context, action})
+                } catch (error) {
+                  console.error(
+                    new Error(
+                      `Performing action "${action.type}" as a result of "${event.behaviorEvent.type}" failed due to: ${error.message}`,
+                    ),
+                  )
+                  break
+                }
               }
             })
           })
@@ -402,16 +441,41 @@ export const editorMachine = setup({
       }
 
       if (!behaviorOverwritten) {
+        if (defaultActionCallback) {
+          withApplyingBehaviorActions(event.editor, () => {
+            Editor.withoutNormalizing(event.editor, () => {
+              try {
+                defaultActionCallback()
+              } catch (error) {
+                console.error(
+                  new Error(
+                    `Performing "${event.behaviorEvent.type}" failed due to: ${error.message}`,
+                  ),
+                )
+              }
+            })
+          })
+          return
+        }
+
         if (!defaultAction) {
           return
         }
 
         withApplyingBehaviorActions(event.editor, () => {
           Editor.withoutNormalizing(event.editor, () => {
-            performAction({
-              context,
-              action: defaultAction,
-            })
+            try {
+              performAction({
+                context,
+                action: defaultAction,
+              })
+            } catch (error) {
+              console.error(
+                new Error(
+                  `Performing action "${defaultAction.type}" as a result of "${event.behaviorEvent.type}" failed due to: ${error.message}`,
+                ),
+              )
+            }
           })
         })
         event.editor.onChange()

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

@@ -142,9 +142,21 @@ export function createWithEventListeners(
       }
     })
 
-    const {select} = editor
+    const {
+      deleteBackward,
+      deleteForward,
+      insertBreak,
+      insertSoftBreak,
+      insertText,
+      select,
+    } = editor
 
     editor.deleteBackward = (unit) => {
+      if (isApplyingBehaviorActions(editor)) {
+        deleteBackward(unit)
+        return
+      }
+
       editorActor.send({
         type: 'behavior event',
         behaviorEvent: {
@@ -157,6 +169,11 @@ export function createWithEventListeners(
     }
 
     editor.deleteForward = (unit) => {
+      if (isApplyingBehaviorActions(editor)) {
+        deleteForward(unit)
+        return
+      }
+
       editorActor.send({
         type: 'behavior event',
         behaviorEvent: {
@@ -169,6 +186,11 @@ export function createWithEventListeners(
     }
 
     editor.insertBreak = () => {
+      if (isApplyingBehaviorActions(editor)) {
+        insertBreak()
+        return
+      }
+
       editorActor.send({
         type: 'behavior event',
         behaviorEvent: {
@@ -180,6 +202,11 @@ export function createWithEventListeners(
     }
 
     editor.insertSoftBreak = () => {
+      if (isApplyingBehaviorActions(editor)) {
+        insertSoftBreak()
+        return
+      }
+
       editorActor.send({
         type: 'behavior event',
         behaviorEvent: {
@@ -191,6 +218,11 @@ export function createWithEventListeners(
     }
 
     editor.insertText = (text, options) => {
+      if (isApplyingBehaviorActions(editor)) {
+        insertText(text, options)
+        return
+      }
+
       editorActor.send({
         type: 'behavior event',
         behaviorEvent: {
@@ -199,6 +231,9 @@ export function createWithEventListeners(
           options,
         },
         editor,
+        defaultActionCallback: () => {
+          insertText(text, options)
+        },
       })
       return
     }
@@ -226,6 +261,9 @@ export function createWithEventListeners(
           ),
         },
         editor,
+        defaultActionCallback: () => {
+          select(location)
+        },
       })
       return
     }