123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576 |
- // Copyright (c) Jupyter Development Team.
- // Distributed under the terms of the Modified BSD License.
- /**
- *
- *
- * @module keyboard
- * @namespace keyboard
- * @class ShortcutManager
- */
- define([
- 'jquery',
- 'base/js/utils',
- 'underscore',
- ], function($, utils, _) {
- "use strict";
- /**
- * Setup global keycodes and inverse keycodes.
- *
- * See http://unixpapa.com/js/key.html for a complete description. The short of
- * it is that there are different keycode sets. Firefox uses the "Mozilla keycodes"
- * and Webkit/IE use the "IE keycodes". These keycode sets are mostly the same
- * but have minor differences.
- **/
- // These apply to Firefox, (Webkit and IE)
- // This does work **only** on US keyboard.
- var _keycodes = {
- 'a': 65, 'b': 66, 'c': 67, 'd': 68, 'e': 69, 'f': 70, 'g': 71, 'h': 72, 'i': 73,
- 'j': 74, 'k': 75, 'l': 76, 'm': 77, 'n': 78, 'o': 79, 'p': 80, 'q': 81, 'r': 82,
- 's': 83, 't': 84, 'u': 85, 'v': 86, 'w': 87, 'x': 88, 'y': 89, 'z': 90,
- '1 !': 49, '2 @': 50, '3 #': 51, '4 $': 52, '5 %': 53, '6 ^': 54,
- '7 &': 55, '8 *': 56, '9 (': 57, '0 )': 48,
- '[ {': 219, '] }': 221, '` ~': 192, ', <': 188, '. >': 190, '/ ?': 191,
- '\\ |': 220, '\' "': 222,
- 'numpad0': 96, 'numpad1': 97, 'numpad2': 98, 'numpad3': 99, 'numpad4': 100,
- 'numpad5': 101, 'numpad6': 102, 'numpad7': 103, 'numpad8': 104, 'numpad9': 105,
- 'multiply': 106, 'add': 107, 'subtract': 109, 'decimal': 110, 'divide': 111,
- 'f1': 112, 'f2': 113, 'f3': 114, 'f4': 115, 'f5': 116, 'f6': 117, 'f7': 118,
- 'f8': 119, 'f9': 120, 'f10': 121, 'f11': 122, 'f12': 123, 'f13': 124, 'f14': 125, 'f15': 126,
- 'backspace': 8, 'tab': 9, 'enter': 13, 'shift': 16, 'ctrl': 17, 'alt': 18,
- 'meta': 91, 'capslock': 20, 'esc': 27, 'space': 32, 'pageup': 33, 'pagedown': 34,
- 'end': 35, 'home': 36, 'left': 37, 'up': 38, 'right': 39, 'down': 40,
- 'insert': 45, 'delete': 46, 'numlock': 144,
- };
-
- // These apply to Firefox and Opera
- var _mozilla_keycodes = {
- '; :': 59, '= +': 61, '- _': 173, 'meta': 224, 'minus':173
- };
-
- // This apply to Webkit and IE
- var _ie_keycodes = {
- '; :': 186, '= +': 187, '- _': 189, 'minus':189
- };
-
- var browser = utils.browser[0];
- var platform = utils.platform;
-
- if (browser === 'Firefox' || browser === 'Opera' || browser === 'Netscape') {
- $.extend(_keycodes, _mozilla_keycodes);
- } else if (browser === 'Safari' || browser === 'Chrome' || browser === 'MSIE') {
- $.extend(_keycodes, _ie_keycodes);
- }
- var keycodes = {};
- var inv_keycodes = {};
- for (var name in _keycodes) {
- var names = name.split(' ');
- if (names.length === 1) {
- var n = names[0];
- keycodes[n] = _keycodes[n];
- inv_keycodes[_keycodes[n]] = n;
- } else {
- var primary = names[0];
- var secondary = names[1];
- keycodes[primary] = _keycodes[name];
- keycodes[secondary] = _keycodes[name];
- inv_keycodes[_keycodes[name]] = primary;
- }
- }
- var normalize_key = function (key) {
- return inv_keycodes[keycodes[key]];
- };
- var normalize_shortcut = function (shortcut) {
- /**
- * @function _normalize_shortcut
- * @private
- * return a dict containing the normalized shortcut and the number of time it should be pressed:
- *
- * Put a shortcut into normalized form:
- * 1. Make lowercase
- * 2. Replace cmd by meta
- * 3. Sort '-' separated modifiers into the order alt-ctrl-meta-shift
- * 4. Normalize keys
- **/
- if (platform === 'MacOS') {
- shortcut = shortcut.toLowerCase().replace('cmdtrl-', 'cmd-');
- } else {
- shortcut = shortcut.toLowerCase().replace('cmdtrl-', 'ctrl-');
- }
- shortcut = shortcut.toLowerCase().replace('cmd', 'meta');
- shortcut = shortcut.replace(/-$/, 'minus'); // catch shortcuts using '-' key
- shortcut = shortcut.replace(/,$/, 'comma'); // catch shortcuts using '-' key
- if(shortcut.indexOf(',') !== -1){
- var sht = shortcut.split(',');
- sht = _.map(sht, normalize_shortcut);
- return shortcut;
- }
- shortcut = shortcut.replace(/comma/g, ','); // catch shortcuts using '-' key
- var values = shortcut.split("-");
- if (values.length === 1) {
- return normalize_key(values[0]);
- } else {
- var modifiers = values.slice(0,-1);
- var key = normalize_key(values[values.length-1]);
- modifiers.sort();
- return modifiers.join('-') + '-' + key;
- }
- };
- var shortcut_to_event = function (shortcut, type) {
- /**
- * Convert a shortcut (shift-r) to a jQuery Event object
- **/
- type = type || 'keydown';
- shortcut = normalize_shortcut(shortcut);
- shortcut = shortcut.replace(/-$/, 'minus'); // catch shortcuts using '-' key
- var values = shortcut.split("-");
- var modifiers = values.slice(0,-1);
- var key = values[values.length-1];
- var opts = {which: keycodes[key]};
- if (modifiers.indexOf('alt') !== -1) {opts.altKey = true;}
- if (modifiers.indexOf('ctrl') !== -1) {opts.ctrlKey = true;}
- if (modifiers.indexOf('meta') !== -1) {opts.metaKey = true;}
- if (modifiers.indexOf('shift') !== -1) {opts.shiftKey = true;}
- return $.Event(type, opts);
- };
- var only_modifier_event = function(event){
- /**
- * Return `true` if the event only contains modifiers keys.
- * false otherwise
- **/
- var key = inv_keycodes[event.which];
- return ((event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) &&
- (key === 'alt'|| key === 'ctrl'|| key === 'meta'|| key === 'shift'));
- };
- var event_to_shortcut = function (event) {
- /**
- * Convert a jQuery Event object to a normalized shortcut string (shift-r)
- **/
- var shortcut = '';
- var key = inv_keycodes[event.which];
- if (event.altKey && key !== 'alt') {shortcut += 'alt-';}
- if (event.ctrlKey && key !== 'ctrl') {shortcut += 'ctrl-';}
- if (event.metaKey && key !== 'meta') {shortcut += 'meta-';}
- if (event.shiftKey && key !== 'shift') {shortcut += 'shift-';}
- shortcut += key;
- return shortcut;
- };
- // Shortcut manager class
- var ShortcutManager = function (delay, events, actions, env, config, mode) {
- /**
- * A class to deal with keyboard event and shortcut
- *
- * @class ShortcutManager
- * @constructor
- *
- * :config: configobjet on which to call `update(....)` to persist the config.
- * :mode: mode of this shortcut manager where to persist config.
- */
- mode = mode || 'command';
- this._shortcuts = {};
- this._defaults_bindings = [];
- this.delay = delay || 800; // delay in milliseconds
- this.events = events;
- this.actions = actions;
- this.actions.extend_env(env);
- this._queue = [];
- this._cleartimeout = null;
- this._config = config;
- this._mode = mode;
- Object.seal(this);
- };
- ShortcutManager.prototype.clearsoon = function(){
- /**
- * Clear the pending shortcut soon, and cancel previous clearing
- * that might be registered.
- **/
- var that = this;
- clearTimeout(this._cleartimeout);
- this._cleartimeout = setTimeout(function(){that.clearqueue();}, this.delay);
- };
- ShortcutManager.prototype.clearqueue = function(){
- /**
- * clear the pending shortcut sequence now.
- **/
- this._queue = [];
- clearTimeout(this._cleartimeout);
- };
- var flatten_shorttree = function(tree){
- /**
- * Flatten a tree of shortcut sequences.
- * use full to iterate over all the key/values of available shortcuts.
- **/
- var dct = {};
- _.forEach(tree, function(value, key) {
- if(typeof(value) === 'string'){
- dct[key] = value;
- } else {
- var ftree=flatten_shorttree(value);
- _.forEach(ftree, function(v2, subkey) {
- dct[key+','+subkey] = ftree[subkey];
- });
- }
- });
- return dct;
- };
- ShortcutManager.prototype.get_action_shortcuts = function(name){
- var ftree = flatten_shorttree(this._shortcuts);
- var res = [];
- _.forEach(ftree, function(value, key) {
- if(value === name){
- res.push(key);
- }
- });
- return res;
- };
-
- ShortcutManager.prototype.get_action_shortcut = function(name){
- var matches = this.get_action_shortcuts(name);
- if (matches.length > 0) {
- return matches[0];
- }
- return undefined;
- };
- ShortcutManager.prototype.help = function () {
- var that = this;
- var help = [];
- var ftree = flatten_shorttree(this._shortcuts);
- _.forEach(ftree, function(value, key) {
- var action = that.actions.get(value);
- var help_string = action.help||'== no help ==';
- var help_index = action.help_index;
- if (help_string) {
- var shortstring = (action.shortstring||key);
- help.push({
- shortcut: shortstring,
- help: help_string,
- help_index: help_index}
- );
- }
- });
- help.sort(function (a, b) {
- if (a.help_index === b.help_index) {
- if (a.shortcut === b.shortcut) {
- return 0;
- }
- if (a.shortcut > b.shortcut) {
- return 1;
- }
- return -1;
- }
- if (a.help_index === undefined || a.help_index > b.help_index){
- return 1;
- }
- return -1;
- });
- return help;
- };
- ShortcutManager.prototype.clear_shortcuts = function () {
- this._shortcuts = {};
- };
- ShortcutManager.prototype.get_shortcut = function (shortcut){
- /**
- * return a node of the shortcut tree which an action name (string) if leaf,
- * and an object with `object.subtree===true`
- **/
- if(typeof(shortcut) === 'string'){
- shortcut = shortcut.split(',');
- }
-
- return this._get_leaf(shortcut, this._shortcuts);
- };
- ShortcutManager.prototype._get_leaf = function(shortcut_array, tree){
- /**
- * @private
- * find a leaf/node in a subtree of the keyboard shortcut
- *
- **/
- if(shortcut_array.length === 1){
- return tree[shortcut_array[0]];
- } else if( typeof(tree[shortcut_array[0]]) !== 'string'){
- return this._get_leaf(shortcut_array.slice(1), tree[shortcut_array[0]]);
- }
- return null;
- };
- ShortcutManager.prototype.set_shortcut = function( shortcut, action_name){
- if( typeof(action_name) !== 'string'){throw new Error('action is not a string', action_name);}
- if( typeof(shortcut) === 'string'){
- shortcut = shortcut.split(',');
- }
- return this._set_leaf(shortcut, action_name, this._shortcuts);
- };
- ShortcutManager.prototype._is_leaf = function(shortcut_array, tree){
- if(shortcut_array.length === 1){
- return(typeof(tree[shortcut_array[0]]) === 'string');
- } else {
- var subtree = tree[shortcut_array[0]];
- return this._is_leaf(shortcut_array.slice(1), subtree );
- }
- };
- ShortcutManager.prototype._remove_leaf = function(shortcut_array, tree, allow_node){
- if(shortcut_array.length === 1){
- var current_node = tree[shortcut_array[0]];
- if(typeof(current_node) === 'string'){
- delete tree[shortcut_array[0]];
- } else {
- throw new Error('try to delete non-leaf');
- }
- } else {
- this._remove_leaf(shortcut_array.slice(1), tree[shortcut_array[0]], allow_node);
- if(_.keys(tree[shortcut_array[0]]).length === 0){
- delete tree[shortcut_array[0]];
- }
- }
- };
- ShortcutManager.prototype.is_available_shortcut = function(shortcut){
- var shortcut_array = shortcut.split(',');
- return this._is_available_shortcut(shortcut_array, this._shortcuts);
- };
- ShortcutManager.prototype._is_available_shortcut = function(shortcut_array, tree){
- var current_node = tree[shortcut_array[0]];
- if(!shortcut_array[0]){
- return false;
- }
- if(current_node === undefined){
- return true;
- } else {
- if (typeof(current_node) === 'string'){
- return false;
- } else { // assume is a sub-shortcut tree
- return this._is_available_shortcut(shortcut_array.slice(1), current_node);
- }
- }
- };
- ShortcutManager.prototype._set_leaf = function(shortcut_array, action_name, tree){
- var current_node = tree[shortcut_array[0]];
- if(shortcut_array.length === 1){
- if(current_node !== undefined && typeof(current_node) !== 'string'){
- console.warn('[warning], you are overriting a long shortcut with a shorter one');
- }
- tree[shortcut_array[0]] = action_name;
- return true;
- } else {
- if(typeof(current_node) === 'string'){
- console.warn('you are trying to set a shortcut that will be shadowed'+
- 'by a more specific one. Aborting for :', action_name, 'the follwing '+
- 'will take precedence', current_node);
- return false;
- } else {
- tree[shortcut_array[0]] = tree[shortcut_array[0]]||{};
- }
- this._set_leaf(shortcut_array.slice(1), action_name, tree[shortcut_array[0]]);
- return true;
- }
- };
- ShortcutManager.prototype._persist_shortcut = function(shortcut, data) {
- /**
- * add a shortcut to this manager and persist it to the config file.
- **/
- shortcut = shortcut.toLowerCase();
- this.add_shortcut(shortcut, data);
- var patch = {keys:{}};
- patch.keys[this._mode] = {bind:{}};
- patch.keys[this._mode].bind[shortcut] = data;
- this._config.update(patch);
- };
- ShortcutManager.prototype._persist_remove_shortcut = function(shortcut){
- /**
- * Remove a shortcut from this manager and persist its removal.
- */
- shortcut = shortcut.toLowerCase();
- this.remove_shortcut(shortcut);
- var patch = {keys: {}};
- patch.keys[this._mode] = {bind:{}};
- patch.keys[this._mode].bind[shortcut] = null;
- this._config.update(patch);
- // if the shortcut we unbind is a default one, we add it to the list of
- // things to unbind at startup
- if( this._defaults_bindings.indexOf(shortcut) !== -1 ){
- var cnf = (this._config.data.keys || {})[this._mode];
- var unbind_array = cnf.unbind || [];
- // unless it's already there (like if we have remapped a default
- // shortcut to another command): unbind it)
- if(unbind_array.indexOf(shortcut) === -1){
- var _parray = unbind_array.concat(shortcut);
- var unbind_patch = {keys:{}};
- unbind_patch.keys[this._mode] = {unbind:_parray};
- console.warn('up:', unbind_patch);
- this._config.update(unbind_patch);
- }
- }
- };
- ShortcutManager.prototype.add_shortcut = function (shortcut, data, suppress_help_update) {
- /**
- * Add an action to be handled by shortcut manager.
- *
- * - `shortcut` should be a `Shortcut Sequence` of the for `Ctrl-Alt-C,Meta-X`...
- * - `data` could be an `action name`, an `action` or a `function`.
- * if a `function` is passed it will be converted to an anonymous `action`.
- *
- **/
- var action_name = this.actions.get_name(data);
- if (! action_name){
- if (typeof data === 'string') {
- // If we have an action name, allow it to be bound anyway.
- console.log("Unknown action '" + data + "' for shortcut " + shortcut
- + "; it may be defined by an extension which is not yet loaded.");
- action_name = data;
- } else {
- throw new Error('does not know how to deal with : ' + data);
- }
- }
- var _shortcut = normalize_shortcut(shortcut);
- this.set_shortcut(_shortcut, action_name);
- if (!suppress_help_update) {
- // update the keyboard shortcuts notebook help
- this.events.trigger('rebuild.QuickHelp');
- }
- };
- ShortcutManager.prototype.add_shortcuts = function (data) {
- /**
- * Convenient methods to call `add_shortcut(key, value)` on several items
- *
- * data : Dict of the form {key:value, ...}
- **/
- var that = this;
- _.forEach(data, function(value, key) {
- that.add_shortcut(key, value, true);
- });
- // update the keyboard shortcuts notebook help
- this.events.trigger('rebuild.QuickHelp');
- };
- ShortcutManager.prototype._add_default_shortcuts = function (data) {
- /**
- * same as add_shortcuts, but register them as "default" that if persistently unbound, with
- * persist_remove_shortcut, need to be on the "unbind" list.
- **/
- this._defaults_bindings = this._defaults_bindings.concat(Object.keys(data));
- this.add_shortcuts(data);
- };
- ShortcutManager.prototype.remove_shortcut = function (shortcut, suppress_help_update) {
- /**
- * Remove the binding of shortcut `sortcut` with its action.
- * throw an error if trying to remove a non-exiting shortcut
- **/
- if(!shortcut){
- console.warn('trying to remove empty shortcut');
- return;
- }
- shortcut = normalize_shortcut(shortcut);
- if( typeof(shortcut) === 'string'){
- shortcut = shortcut.split(',');
- }
- /*
- * The shortcut error should be explicit here, because it will be
- * seen by users.
- */
- try {
- this._remove_leaf(shortcut, this._shortcuts);
- if (!suppress_help_update) {
- // update the keyboard shortcuts notebook help
- this.events.trigger('rebuild.QuickHelp');
- }
- } catch (ex) {
- throw new Error('trying to remove a non-existent shortcut', shortcut, typeof shortcut);
- }
- };
- ShortcutManager.prototype.call_handler = function (event) {
- /**
- * Call the corresponding shortcut handler for a keyboard event
- * @method call_handler
- * @return {Boolean} `true|false`, `false` if no handler was found, otherwise the value return by the handler.
- * @param event {event}
- *
- * given an event, call the corresponding shortcut.
- * return false is event wan handled, true otherwise
- * in any case returning false stop event propagation
- **/
- this.clearsoon();
- if(only_modifier_event(event)){
- return true;
- }
- var shortcut = event_to_shortcut(event);
- this._queue.push(shortcut);
- var action_name = this.get_shortcut(this._queue);
- if (typeof(action_name) === 'undefined'|| action_name === null){
- this.clearqueue();
- return true;
- }
-
- if (this.actions.exists(action_name)) {
- event.preventDefault();
- this.clearqueue();
- return this.actions.call(action_name, event);
- }
- return false;
- };
- ShortcutManager.prototype.handles = function (event) {
- var shortcut = event_to_shortcut(event);
- var action_name = this.get_shortcut(this._queue.concat(shortcut));
- return (typeof(action_name) !== 'undefined');
- };
- return {
- keycodes : keycodes,
- inv_keycodes : inv_keycodes,
- ShortcutManager : ShortcutManager,
- normalize_key : normalize_key,
- normalize_shortcut : normalize_shortcut,
- shortcut_to_event : shortcut_to_event,
- event_to_shortcut : event_to_shortcut,
- };
- });
|