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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
|
# This prevents printable characters from being passed through to underlying page. It should, however, allow
# through chrome keyboard shortcuts. It's a backstop for all of the modes following.
class SuppressPrintable extends Mode
constructor: (options) ->
handler = (event) =>
if KeyboardUtils.isPrintable event
if event.type == "keydown"
DomUtils.suppressPropagation
@stopBubblingAndFalse
else
false
else
@stopBubblingAndTrue
# This is pushed onto the handler stack before calling super(). Therefore, it ends up underneath (or
# after) all of the other handlers associated with the mode.
@suppressPrintableHandlerId = handlerStack.push
_name: "movement/suppress-printable"
keydown: handler
keypress: handler
keyup: handler
super options
@onExit => handlerStack.remove @suppressPrintableHandlerId
# This watches keyboard events and maintains @countPrefix as number and other keys are pressed.
class MaintainCount extends SuppressPrintable
constructor: (options) ->
@countPrefix = ""
super options
@push
_name: "movement/maintain-count"
keypress: (event) =>
@alwaysContinueBubbling =>
unless event.metaKey or event.ctrlKey or event.altKey
keyChar = String.fromCharCode event.charCode
@countPrefix =
if keyChar and keyChar.length == 1 and "0" <= keyChar <= "9"
@countPrefix + keyChar
else
""
runCountPrefixTimes: (func) ->
count = if 0 < @countPrefix.length then parseInt @countPrefix else 1
func() for [0...count]
forward = "forward"
backward = "backward"
character = "character"
# This implements movement commands with count prefixes (using MaintainCount) for both visual mode and edit
# mode.
class Movement extends MaintainCount
opposite:
forward: backward
backward: forward
# Try to move one character in "direction". Return 1, -1 or 0, indicating that the selection got bigger, or
# smaller, or is unchanged.
moveInDirection: (direction) ->
length = @selection.toString().length
@selection.modify "extend", direction, character
@selection.toString().length - length
# Get the direction of the selection, either forward or backward.
# FIXME(smblott). There has to be a better way!
getDirection: ->
# Try to move the selection forward or backward, then check whether it got bigger or smaller (then restore
# it).
for type in [ forward, backward ]
if success = @moveInDirection type
@moveInDirection @opposite[type]
return if 0 < success then type else @opposite[type]
nextCharacter: (direction) ->
if @moveInDirection direction
text = @selection.toString()
@moveInDirection @opposite[direction]
text.charAt if @getDirection() == forward then text.length - 1 else 0
moveByWord: (direction) ->
# We go to the end of the next word, then come back to the start of it.
movements = [ "#{direction} word", "#{@opposite[direction]} word" ]
# If we're in the middle of a word, then we also need to skip over that one.
movements.unshift "#{direction} word" unless /\s/.test @nextCharacter direction
@runMovements movements
# Run a movement command. Return true if the length of the selection changed, false otherwise.
runMovement: (movement) ->
length = @selection.toString().length
@selection.modify @alterMethod, movement.split(" ")...
@selection.toString().length != length
runMovements: (movements) ->
for movement in movements
break unless @runMovement movement
movements:
"l": "forward character"
"h": "backward character"
"j": "forward line"
"k": "backward line"
"e": "forward word"
"b": "backward word"
")": "forward sentence"
"(": "backward sentence"
"}": "forward paragraph"
"{": "backward paragraph"
"$": "forward lineboundary"
"0": "backward lineboundary"
"G": "forward documentboundary"
"g": "backward documentboundary"
"w": -> @moveByWord forward
"W": -> @moveByWord backward
"o": ->
# FIXME(smblott). This is super slow if the selection is large.
length = @selection.toString().length
switch @getDirection()
when forward
@selection.collapseToEnd()
@selection.modify "extend", backward, character for [0...length]
when backward
@selection.collapseToStart()
@selection.modify "extend", forward, character for [0...length]
# TODO(smblott). What do we do if there is no initial selection? Or multiple ranges?
constructor: (options) ->
@alterMethod = options.alterMethod || "extend"
super options
@push
_name: "movement"
keypress: (event) =>
@alwaysContinueBubbling =>
unless event.metaKey or event.ctrlKey or event.altKey
keyChar = String.fromCharCode event.charCode
if @movements[keyChar]
@selection = window.getSelection()
@runCountPrefixTimes =>
switch typeof @movements[keyChar]
when "string"
@runMovement @movements[keyChar]
when "function"
@movements[keyChar].call @
# Try to scroll the leading end of the selection into view. getLeadingElement() seems to work
# most, but not all, of the time.
leadingElement = @getLeadingElement @selection
Scroller.scrollIntoView leadingElement if leadingElement
# Adapted from: http://roysharon.com/blog/37.
# I have no idea how this works (smblott, 2015/1/22).
getLeadingElement: (selection) ->
r = t = selection.getRangeAt 0
if selection.type == "Range"
r = t.cloneRange()
r.collapse @getDirection() == backward
t = r.startContainer
t = t.childNodes[r.startOffset] if t.nodeType == 1
o = t
o = o.previousSibling while o and o.nodeType != 1
t = o || t?.parentNode
t
class VisualMode extends Movement
constructor: (options = {}) ->
@selection = window.getSelection()
type = @selection.type
if type == "None"
HUD.showForDuration "An initial selection is required for visual mode.", 2500
return
# Try to start with a visible selection.
if type == "Caret" or @selection.isCollapsed
@moveInDirection(forward) or @moveInDirection backward
defaults =
name: "visual"
badge: "V"
exitOnEscape: true
exitOnBlur: options.targetElement
alterMethod: "extend"
keypress: (event) =>
@alwaysContinueBubbling =>
unless event.metaKey or event.ctrlKey or event.altKey
switch String.fromCharCode event.charCode
when "y"
text = window.getSelection().toString()
chrome.runtime.sendMessage
handler: "copyToClipboard"
data: text
@exit()
handlerStack.push keyup: => false
length = text.length
suffix = if length == 1 then "" else "s"
text = text[...12] + "..." if 15 < length
HUD.showForDuration "Yanked #{length} character#{suffix}: \"#{text}\".", 2500
super extend defaults, options
@debug = true
# FIXME(smblott).
# onMouseUp = (event) =>
# @alwaysContinueBubbling =>
# if event.which == 1
# window.removeEventListener onMouseUp
# new VisualMode @options
# window.addEventListener "mouseup", onMouseUp, true
exit: ->
super()
unless @options.underEditMode
if document.activeElement and DomUtils. isEditable document.activeElement
document.activeElement.blur()
class EditMode extends Movement
@activeElements = []
constructor: (options = {}) ->
defaults =
name: "edit"
exitOnEscape: true
alterMethod: "move"
keydown: (event) => if @isActive() then @handleKeydown event else @continueBubbling
keypress: (event) => if @isActive() then @handleKeypress event else @continueBubbling
keyup: (event) => if @isActive() then @handleKeyup event else @continueBubbling
@element = document.activeElement
if @element and DomUtils.isEditable @element
super extend defaults, options
handleKeydown: (event) ->
@stopBubblingAndTrue
handleKeypress: (event) ->
@suppressEvent
handleKeyup: (event) ->
@stopBubblingAndTrue
isActive: ->
document.activeElement and DomUtils.isDOMDescendant @element, document.activeElement
exit: (event, target) ->
super()
@element.blur() if target? and DomUtils.isDOMDescendant @element, target
EditMode.activeElements = EditMode.activeElements.filter (element) => element != @element
updateBadge: (badge) ->
badge.badge = "E" if @isActive()
root = exports ? window
root.VisualMode = VisualMode
root.EditMode = EditMode
|