var h = require('hyperscript')
var pull = require('pull-stream')
var HJSON = require('hjson')

var sbot_query = require('../plugs').first(exports.sbot_query = [])

exports.screen_view = function (path) {
  if(path != '/query') return
  var output, status, editor, stream, query

  function parse () {
    try {
      query = HJSON.parse(editor.value)
    } catch (err) {
      return status.textContent = err.message
    }
    status.textContent = 'okay'
  }

  return h('div.column.scroll',
    editor = h('textarea', {style: 'min-height:100px;', oninput: parse, onkeydown: function (e) {
      if(!(e.keyCode === 13 && e.ctrlKey)) return
      
      status.textContent = 'running...'
      parse()
      output.innerHTML = ''
      if(stream) stream.abort()

      console.log(query)

      stream = pull(
        sbot_query({query: query, limit: 100}),
        pull.drain(function (data) {
          output.appendChild(h('pre.query__data',
            JSON.stringify(data, null, 2)
          ))
        }, function (err) {
          if(err) status.textContent = err.stack
        })
      )
    }}),
    status = h('div.query__status'),
    output = h('div.column.query__output', {style: 'overflow-y: scroll;'})
  )
}