Files: 1c8a7eb51b38b3a4f791e88f9828fb44f1f09090 / app / sync / catch-keyboard-shortcut.js
3248 bytesRaw
1 | const nest = require('depnest') |
2 | |
3 | exports.gives = nest('app.sync.catchKeyboardShortcut') |
4 | |
5 | exports.needs = nest({ |
6 | 'app.html.searchBar': 'first', |
7 | 'app.html.tabs': 'first', |
8 | 'app.sync.goTo': 'first', |
9 | }) |
10 | |
11 | var gPressed = false |
12 | |
13 | exports.create = function (api) { |
14 | return nest('app.sync.catchKeyboardShortcut', catchKeyboardShortcut) |
15 | |
16 | function catchKeyboardShortcut (root) { |
17 | var tabs = api.app.html.tabs() |
18 | var search = api.app.html.searchBar() |
19 | var goTo = api.app.sync.goTo |
20 | |
21 | root.addEventListener('keydown', (ev) => { |
22 | isTextFieldEvent(ev) |
23 | ? textFieldShortcuts(ev) |
24 | : genericShortcuts(ev, { tabs, search, goTo }) |
25 | }) |
26 | } |
27 | } |
28 | |
29 | function isTextFieldEvent (ev) { |
30 | const tag = ev.target.nodeName |
31 | return (tag === 'INPUT' || tag === 'TEXTAREA') |
32 | } |
33 | |
34 | function textFieldShortcuts (ev) { |
35 | if (ev.keyCode === 13 && ev.ctrlKey) { |
36 | ev.target.publish() // expects the textField to have a publish method |
37 | } |
38 | } |
39 | |
40 | function genericShortcuts (ev, { tabs, search, goTo }) { |
41 | // Messages |
42 | if (ev.keyCode === 71) { // gg = scroll to top |
43 | if (!gPressed) { |
44 | gPressed = true |
45 | window.setTimeout(() => { |
46 | gPressed = false |
47 | }, 3000) |
48 | return |
49 | } |
50 | tabs.currentPage().scroll('first') |
51 | } |
52 | gPressed = false |
53 | |
54 | switch (ev.keyCode) { |
55 | // Messages (cont'd) |
56 | case 74: // j = older |
57 | return tabs.currentPage().scroll(1) |
58 | case 75: // k = newer |
59 | return tabs.currentPage().scroll(-1) |
60 | case 13: // enter = open |
61 | return goToMessage(ev, { tabs, goTo }) |
62 | case 79: // o = open |
63 | return goToMessage(ev, { tabs, goTo }) |
64 | case 192: // ` = toggle raw message view |
65 | return toggleRawMessage(ev) |
66 | |
67 | // Tabs |
68 | case 72: // h = left |
69 | tabs.selectRelative(-1) |
70 | return goTo(JSON.parse(tabs.currentPage().id)) |
71 | case 76: // l = right |
72 | tabs.selectRelative(1) |
73 | return goTo(JSON.parse(tabs.currentPage().id)) |
74 | case 88: // x = close |
75 | if (tabs.selected) { |
76 | var sel = tabs.selected |
77 | tabs.remove(sel) |
78 | } |
79 | return |
80 | |
81 | // Search |
82 | case 191: // / = routes search |
83 | if (ev.shiftKey) search.activate('?', ev) |
84 | else search.activate('/', ev) |
85 | return |
86 | case 50: // @ = mention search |
87 | if (ev.shiftKey) search.activate('@', ev) |
88 | return |
89 | case 51: // # = channel search |
90 | if (ev.shiftKey) search.activate('#', ev) |
91 | return |
92 | case 53: // % = message search |
93 | if (ev.shiftKey) search.activate('%', ev) |
94 | } |
95 | } |
96 | |
97 | function goToMessage (ev, { tabs, goTo }) { |
98 | const msg = ev.target |
99 | if (!msg.classList.contains('Message')) return |
100 | |
101 | const { root, id } = msg.dataset |
102 | if (!root) return goTo(id) |
103 | |
104 | goTo(root) |
105 | setTimeout(() => scrollDownToMessage(id, tabs), 250) |
106 | } |
107 | |
108 | function scrollDownToMessage (id, tabs) { |
109 | tabs.currentPage().scroll('first') |
110 | locateKey() |
111 | |
112 | function locateKey () { |
113 | const msg = tabs.currentPage().querySelector(`[data-id='${id}']`) |
114 | if (msg === null) return setTimeout(locateKey, 100) |
115 | |
116 | ;(msg.scrollIntoViewIfNeeded || msg.scrollIntoView).call(msg) |
117 | msg.focus() |
118 | } |
119 | } |
120 | |
121 | function toggleRawMessage (ev) { |
122 | const msg = ev.target |
123 | if (!msg.classList.contains('Message')) return |
124 | |
125 | // this uses a crudely exported nav api |
126 | msg.querySelector('.meta .toggle-raw-msg').click() |
127 | } |
128 | |
129 |
Built with git-ssb-web