xref: /aosp_15_r20/external/perfetto/ui/src/widgets/hotkey_context.ts (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1*6dbdd20aSAndroid Build Coastguard Worker// Copyright (C) 2023 The Android Open Source Project
2*6dbdd20aSAndroid Build Coastguard Worker//
3*6dbdd20aSAndroid Build Coastguard Worker// Licensed under the Apache License, Version 2.0 (the "License");
4*6dbdd20aSAndroid Build Coastguard Worker// you may not use this file except in compliance with the License.
5*6dbdd20aSAndroid Build Coastguard Worker// You may obtain a copy of the License at
6*6dbdd20aSAndroid Build Coastguard Worker//
7*6dbdd20aSAndroid Build Coastguard Worker//      http://www.apache.org/licenses/LICENSE-2.0
8*6dbdd20aSAndroid Build Coastguard Worker//
9*6dbdd20aSAndroid Build Coastguard Worker// Unless required by applicable law or agreed to in writing, software
10*6dbdd20aSAndroid Build Coastguard Worker// distributed under the License is distributed on an "AS IS" BASIS,
11*6dbdd20aSAndroid Build Coastguard Worker// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12*6dbdd20aSAndroid Build Coastguard Worker// See the License for the specific language governing permissions and
13*6dbdd20aSAndroid Build Coastguard Worker// limitations under the License.
14*6dbdd20aSAndroid Build Coastguard Worker
15*6dbdd20aSAndroid Build Coastguard Workerimport m from 'mithril';
16*6dbdd20aSAndroid Build Coastguard Workerimport {checkHotkey, Hotkey} from '../base/hotkeys';
17*6dbdd20aSAndroid Build Coastguard Workerimport {scheduleFullRedraw} from './raf';
18*6dbdd20aSAndroid Build Coastguard Worker
19*6dbdd20aSAndroid Build Coastguard Workerexport interface HotkeyConfig {
20*6dbdd20aSAndroid Build Coastguard Worker  hotkey: Hotkey;
21*6dbdd20aSAndroid Build Coastguard Worker  callback: () => void;
22*6dbdd20aSAndroid Build Coastguard Worker}
23*6dbdd20aSAndroid Build Coastguard Worker
24*6dbdd20aSAndroid Build Coastguard Workerexport interface HotkeyContextAttrs {
25*6dbdd20aSAndroid Build Coastguard Worker  hotkeys: HotkeyConfig[];
26*6dbdd20aSAndroid Build Coastguard Worker}
27*6dbdd20aSAndroid Build Coastguard Worker
28*6dbdd20aSAndroid Build Coastguard Workerexport class HotkeyContext implements m.ClassComponent<HotkeyContextAttrs> {
29*6dbdd20aSAndroid Build Coastguard Worker  private hotkeys?: HotkeyConfig[];
30*6dbdd20aSAndroid Build Coastguard Worker
31*6dbdd20aSAndroid Build Coastguard Worker  view(vnode: m.Vnode<HotkeyContextAttrs>): m.Children {
32*6dbdd20aSAndroid Build Coastguard Worker    return vnode.children;
33*6dbdd20aSAndroid Build Coastguard Worker  }
34*6dbdd20aSAndroid Build Coastguard Worker
35*6dbdd20aSAndroid Build Coastguard Worker  oncreate(vnode: m.VnodeDOM<HotkeyContextAttrs>) {
36*6dbdd20aSAndroid Build Coastguard Worker    document.addEventListener('keydown', this.onKeyDown);
37*6dbdd20aSAndroid Build Coastguard Worker    this.hotkeys = vnode.attrs.hotkeys;
38*6dbdd20aSAndroid Build Coastguard Worker  }
39*6dbdd20aSAndroid Build Coastguard Worker
40*6dbdd20aSAndroid Build Coastguard Worker  onupdate(vnode: m.VnodeDOM<HotkeyContextAttrs>) {
41*6dbdd20aSAndroid Build Coastguard Worker    this.hotkeys = vnode.attrs.hotkeys;
42*6dbdd20aSAndroid Build Coastguard Worker  }
43*6dbdd20aSAndroid Build Coastguard Worker
44*6dbdd20aSAndroid Build Coastguard Worker  onremove(_vnode: m.VnodeDOM<HotkeyContextAttrs>) {
45*6dbdd20aSAndroid Build Coastguard Worker    document.removeEventListener('keydown', this.onKeyDown);
46*6dbdd20aSAndroid Build Coastguard Worker    this.hotkeys = undefined;
47*6dbdd20aSAndroid Build Coastguard Worker  }
48*6dbdd20aSAndroid Build Coastguard Worker
49*6dbdd20aSAndroid Build Coastguard Worker  // Due to a bug in chrome, we get onKeyDown events fired where the payload is
50*6dbdd20aSAndroid Build Coastguard Worker  // not a KeyboardEvent when selecting an item from an autocomplete suggestion.
51*6dbdd20aSAndroid Build Coastguard Worker  // See https://issues.chromium.org/issues/41425904
52*6dbdd20aSAndroid Build Coastguard Worker  // Thus, we can't assume we get an KeyboardEvent and must check manually.
53*6dbdd20aSAndroid Build Coastguard Worker  private onKeyDown = (e: Event) => {
54*6dbdd20aSAndroid Build Coastguard Worker    // Find out whether the event has already been handled further up the chain.
55*6dbdd20aSAndroid Build Coastguard Worker    if (e.defaultPrevented) return;
56*6dbdd20aSAndroid Build Coastguard Worker
57*6dbdd20aSAndroid Build Coastguard Worker    if (e instanceof KeyboardEvent) {
58*6dbdd20aSAndroid Build Coastguard Worker      this.hotkeys?.forEach(({callback, hotkey}) => {
59*6dbdd20aSAndroid Build Coastguard Worker        if (checkHotkey(hotkey, e)) {
60*6dbdd20aSAndroid Build Coastguard Worker          e.preventDefault();
61*6dbdd20aSAndroid Build Coastguard Worker          callback();
62*6dbdd20aSAndroid Build Coastguard Worker          scheduleFullRedraw('force');
63*6dbdd20aSAndroid Build Coastguard Worker        }
64*6dbdd20aSAndroid Build Coastguard Worker      });
65*6dbdd20aSAndroid Build Coastguard Worker    }
66*6dbdd20aSAndroid Build Coastguard Worker  };
67*6dbdd20aSAndroid Build Coastguard Worker}
68