git ssb

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