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
|
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 "DOMContentLoaded", ->
DomUtils.injectUserCss() # Manually inject custom user styles.
document.addEventListener "keydown", (event) ->
inputElement = document.getElementById "hud-find-input"
return unless inputElement? # Don't do anything if we're not in find mode.
if (KeyboardUtils.isBackspace(event) and inputElement.textContent.length == 0) or
event.key == "Enter" or KeyboardUtils.isEscape event
UIComponentServer.postMessage
name: "hideFindMode"
exitEventIsEnter: event.key == "Enter"
exitEventIsEscape: KeyboardUtils.isEscape event
else if event.key == "ArrowUp"
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.key == "ArrowDown"
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"
hidden: ->
# 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"
try # NOTE(mrmr1993): Chrome supports non-standard "plaintext-only", which is what we *really* want.
inputElement.contentEditable = "plaintext-only"
catch # Fallback to standard-compliant version.
inputElement.contentEditable = "true"
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"
countElement.style.float = "right"
hud.appendChild countElement
inputElement.focus()
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 ({data}) -> handlers[data.name ? data]? data
FindModeHistory.init()
|
