1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
findMode = null
# Set the input element's text, and move the cursor to the end.
setTextInInputElement = (inputElement, text) ->
inputElement.textContent = text
# Move the cursor to the end. Based on one of the solutions here:
# http://stackoverflow.com/questions/1125292/how-to-move-cursor-to-end-of-contenteditable-entity
range = document.createRange()
range.selectNodeContents inputElement
range.collapse false
selection = window.getSelection()
selection.removeAllRanges()
selection.addRange range
document.addEventListener "keydown", (event) ->
inputElement = document.getElementById "hud-find-input"
return unless inputElement? # Don't do anything if we're not in find mode.
transferrableEvent = {}
# NOTE(mrmr1993): We use for, not for own, here, since we want to access members from the Event prototype.
for key, value of event
transferrableEvent[key] = value if typeof value in ["number", "string"]
if (event.keyCode in [keyCodes.backspace, keyCodes.deleteKey] and inputElement.textContent.length == 0) or
event.keyCode == keyCodes.enter or KeyboardUtils.isEscape event
UIComponentServer.postMessage
name: "hideFindMode"
event: transferrableEvent
query: findMode.rawQuery
else if event.keyCode == keyCodes.upArrow
if rawQuery = FindModeHistory.getQuery findMode.historyIndex + 1
findMode.historyIndex += 1
findMode.partialQuery = findMode.rawQuery if findMode.historyIndex == 0
setTextInInputElement inputElement, rawQuery
findMode.executeQuery()
else if event.keyCode == keyCodes.downArrow
findMode.historyIndex = Math.max -1, findMode.historyIndex - 1
rawQuery = if 0 <= findMode.historyIndex then FindModeHistory.getQuery findMode.historyIndex else findMode.partialQuery
setTextInInputElement inputElement, rawQuery
findMode.executeQuery()
else
return
DomUtils.suppressEvent event
false
handlers =
show: (data) ->
document.getElementById("hud").innerText = data.text
document.getElementById("hud").classList.add "vimiumUIComponentVisible"
document.getElementById("hud").classList.remove "vimiumUIComponentHidden"
hide: ->
# We get a flicker when the HUD later becomes visible again (with new text) unless we reset its contents
# here.
document.getElementById("hud").innerText = ""
document.getElementById("hud").classList.add "vimiumUIComponentHidden"
document.getElementById("hud").classList.remove "vimiumUIComponentVisible"
showFindMode: (data) ->
hud = document.getElementById "hud"
hud.innerText = "/\u200A" # \u200A is a "hair space", to leave enough space before the caret/first char.
inputElement = document.createElement "span"
inputElement.contentEditable = "plaintext-only"
setTextInInputElement inputElement, data.text if data.text
inputElement.id = "hud-find-input"
hud.appendChild inputElement
inputElement.addEventListener "input", executeQuery = (event) ->
# Replace \u00A0 ( ) with a normal space.
findMode.rawQuery = inputElement.textContent.replace "\u00A0", " "
UIComponentServer.postMessage {name: "search", query: findMode.rawQuery}
countElement = document.createElement "span"
countElement.id = "hud-match-count"
hud.appendChild countElement
inputElement.focus()
# Replace \u00A0 ( ) with a normal space.
UIComponentServer.postMessage {name: "search", query: inputElement.textContent.replace "\u00A0", " "}
findMode =
historyIndex: -1
partialQuery: ""
rawQuery: ""
executeQuery: executeQuery
updateMatchesCount: ({matchCount, showMatchText}) ->
countElement = document.getElementById "hud-match-count"
return unless countElement? # Don't do anything if we're not in find mode.
countText = if matchCount > 0
" (#{matchCount} Match#{if matchCount == 1 then "" else "es"})"
else
" (No matches)"
countElement.textContent = if showMatchText then countText else ""
UIComponentServer.registerHandler (event) ->
{data} = event
handlers[data.name]? data
FindModeHistory.init()
|
