@fiduswriter/editor 0.1.0

package/src/keymap.js

@@ -0,0 +1,102 @@
+import {
+    chainCommands,
+    deleteSelection,
+    joinBackward,
+    selectNodeBackward,
+    toggleMark
+} from "prosemirror-commands"
+import {redo, undo} from "prosemirror-history"
+import {liftListItem} from "prosemirror-schema-list"
+const mac =
+    typeof navigator != "undefined" ? /Mac/.test(navigator.platform) : false
+
+const backspace = chainCommands(
+    deleteSelection,
+    joinBackward,
+    selectNodeBackward
+)
+const addInputType = (tr, inputType) => tr.setMeta("inputType", inputType)
+
+/* Adjusted version of setBlockType that preserves attributes */
+/* source https://github.com/ProseMirror/prosemirror-commands/blob/b9ceb06e340ffcb3e12cd214f58939e81c0b61af/src/commands.js#L414-L432 */
+export function setBlockType(nodeType, attrs = {}) {
+    return (state, dispatch) => {
+        const {from, to} = state.selection
+        const tr = state.tr
+        state.doc.nodesBetween(from, to, (node, pos) => {
+            if (!node.isTextblock || node.hasMarkup(nodeType, attrs)) {
+                return
+            }
+            let applicable = false
+            if (node.type == nodeType) {
+                applicable = true
+            } else {
+                const $pos = state.doc.resolve(pos),
+                    index = $pos.index()
+                applicable = $pos.parent.canReplaceWith(
+                    index,
+                    index + 1,
+                    nodeType
+                )
+            }
+            if (applicable) {
+                tr.setBlockType(
+                    pos,
+                    pos + node.nodeSize,
+                    nodeType,
+                    Object.assign({}, node.attrs, attrs) // preserve existing attributes
+                )
+            }
+        })
+        if (!tr.steps.length) {
+            return false
+        }
+        if (dispatch) {
+            dispatch(tr.scrollIntoView())
+        }
+        return true
+    }
+}
+
+export const buildEditorKeymap = schema => {
+    const editorKeymap = {
+        Backspace: (state, dispatch, view) =>
+            backspace(
+                state,
+                tr => dispatch(addInputType(tr, "deleteContentBackward")),
+                view
+            ),
+        "Mod-z": (state, dispatch, view) =>
+            undo(state, tr => dispatch(addInputType(tr, "historyUndo")), view),
+        "Shift-Mod-z": (state, dispatch, view) =>
+            redo(state, tr => dispatch(addInputType(tr, "historyRedo")), view),
+        "Shift-Ctrl-0": setBlockType(schema.nodes.paragraph),
+        "Shift-Ctrl-\\": setBlockType(schema.nodes.code_block),
+        "Ctrl-<": liftListItem(schema.nodes.list_item),
+        "Mod-.": (state, dispatch) => {
+            const mark = schema.marks.sup
+            const command = toggleMark(mark)
+            return command(state, dispatch)
+        },
+        "Mod-,": (state, dispatch) => {
+            const mark = schema.marks.sub
+            const command = toggleMark(mark)
+            return command(state, dispatch)
+        },
+        "Mod-'": (state, dispatch) => {
+            const mark = schema.marks.code
+            const command = toggleMark(mark)
+            return command(state, dispatch)
+        }
+    }
+    for (let i = 1; i <= 6; i++) {
+        editorKeymap["Shift-Ctrl-" + i] = setBlockType(schema.nodes.heading, {
+            level: i
+        })
+    }
+    if (!mac) {
+        editorKeymap["Mod-y"] = (state, dispatch, view) =>
+            redo(state, tr => dispatch(addInputType(tr, "historyRedo")), view)
+    }
+    return editorKeymap
+}