var { h, when, send } = require('mutant')
var nest = require('depnest')

exports.needs = nest({
  'channel.obs.subscribed': 'first',
  'message.html.compose': 'first',
  'channel.sync.normalize': 'first',
  'feed.html.rollup': 'first',
  'feed.pull.channel': 'first',
  'sbot.pull.log': 'first',
  'message.async.publish': 'first',
  'keys.sync.id': 'first',
  'intl.sync.i18n': 'first'
})

exports.gives = nest('page.html.render')

exports.create = function (api) {
  const i18n = api.intl.sync.i18n
  return nest('page.html.render', function channel (path) {
    if (path[0] !== '#') return

    var channel = api.channel.sync.normalize(path.substr(1))
    var subscribedChannels = api.channel.obs.subscribed(api.keys.sync.id())

    var prepend = [
      h('PageHeading', [
        h('h1', `#${channel}`),
        h('div.meta', [
          when(subscribedChannels.has(channel),
            h('a.ToggleButton.-unsubscribe', {
              'href': '#',
              'title': i18n('Click to unsubscribe'),
              'ev-click': send(unsubscribe, channel)
            }, i18n('Subscribed')),
            h('a.ToggleButton.-subscribe', {
              'href': '#',
              'ev-click': send(subscribe, channel)
            }, i18n('Subscribe'))
          )
        ])
      ]),
      api.message.html.compose({
        meta: {type: 'post', channel},
        placeholder: i18n('Write a message in this channel')
      })
    ]

    return api.feed.html.rollup(api.feed.pull.channel(channel), {
      prepend,
      displayFilter: mentionFilter,
      bumpFilter: mentionFilter
    })

    function mentionFilter (msg) {
      // filter out likes
      if (msg.value.content.type === 'vote') return false
      if (api.channel.sync.normalize(msg.value.content.channel) === channel) return true
      if (Array.isArray(msg.value.content.mentions)) {
        if (msg.value.content.mentions.some(mention => {
          return mention && api.channel.sync.normalize(mention.link) === `#${channel}`
        })) {
          return 'channel-mention'
        }
      }
    }
  })

  function subscribe (id) {
    // confirm
    api.message.async.publish({
      type: 'channel',
      channel: id,
      subscribed: true
    })
  }

  function unsubscribe (id) {
    // confirm
    api.message.async.publish({
      type: 'channel',
      channel: id,
      subscribed: false
    })
  }
}