You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
4.4 KiB
106 lines
4.4 KiB
import { keyName, base } from 'w3c-keyname';
|
|
import { Plugin } from 'prosemirror-state';
|
|
|
|
// declare global: navigator
|
|
|
|
var mac = typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : false;
|
|
|
|
function normalizeKeyName(name) {
|
|
var parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
|
|
if (result == "Space") { result = " "; }
|
|
var alt, ctrl, shift, meta;
|
|
for (var i = 0; i < parts.length - 1; i++) {
|
|
var 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) {
|
|
var copy = Object.create(null);
|
|
for (var prop in map) { copy[normalizeKeyName(prop)] = map[prop]; }
|
|
return copy
|
|
}
|
|
|
|
function modifiers(name, event, shift) {
|
|
if (event.altKey) { name = "Alt-" + name; }
|
|
if (event.ctrlKey) { name = "Ctrl-" + name; }
|
|
if (event.metaKey) { name = "Meta-" + name; }
|
|
if (shift !== false && event.shiftKey) { name = "Shift-" + name; }
|
|
return name
|
|
}
|
|
|
|
// :: (Object) → Plugin
|
|
// Create a keymap plugin for the given set of bindings.
|
|
//
|
|
// Bindings should map key names to [command](#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)}})
|
|
}
|
|
|
|
// :: (Object) → (view: EditorView, event: dom.Event) → bool
|
|
// Given a set of bindings (using the same format as
|
|
// [`keymap`](#keymap.keymap)), return a [keydown
|
|
// handler](#view.EditorProps.handleKeyDown) that handles them.
|
|
function keydownHandler(bindings) {
|
|
var map = normalize(bindings);
|
|
return function(view, event) {
|
|
var name = keyName(event), isChar = name.length == 1 && name != " ", baseName;
|
|
var direct = map[modifiers(name, event, !isChar)];
|
|
if (direct && direct(view.state, view.dispatch, view)) { return true }
|
|
if (isChar && (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
|
|
var fromCode = map[modifiers(baseName, event, true)];
|
|
if (fromCode && fromCode(view.state, view.dispatch, view)) { return true }
|
|
} else if (isChar && event.shiftKey) {
|
|
// Otherwise, if shift is active, also try the binding with the
|
|
// Shift- prefix enabled. See #997
|
|
var withShift = map[modifiers(name, event, true)];
|
|
if (withShift && withShift(view.state, view.dispatch, view)) { return true }
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
|
|
export { keydownHandler, keymap };
|
|
//# sourceMappingURL=index.es.js.map
|