aboutsummaryrefslogtreecommitdiff
path: root/ext/js/settings/keyboard-mouse-input-field.js
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-14 23:10:01 -0500
committerGitHub <noreply@github.com>2021-02-14 23:10:01 -0500
commit450912c1098b0ec4c0ec29b7aec8b47143cfd6fc (patch)
tree6aae6ab69e037915faf7681991952113ad6d6094 /ext/js/settings/keyboard-mouse-input-field.js
parentd6332d2bc723f9aa60f2c886564bef49a6b91b84 (diff)
Move js/settings (#1397)
* Move js/settings to js/pages/settings * Fix script ordering
Diffstat (limited to 'ext/js/settings/keyboard-mouse-input-field.js')
-rw-r--r--ext/js/settings/keyboard-mouse-input-field.js243
1 files changed, 0 insertions, 243 deletions
diff --git a/ext/js/settings/keyboard-mouse-input-field.js b/ext/js/settings/keyboard-mouse-input-field.js
deleted file mode 100644
index 09477519..00000000
--- a/ext/js/settings/keyboard-mouse-input-field.js
+++ /dev/null
@@ -1,243 +0,0 @@
-/*
- * Copyright (C) 2020-2021 Yomichan Authors
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-/* global
- * DocumentUtil
- * HotkeyUtil
- */
-
-class KeyboardMouseInputField extends EventDispatcher {
- constructor(inputNode, mouseButton, os, isPointerTypeSupported=null) {
- super();
- this._inputNode = inputNode;
- this._mouseButton = mouseButton;
- this._isPointerTypeSupported = isPointerTypeSupported;
- this._hotkeyUtil = new HotkeyUtil(os);
- this._eventListeners = new EventListenerCollection();
- this._key = null;
- this._modifiers = [];
- this._penPointerIds = new Set();
- this._mouseModifiersSupported = false;
- this._keySupported = false;
- }
-
- get modifiers() {
- return this._modifiers;
- }
-
- prepare(key, modifiers, mouseModifiersSupported=false, keySupported=false) {
- this.cleanup();
-
- this._mouseModifiersSupported = mouseModifiersSupported;
- this._keySupported = keySupported;
- this.setInput(key, modifiers);
- const events = [
- [this._inputNode, 'keydown', this._onModifierKeyDown.bind(this), false],
- [this._inputNode, 'keyup', this._onModifierKeyUp.bind(this), false]
- ];
- if (mouseModifiersSupported && this._mouseButton !== null) {
- events.push(
- [this._mouseButton, 'mousedown', this._onMouseButtonMouseDown.bind(this), false],
- [this._mouseButton, 'pointerdown', this._onMouseButtonPointerDown.bind(this), false],
- [this._mouseButton, 'pointerover', this._onMouseButtonPointerOver.bind(this), false],
- [this._mouseButton, 'pointerout', this._onMouseButtonPointerOut.bind(this), false],
- [this._mouseButton, 'pointercancel', this._onMouseButtonPointerCancel.bind(this), false],
- [this._mouseButton, 'mouseup', this._onMouseButtonMouseUp.bind(this), false],
- [this._mouseButton, 'contextmenu', this._onMouseButtonContextMenu.bind(this), false]
- );
- }
- for (const args of events) {
- this._eventListeners.addEventListener(...args);
- }
- }
-
- setInput(key, modifiers) {
- this._key = key;
- this._modifiers = this._sortModifiers(modifiers);
- this._updateDisplayString();
- }
-
- cleanup() {
- this._eventListeners.removeAllEventListeners();
- this._modifiers = [];
- this._key = null;
- this._mouseModifiersSupported = false;
- this._keySupported = false;
- this._penPointerIds.clear();
- }
-
- clearInputs() {
- this._updateModifiers([], null);
- }
-
- // Private
-
- _sortModifiers(modifiers) {
- return this._hotkeyUtil.sortModifiers(modifiers);
- }
-
- _updateDisplayString() {
- const displayValue = this._hotkeyUtil.getInputDisplayValue(this._key, this._modifiers);
- this._inputNode.value = displayValue;
- }
-
- _getModifierKeys(e) {
- const modifiers = new Set(DocumentUtil.getActiveModifiers(e));
- // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey
- // https://askubuntu.com/questions/567731/why-is-shift-alt-being-mapped-to-meta
- // It works with mouse events on some platforms, so try to determine if metaKey is pressed.
- // This is a hack and only works when both Shift and Alt are not pressed.
- if (
- !modifiers.has('meta') &&
- e.key === 'Meta' &&
- !(
- modifiers.size === 2 &&
- modifiers.has('shift') &&
- modifiers.has('alt')
- )
- ) {
- modifiers.add('meta');
- }
- return modifiers;
- }
-
- _isModifierKey(keyName) {
- switch (keyName) {
- case 'AltLeft':
- case 'AltRight':
- case 'ControlLeft':
- case 'ControlRight':
- case 'MetaLeft':
- case 'MetaRight':
- case 'ShiftLeft':
- case 'ShiftRight':
- case 'OSLeft':
- case 'OSRight':
- return true;
- default:
- return false;
- }
- }
-
- _onModifierKeyDown(e) {
- e.preventDefault();
-
- let key = e.code;
- if (key === 'Unidentified' || key === '') { key = void 0; }
- if (this._keySupported) {
- this._updateModifiers([...this._getModifierKeys(e)], this._isModifierKey(key) ? void 0 : key);
- } else {
- switch (key) {
- case 'Escape':
- case 'Backspace':
- this.clearInputs();
- break;
- default:
- this._addModifiers(this._getModifierKeys(e));
- break;
- }
- }
- }
-
- _onModifierKeyUp(e) {
- e.preventDefault();
- }
-
- _onMouseButtonMouseDown(e) {
- e.preventDefault();
- this._addModifiers(DocumentUtil.getActiveButtons(e));
- }
-
- _onMouseButtonPointerDown(e) {
- if (!e.isPrimary) { return; }
-
- let {pointerType, pointerId} = e;
- // Workaround for Firefox bug not detecting certain 'touch' events as 'pen' events.
- if (this._penPointerIds.has(pointerId)) { pointerType = 'pen'; }
-
- if (
- typeof this._isPointerTypeSupported !== 'function' ||
- !this._isPointerTypeSupported(pointerType)
- ) {
- return;
- }
- e.preventDefault();
- this._addModifiers(DocumentUtil.getActiveButtons(e));
- }
-
- _onMouseButtonPointerOver(e) {
- const {pointerType, pointerId} = e;
- if (pointerType === 'pen') {
- this._penPointerIds.add(pointerId);
- }
- }
-
- _onMouseButtonPointerOut(e) {
- const {pointerId} = e;
- this._penPointerIds.delete(pointerId);
- }
-
- _onMouseButtonPointerCancel(e) {
- this._onMouseButtonPointerOut(e);
- }
-
- _onMouseButtonMouseUp(e) {
- e.preventDefault();
- }
-
- _onMouseButtonContextMenu(e) {
- e.preventDefault();
- }
-
- _addModifiers(newModifiers, newKey) {
- const modifiers = new Set(this._modifiers);
- for (const modifier of newModifiers) {
- modifiers.add(modifier);
- }
- this._updateModifiers([...modifiers], newKey);
- }
-
- _updateModifiers(modifiers, newKey) {
- modifiers = this._sortModifiers(modifiers);
-
- let changed = false;
- if (typeof newKey !== 'undefined' && this._key !== newKey) {
- this._key = newKey;
- changed = true;
- }
- if (!this._areArraysEqual(this._modifiers, modifiers)) {
- this._modifiers = modifiers;
- changed = true;
- }
-
- this._updateDisplayString();
- if (changed) {
- this.trigger('change', {modifiers: this._modifiers, key: this._key});
- }
- }
-
- _areArraysEqual(array1, array2) {
- const length = array1.length;
- if (length !== array2.length) { return false; }
-
- for (let i = 0; i < length; ++i) {
- if (array1[i] !== array2[i]) { return false; }
- }
-
- return true;
- }
-}