var h = require('hyperscript')
var u = require('../util')
var pull = require('pull-stream')
var Scroller = require('pull-scroll')

var plugs = require('../plugs')
var message_render = plugs.first(exports.message_render = [])
var message_compose = plugs.first(exports.message_compose = [])
var sbot_log = plugs.first(exports.sbot_log = [])

exports.menu_items = function () {
  return h('a', {href: '#/git-ssb'}, '/git-ssb')
}

exports.screen_view = function (path, sbot) {
  if(path === '/git-ssb') {

    var content = h('div.column.scroller__content')
    var div = h('div.column.scroller',
      {style: {'overflow':'auto'}},
      h('div.scroller__wrapper', content)
    )

    pull(
      u.next(sbot_log, {old: false, limit: 100}),
      Scroller(div, content, message_render, true, false)
    )

    pull(
      u.next(sbot_log, {reverse: true, limit: 100, live: false}),
      pull.filter(function(msg) { return msg.value.content.type }),
      pull.filter(function(msg) {
        return msg.value.content.type.match(/^git/)
      }),
      Scroller(div, content, message_render, false, false)
    )

    return div
  }
}