blob: d89f0cc8de1dc83433d003ea0482975fc3704976 (
plain)
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
|
class UIComponent
iframeElement: null
iframePort: null
showing: null
showStyle: "display: block;"
hideStyle: "display: none;"
constructor: (iframeUrl, className, @handleMessage) ->
@iframeElement = document.createElement "iframe"
@iframeElement.className = className
@iframeElement.seamless = "seamless"
@iframeElement.src = chrome.runtime.getURL iframeUrl
@iframeElement.addEventListener "load", => @openPort()
document.documentElement.appendChild @iframeElement
@showing = true # The iframe is visible now.
# Hide the iframe, but don't interfere with the focus.
@hide false
# Open a port and pass it to the iframe via window.postMessage.
openPort: ->
messageChannel = new MessageChannel()
@iframePort = messageChannel.port1
@iframePort.onmessage = (event) => @handleMessage event
# Get vimiumSecret so the iframe can determine that our message isn't the page impersonating us.
chrome.storage.local.get "vimiumSecret", ({vimiumSecret: secret}) =>
@iframeElement.contentWindow.postMessage secret, chrome.runtime.getURL(""), [messageChannel.port2]
postMessage: (message) ->
@iframePort.postMessage message
activate: (message) ->
@postMessage message if message?
if @showing
# NOTE(smblott) Experimental. Not sure this is a great idea. If the iframe was already showing, then
# the user gets no visual feedback when it is re-focused. So flash its border.
borderWas = @iframeElement.style.border
@iframeElement.style.border = '5px solid yellow'
setTimeout((=> @iframeElement.style.border = borderWas), 200)
else
@iframeElement.setAttribute "style", @showStyle
@showing = true
@iframeElement.focus()
hide: (focusWindow=true)->
if @showing
@iframeElement.setAttribute "style", @hideStyle
window.focus() if focusWindow
@showing = false
root = exports ? window
root.UIComponent = UIComponent
|
