123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- import { keyName, base } from 'w3c-keyname';
- import { Plugin } from 'prosemirror-state';
- const mac = typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : false;
- function normalizeKeyName(name) {
- let parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
- if (result == "Space")
- result = " ";
- let alt, ctrl, shift, meta;
- for (let i = 0; i < parts.length - 1; i++) {
- let mod = parts[i];
- if (/^(cmd|meta|m)$/i.test(mod))
- meta = true;
- else if (/^a(lt)?$/i.test(mod))
- alt = true;
- else if (/^(c|ctrl|control)$/i.test(mod))
- ctrl = true;
- else if (/^s(hift)?$/i.test(mod))
- shift = true;
- else if (/^mod$/i.test(mod)) {
- if (mac)
- meta = true;
- else
- ctrl = true;
- }
- else
- throw new Error("Unrecognized modifier name: " + mod);
- }
- if (alt)
- result = "Alt-" + result;
- if (ctrl)
- result = "Ctrl-" + result;
- if (meta)
- result = "Meta-" + result;
- if (shift)
- result = "Shift-" + result;
- return result;
- }
- function normalize(map) {
- let copy = Object.create(null);
- for (let prop in map)
- copy[normalizeKeyName(prop)] = map[prop];
- return copy;
- }
- function modifiers(name, event, shift = true) {
- if (event.altKey)
- name = "Alt-" + name;
- if (event.ctrlKey)
- name = "Ctrl-" + name;
- if (event.metaKey)
- name = "Meta-" + name;
- if (shift && event.shiftKey)
- name = "Shift-" + name;
- return name;
- }
- /**
- Create a keymap plugin for the given set of bindings.
- Bindings should map key names to [command](https://prosemirror.net/docs/ref/#commands)-style
- functions, which will be called with `(EditorState, dispatch,
- EditorView)` arguments, and should return true when they've handled
- the key. Note that the view argument isn't part of the command
- protocol, but can be used as an escape hatch if a binding needs to
- directly interact with the UI.
- Key names may be strings like `"Shift-Ctrl-Enter"`—a key
- identifier prefixed with zero or more modifiers. Key identifiers
- are based on the strings that can appear in
- [`KeyEvent.key`](https:developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key).
- Use lowercase letters to refer to letter keys (or uppercase letters
- if you want shift to be held). You may use `"Space"` as an alias
- for the `" "` name.
- Modifiers can be given in any order. `Shift-` (or `s-`), `Alt-` (or
- `a-`), `Ctrl-` (or `c-` or `Control-`) and `Cmd-` (or `m-` or
- `Meta-`) are recognized. For characters that are created by holding
- shift, the `Shift-` prefix is implied, and should not be added
- explicitly.
- You can use `Mod-` as a shorthand for `Cmd-` on Mac and `Ctrl-` on
- other platforms.
- You can add multiple keymap plugins to an editor. The order in
- which they appear determines their precedence (the ones early in
- the array get to dispatch first).
- */
- function keymap(bindings) {
- return new Plugin({ props: { handleKeyDown: keydownHandler(bindings) } });
- }
- /**
- Given a set of bindings (using the same format as
- [`keymap`](https://prosemirror.net/docs/ref/#keymap.keymap)), return a [keydown
- handler](https://prosemirror.net/docs/ref/#view.EditorProps.handleKeyDown) that handles them.
- */
- function keydownHandler(bindings) {
- let map = normalize(bindings);
- return function (view, event) {
- let name = keyName(event), baseName, direct = map[modifiers(name, event)];
- if (direct && direct(view.state, view.dispatch, view))
- return true;
- // A character key
- if (name.length == 1 && name != " ") {
- if (event.shiftKey) {
- // In case the name was already modified by shift, try looking
- // it up without its shift modifier
- let noShift = map[modifiers(name, event, false)];
- if (noShift && noShift(view.state, view.dispatch, view))
- return true;
- }
- if ((event.shiftKey || event.altKey || event.metaKey || name.charCodeAt(0) > 127) &&
- (baseName = base[event.keyCode]) && baseName != name) {
- // Try falling back to the keyCode when there's a modifier
- // active or the character produced isn't ASCII, and our table
- // produces a different name from the the keyCode. See #668,
- // #1060
- let fromCode = map[modifiers(baseName, event)];
- if (fromCode && fromCode(view.state, view.dispatch, view))
- return true;
- }
- }
- return false;
- };
- }
- export { keydownHandler, keymap };
|