add try command

packages/core/src/Editor.ts

@@ -261,15 +261,20 @@ export class Editor extends EventEmitter {
    */
   private createView() {
     this.view = new EditorView(this.options.element, {
+      dispatchTransaction: this.dispatchTransaction.bind(this),
       state: EditorState.create({
         doc: this.createDocument(this.options.content),
-        plugins: this.extensionManager.plugins,
       }),
-      dispatchTransaction: this.dispatchTransaction.bind(this),
     })
 
     // `editor.view` is not yet available at this time.
-    // Therefore we will add all node views directly afterwards.
+    // Therefore we will add all plugins and node views directly afterwards.
+    const newState = this.state.reconfigure({
+      plugins: this.extensionManager.plugins,
+    })
+
+    this.view.updateState(newState)
+
     this.view.setProps({
       nodeViews: this.extensionManager.nodeViews,
     })

packages/core/src/extensions/baseKeymap.ts

@@ -1,5 +1,4 @@
 import {
-  chainCommands,
   newlineInCode,
   createParagraphNear,
   liftEmptyBlock,
@@ -16,33 +15,31 @@ import { createExtension } from '../Extension'
 
 export const BaseKeymap = createExtension({
   addKeyboardShortcuts() {
-    const enter = chainCommands(
+    const handleBackspace = () => this.editor.try(({ state, dispatch }) => [
-      newlineInCode,
+      () => undoInputRule(state, dispatch),
-      createParagraphNear,
+      () => deleteSelection(state, dispatch),
-      liftEmptyBlock,
+      () => joinBackward(state, dispatch),
-      splitBlockKeepMarks,
+      () => selectNodeBackward(state, dispatch),
-    )
+    ])
 
-    const backspace = chainCommands(
+    const handleDelete = () => this.editor.try(({ state, dispatch }) => [
-      undoInputRule,
+      () => deleteSelection(state, dispatch),
-      deleteSelection,
+      () => joinForward(state, dispatch),
-      joinBackward,
+      () => selectNodeForward(state, dispatch),
-      selectNodeBackward,
+    ])
-    )
-
-    const del = chainCommands(
-      deleteSelection,
-      joinForward,
-      selectNodeForward,
-    )
 
     return {
-      Enter: enter,
+      Enter: () => this.editor.try(({ state, dispatch }) => [
+        () => newlineInCode(state, dispatch),
+        () => createParagraphNear(state, dispatch),
+        () => liftEmptyBlock(state, dispatch),
+        () => splitBlockKeepMarks(state, dispatch),
+      ]),
       'Mod-Enter': exitCode,
-      Backspace: backspace,
+      Backspace: () => handleBackspace(),
-      'Mod-Backspace': backspace,
+      'Mod-Backspace': () => handleBackspace(),
-      Delete: del,
+      Delete: () => handleDelete(),
-      'Mod-Delete': del,
+      'Mod-Delete': () => handleDelete(),
       // we don’t need a custom `selectAll` for now
       // 'Mod-a': () => this.editor.selectAll(),
     }

packages/core/src/extensions/index.ts

@@ -24,6 +24,7 @@ export { SplitListItem } from './splitListItem'
 export { ToggleBlockType } from './toggleBlockType'
 export { ToggleList } from './toggleList'
 export { ToggleMark } from './toggleMark'
-export { UpdateMark } from './updateMark'
 export { ToggleWrap } from './toggleWrap'
+export { Try } from './try'
+export { UpdateMark } from './updateMark'
 export { WrapInList } from './wrapInList'

packages/core/src/extensions/try.ts

@@ -0,0 +1,26 @@
+import { Command } from '../Editor'
+import { createExtension } from '../Extension'
+
+export const Try = createExtension({
+  addCommands() {
+    return {
+      try: (fn: (props: Parameters<Command>[0]) => Command[]): Command => props => {
+        const commands = fn(props)
+
+        for (let i = 0; i < commands.length; i += 1) {
+          if (commands[i](props)) {
+            return true
+          }
+        }
+
+        return false
+      },
+    }
+  },
+})
+
+declare module '../Editor' {
+  interface AllExtensions {
+    Try: typeof Try,
+  }
+}