Rewrite print for clarity and fix context bug

framer/Print.coffee

@@ -1,60 +1,66 @@
Utils = require "./Utils"
{Context} = require "./Context"

"""

Todo:
- Better looks
- Resizable
- Live in own space on top of all Framer stuff

"""

printContext = null
printLayer = null

exports.print = (args...) ->

	if not printContext
		printContext = new Context(name:"Print")

	printContext.run ->

		if not printLayer

			printLayer = new Layer
			printLayer.scrollVertical = true
			printLayer.ignoreEvents = false
			printLayer.html = ""
			printLayer.style =
class Printer

	constructor: ->
		@_context = new Context(name:"Print")
		@_context.run => Events.wrap(window).addEventListener("resize", @resize)

	createLayer: =>
		
		return @_printLayer if @_printLayer
		
		@_context.run =>

			@_printLayer = new Layer
			@_printLayer.scrollVertical = true
			@_printLayer.ignoreEvents = false
			@_printLayer.html = ""
			@_printLayer.style =
				"font": "12px/1.35em Menlo"
				"color": "rgba(0,0,0,.7)"
				"padding": "8px"
				"padding-bottom": "30px"
				"border-top": "1px solid #d9d9d9"

			printLayer.opacity = 0.9
			printLayer.style.zIndex = 999 # Always stay on top
			printLayer.visible = true
			printLayer.backgroundColor = "white"
			# printLayer.bringToFront()
			@_printLayer.opacity = 0.9
			@_printLayer.style.zIndex = 999 # Always stay on top
			@_printLayer.visible = true
			@_printLayer.backgroundColor = "white"

		@resize()

			update = ->
				printLayer.width = window.innerWidth
				printLayer.height = 160
				printLayer.maxY = window.innerHeight
		return @_printLayer

			update()
	resize: =>
		return unless @_printLayer
		@_printLayer.width = window.innerWidth
		@_printLayer.height = 160
		@_printLayer.maxY = window.innerHeight

			printContext.domEventManager.wrap(window).addEventListener("resize", update)
	print: (args...) =>
		
		@createLayer()

		printPrefix = "» "
		
		printNode = document.createElement("div")
		printNode.innerHTML = _.escape(printPrefix + args.map((obj) -> Utils.inspect(obj)).join(", ")) + "<br>"
		printNode.style["-webkit-user-select"] = "text"
		printNode.style["cursor"] = "auto"
		printNode.innerHTML = _.escape(printPrefix + args.map((obj) -> Utils.inspect(obj)).join(", ")) + "<br>"
		
		@_printLayer._element.appendChild(printNode)

		printLayer._element.appendChild(printNode)
		@scrollToBottom()
		Utils.delay(0, @scrollToBottom)

	Utils.delay 0, ->
		printLayer._element.scrollTop = printLayer._element.scrollHeight
	scrollToBottom: =>
		return unless @_printLayer
		@_printLayer._element.scrollTop = @_printLayer._element.scrollHeight

_printer = null

exports.print = (args...) ->
	_printer ?= new Printer
	_printer.print(args...)