const nest = require('depnest')
const { h } = require('mutant')
const pull = require('pull-stream')
const Scroller = require('pull-scroll')
const next = require('pull-next-query')
const merge = require('lodash/merge')

exports.gives = nest({
  'app.html.menuItem': true,
  'app.page.public': true
})

exports.needs = nest({
  'app.html.filter': 'first',
  'app.html.scroller': 'first',
  'app.sync.goTo': 'first',
  // 'feed.pull.public': 'first',
  'sbot.pull.stream': 'first',
  'message.html.compose': 'first',
  'message.html.render': 'first'
})

exports.create = function (api) {
  return nest({
    'app.html.menuItem': menuItem,
    'app.page.public': publicPage
  })

  function menuItem () {
    return h('a', {
      style: { order: 1 },
      'ev-click': () => api.app.sync.goTo({ page: 'public' })
    }, '/public')
  }

  function publicPage (location) {
    const composer = api.message.html.compose({
      location,
      meta: { type: 'post' },
      placeholder: 'Write a public message'
    })
    const { filterMenu, filterDownThrough, filterUpThrough, resetFeed } = api.app.html.filter(draw)
    const { container, content } = api.app.html.scroller({ prepend: [composer, filterMenu] })

    const createStream = (opts) => api.sbot.pull.stream(server => {
      const _opts = merge({}, opts, {
        query: [{
          $filter: {
            timestamp: {$gt: 0, $lt: undefined},
            value: {
              content: { recps: {$not: true} }
            }
          }
        }],
        limit: 100
      })

      return next(server.query.read, _opts, ['timestamp'])
    })

    // TODO : build a pull-stream which has seperate state + rendering
    function draw () {
      resetFeed({ container, content })

      const render = (msg) => {
        // if (msg.value.content.type === 'about') debugger
        return api.message.html.render(msg)
      }

      // TODO - change to use ssb-query, streamed by publish time
      pull(
        createStream({old: false, live: true}),
        filterUpThrough(),
        Scroller(container, content, render, true, false)
      )

      pull(
        createStream({reverse: true, live: false}),
        filterDownThrough(),
        Scroller(container, content, render, false, false)
      )
    }
    draw()

    container.title = '/public'
    return container
  }
}