move plugins to extensions

packages/core/src/extensions/editable.ts

@@ -0,0 +1,15 @@
+import { Plugin, PluginKey } from 'prosemirror-state'
+import { createExtension } from '../Extension'
+
+export const Editable = createExtension({
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('editable'),
+        props: {
+          editable: () => this.editor.options.editable,
+        },
+      }),
+    ]
+  },
+})

packages/core/src/extensions/focusEvents.ts

@@ -0,0 +1,42 @@
+import { Plugin } from 'prosemirror-state'
+import { createExtension } from '../Extension'
+
+export const FocusEvents = createExtension({
+  addProseMirrorPlugins() {
+    const { editor } = this
+
+    return [
+      new Plugin({
+        props: {
+          attributes: {
+            tabindex: '0',
+          },
+          handleDOMEvents: {
+            focus: () => {
+              editor.isFocused = true
+
+              const transaction = editor.state.tr.setMeta('focused', true)
+              editor.view.dispatch(transaction)
+
+              return true
+            },
+            blur: () => {
+              editor.isFocused = false
+
+              const transaction = editor.state.tr.setMeta('focused', false)
+              editor.view.dispatch(transaction)
+
+              return true
+            },
+          },
+        },
+      }),
+    ]
+  },
+})
+
+declare module '../Editor' {
+  interface AllExtensions {
+    FocusEvents: typeof FocusEvents,
+  }
+}

packages/core/src/extensions/index.ts

@@ -2,9 +2,12 @@ export { Blur } from './blur'
 export { ClearContent } from './clearContent'
 export { ClearNodes } from './clearNodes'
 export { DeleteSelection } from './deleteSelection'
+export { Editable } from './editable'
 export { Focus } from './focus'
+export { FocusEvents } from './focusEvents'
 export { InsertHTML } from './insertHTML'
 export { InsertText } from './insertText'
+export { Keymap } from './keymap'
 export { LiftListItem } from './liftListItem'
 export { RemoveMark } from './removeMark'
 export { RemoveMarks } from './removeMarks'

packages/core/src/extensions/keymap.ts

@@ -0,0 +1,19 @@
+import { keymap } from 'prosemirror-keymap'
+import { baseKeymap } from 'prosemirror-commands'
+import { undoInputRule } from 'prosemirror-inputrules'
+import { createExtension } from '../Extension'
+
+export const Keymap = createExtension({
+  addProseMirrorPlugins() {
+    return [
+      keymap({ Backspace: undoInputRule }),
+      keymap(baseKeymap),
+    ]
+  },
+})
+
+declare module '../Editor' {
+  interface AllExtensions {
+    Keymap: typeof Keymap,
+  }
+}