class AsciiIo.Renderer.Canvas extends AsciiIo.Renderer.Base
  tagName: 'canvas'
  className: 'terminal'

  events:
    'click': 'onClick'

  initialize: (options) ->
    super(options)
    @ctx = @el.getContext('2d')
    @cellWidth = 7
    @cellHeight = 14

  afterInsertedToDom: ->
    width = @cols * @cellWidth
    height = @lines * @cellHeight
    @$el.attr('width', width)
    @$el.attr('height', height)
    @setFont()
    # @$el.css(width: width + 'px', height: height + 'px')
    # @ctx.scale(1, 1)

  setFont: ->
    size = @$el.css('font-size')
    console.log size
    family = @$el.css('font-family')
    console.log family
    @font = "#{size} #{family}"
    @ctx.font = @font
    @prevFont = @font

  renderLine: (n, data, cursorX) ->
    left = 0
    width = @cols * @cellWidth
    top = n * @cellHeight
    # bottom = (n + 1) * @cellHeight

    # @ctx.clearRect(left, top + 1, width, @cellHeight)

    # ctx.fillStyle = "#FFA500";
    # @ctx.font = "12px monospace"

    for i in [0...@cols]
      d = data[i]

      if d
        [char, brush] = d

        char = char.replace('&', '&amp;').replace('<', '&lt;')

        @setBackgroundAttributes(brush)
        @ctx.fillRect left + i * @cellWidth, top + 1, @cellWidth, @cellHeight

        if char != ' '
          @setTextAttributes(brush)
          @ctx.fillText char, i * @cellWidth, top + @cellHeight - 2

  setBackgroundAttributes: (brush) ->
    if brush.bg isnt undefined
      bg = brush.bg
      bg += 8 if bg < 8 and brush.blink
    else
      bg = 0

    @ctx.fillStyle = AsciiIo.colors[bg]

  setTextAttributes: (brush) ->
    if brush.fg isnt undefined
      fg = brush.fg
      fg += 8 if fg < 8 and brush.bright
    else
      fg = 7

    @ctx.fillStyle = AsciiIo.colors[fg]

    font = @font

    if brush.bright or brush.italic
      if brush.bright
        font = "bold #{font}"

      if brush.italic
        font = "italic #{font}"

    if font != @prevFont
      @ctx.font = font
      @prevFont = font

  showCursor: (show) ->
    # if show
    #   @$el.addClass "cursor-on"
    # else
    #   @$el.removeClass "cursor-on"

  blinkCursor: ->
    # cursor = @$el.find(".cursor")
    # if cursor.hasClass("visible")
    #   cursor.removeClass "visible"
    # else
    #   cursor.addClass "visible"

  resetCursorState: ->
    # cursor = @$el.find(".cursor")
    # cursor.addClass "visible"