fix on before input

lib/plugins/core.js

@@ -13,6 +13,9 @@ export default {
   /**
    * The core `onBeforeInput` handler.
    *
+   * If the current selection is collapsed, we can insert the text natively and
+   * avoid a re-render, improving performance.
+   *
    * @param {Event} e
    * @param {State} state
    * @param {Editor} editor
@@ -20,29 +23,14 @@ export default {
    */
 
   onBeforeInput(e, state, editor) {
-    const { data }  = e
+    const isNative = state.isCollapsed
 
-    // When does this happen...
+    if (!isNative) e.preventDefault()
-    if (!data) {
-      debugger
-      return
-    }
 
-    // If the selection is still expanded, delete anything inside it first.
-    if (state.isExpanded) {
-      e.preventDefault()
-      return state
-        .transform()
-        .delete()
-        .insertText(data)
-        .apply()
-    }
-
-    // Otherwise, insert text natively, without re-rendering.
     return state
       .transform()
-      .insertText(data)
+      .insertText(e.data)
-      .apply({ isNative: true })
+      .apply({ isNative })
   },
 
   /**
@@ -56,55 +44,35 @@ export default {
 
   onKeyDown(e, state, editor) {
     const key = keycode(e.which)
+    const transform = state.transform()
 
     switch (key) {
       case 'enter': {
-        return state
+        return transform.splitBlock().apply()
-          .transform()
-          .splitBlock()
-          .apply()
       }
 
       case 'backspace': {
         return isWord(e)
-          ? state
+          ? transform.backspaceWord().apply()
-              .transform()
+          : transform.deleteBackward().apply()
-              .backspaceWord()
-              .apply()
-          : state
-              .transform()
-              .deleteBackward()
-              .apply()
       }
 
       case 'delete': {
         return isWord(e)
-          ? state
+          ? transform.deleteWord().apply()
-              .transform()
+          : transform.deleteForward().apply()
-              .deleteWord()
-              .apply()
-          : state
-              .transform()
-              .deleteForward()
-              .apply()
       }
 
       case 'y': {
         if (!isWindowsCommand(e)) return
-        return state
+        return transform.redo()
-          .transform()
-          .redo()
       }
 
       case 'z': {
         if (!isCommand(e)) return
         return IS_MAC && e.shiftKey
-          ? state
+          ? transform.redo()
-              .transform()
+          : transform.undo()
-              .redo()
-          : state
-              .transform()
-              .undo()
       }
     }
   },
@@ -142,7 +110,9 @@ export default {
    */
 
   renderNode(node) {
-    return (props) => <div>{props.children}</div>
+    return node.kind == 'block'
+      ? (props) => <div>{props.children}</div>
+      : (props) => <span>{props.children}</span>
   },
 
   /**