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.
		
		
		
		
		
			
		
			
				
					124 lines
				
				4.6 KiB
			
		
		
			
		
	
	
					124 lines
				
				4.6 KiB
			| 
											3 years ago
										 | 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) { | ||
|  |     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; | ||
|  | } | ||
|  | /** | ||
|  | 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), isChar = name.length == 1 && name != " ", baseName; | ||
|  |         let 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
 | ||
|  |             let 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
 | ||
|  |             let withShift = map[modifiers(name, event, true)]; | ||
|  |             if (withShift && withShift(view.state, view.dispatch, view)) | ||
|  |                 return true; | ||
|  |         } | ||
|  |         return false; | ||
|  |     }; | ||
|  | } | ||
|  | 
 | ||
|  | export { keydownHandler, keymap }; |