+ @cursor_el.style.left = "#{loc.x + overlay_padding - 1}px"
+ if loc.h < 5
+ height = 12
+ else
+ height = loc.h
+ @cursor_el.style.top = "#{loc.y + overlay_padding + Math.round(height * .07)}px"
+ @cursor_el.style.height = "#{Math.round height * 0.82}px"
+ @matt cursor[0]
+ matt: (n) ->
+ while @matting.length > 0
+ @overlay.removeChild @matting[0]
+ @matting.shift()
+ return unless n?
+ prev_bounds = x: 0, y: 0, w: 0, h: 0
+ alpha = 0.1
+ while n?.el?
+ if n.type is 'text'
+ n = n.parent
+ continue
+ bounds = get_el_bounds n.el
+ return unless bounds?
+ if bounds.x is prev_bounds.x and bounds.y is prev_bounds.y and bounds.w is prev_bounds.w and bounds.h is prev_bounds.h
+ n = n.parent
+ continue
+ matt = domify @outer_idoc, div: class: 'ann_box', style: "left: #{bounds.x - 1 + overlay_padding}px; top: #{bounds.y - 2 + overlay_padding}px; width: #{bounds.w}px; height: #{bounds.h}px" # outline: 1000px solid rgba(0,153,255,#{alpha});
+ @overlay.appendChild matt
+ @matting.push matt
+ ann = domify @outer_idoc, div: class: 'ann_tag', style: "left: #{bounds.x + 1 + overlay_padding}px; top: #{bounds.y - 7 + overlay_padding}px", children: [domify @outer_idoc, text: " #{n.name} "]
+ @overlay.appendChild ann
+ @matting.push ann
+ n = n.parent
+ alpha *= 1.5
+ pretty_html: (tree, indent = '', parent_flags = pre_ish: false, block: true, want_nl: false) ->
+ ret = ''
+ want_nl = parent_flags.want_nl
+ prev_in_flow_is_text = false
+ prev_in_flow_is_block = false
+ for n, i in tree
+ # figure out flags
+ inner_flags = want_nl: true
+ is_br = false
+ switch n.type
+ when 'tag'
+ if n.name is 'br'
+ is_br = true
+ is_text = false
+ if n.el.currentStyle?
+ cs = n.el.currentStyle
+ whitespace = cs['white-space']
+ display = cs['display']
+ position = cs['position']
+ float = cs['float']
+ else
+ cs = @iframe.contentWindow.getComputedStyle(n.el, null)
+ whitespace = cs.getPropertyValue 'white-space'
+ display = cs.getPropertyValue 'display'
+ position = cs.getPropertyValue 'position'
+ float = cs.getPropertyValue 'float'
+ if n.name is 'textarea'
+ inner_flags.pre_ish = true
+ else
+ inner_flags.pre_ish = whitespace.substr(0, 3) is 'pre'
+ switch float
+ when 'left', 'right'
+ in_flow = false
+ else
+ switch position
+ when 'absolute', 'fixed'
+ in_flow = false
+ else
+ if 'display' is 'none'
+ in_flow = false
+ else
+ in_flow = true
+ switch display
+ when 'inline', 'none'
+ inner_flags.block = false
+ is_block = in_flow_block = false
+ when 'inline-black'
+ inner_flags.block = true
+ is_block = in_flow_block = false
+ else # block, table, etc
+ inner_flags.block = true
+ is_block = true
+ in_flow_block = in_flow
+ when 'text'
+ is_text = true
+ is_block = false
+ in_flow = true
+ in_flow_block = false
+ else # 'comment', 'doctype'
+ is_text = false
+ is_block = false
+ in_flow = false
+ in_flow_block = false
+ # print whitespace if we can
+ unless parent_flags.pre_ish
+ unless prev_in_flow_is_text and is_br
+ if (i is 0 and parent_flags.block) or in_flow_block or prev_in_flow_is_block
+ if want_nl
+ ret += "\n"
+ ret += indent
+ switch n.type
+ when 'tag'
+ ret += '<' + n.name
+ attr_keys = []
+ for k of n.attrs
+ attr_keys.unshift k
+ #attr_keys.sort()
+ for k in attr_keys
+ ret += " #{k}"
+ if n.attrs[k].length > 0
+ ret += "=\"#{enc_attr n.attrs[k]}\""
+ ret += '>'
+ unless void_elements[n.name]?
+ if inner_flags.block
+ next_indent = indent + ' '
+ else
+ next_indent = indent
+ if n.children.length
+ ret += @pretty_html n.children, next_indent, inner_flags
+ ret += "</#{n.name}>"
+ when 'text'
+ ret += enc_text n.text
+ when 'comment'
+ ret += "<!--#{n.text}-->" # TODO encode?
+ when 'doctype'
+ ret += "<!DOCTYPE #{n.name}"
+ if n.public_identifier? and n.public_identifier.length > 0
+ ret += " \"#{n.public_identifier}\""
+ if n.system_identifier? and n.system_identifier.length > 0
+ ret += " \"#{n.system_identifier}\""
+ ret += ">"
+ want_nl = true
+ if in_flow
+ prev_in_flow_is_text = is_text
+ prev_in_flow_is_block = is_block or (in_flow and is_br)
+ if tree.length
+ # output final newline if allowed
+ unless parent_flags.pre_ish
+ if prev_in_flow_is_block or parent_flags.block
+ ret += "\n#{indent.substr 4}"
+ return ret