const nest = require('depnest')
const extend = require('xtend')
const ref = require('ssb-ref')
const { h } = require('mutant')

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

exports.needs = nest({
  'about.html.link': 'first',
  'blob.sync.url': 'first',
  'message.html': {
    decorate: 'reduce',
    layout: 'first'
  }
})

exports.create = function (api) {
  return nest('message.html.render', about)

  function about (msg, opts) {
    if (msg.value.content.type !== 'about') return

    const { name, description, image, about } = msg.value.content
    if (!name && !description && !image) return

    if (ref.isMsg(about)) return

    const element = api.message.html.layout(msg, extend({
      content: renderContent(msg),
      layout: 'default'
    }, opts))

    return api.message.html.decorate(element, { msg })
  }

  function renderContent (msg) {
    const { author, content } = msg.value
    var { about, link, name, description, image } = content
    if (!about) return

    // TODO : build better normalizers
    if (image && ref.isBlob(image.link)) image = image.link
    about = about || link

    const metaData = [
      name ? h('div', [ h('strong', 'Name: '), name ]) : undefined,
      description ? h('div', [ h('strong', 'Description: '), description ]) : undefined,
      image ? h('img', { src: api.blob.sync.url(image), style: { 'margin-top': '.5rem' } }) : undefined
    ]

    if (!ref.isFeed(about)) {
      return [
        h('p', [
          'Describes ',
          h('a', { href: about }, [about.slice(0, 7), '...']),
          ' as: '
        ]),
        ...metaData
      ]
    }

    const target = author === about
      ? 'themself '
      : api.about.html.link(about)

    return [
      h('p', [
        'Declares the following about ',
        target
      ]),
      ...metaData
    ]
  }
}