index.jsx

'use babel'
import React from 'react'
import mlib from 'ssb-msgs'
import { MsgLink, UserLink } from 'patchkit-links'
import { Block as MdBlock, Inline as MdInline } from 'patchkit-markdown'
import { Json as JsonRaw, Div as DivRaw } from 'patchkit-niceraw'
import * as u from 'patchkit-util'
import * as social from 'patchkit-util/social'
import t from 'patchwork-translations'

function rawAttrString(msg) {
  return <JsonRaw obj={Object.assign({id: msg.key}, msg.value)} />
}

export class Block extends React.Component {
  static contextTypes = {
    user: React.PropTypes.object,
    users: React.PropTypes.object
  }
  render() {
    const msg = this.props.msg
    const author = msg.value.author
    const c = msg.value.content

    if (this.props.forceRaw)
      return rawAttrString(msg)

    try {
      switch (c.type) {
        case 'post':
          if (c.text) return <MdBlock md={c.text} msg={this.props.msg} />
          break

        case 'contact':
          const result = renderContact(msg, this.context)
          if (result)
            return result
          break
      }
    } catch (e) { console.warn(e) }

    return rawAttrString(msg)
  }
}

export class Inline extends React.Component {
  static contextTypes = {
    user: React.PropTypes.object,
    users: React.PropTypes.object
  }
  render() {
    const msg = this.props.msg
    const author = msg.value.author
    const c = msg.value.content

    if (this.props.forceRaw)
      return <DivRaw key={msg.key} obj={c} />

    try {
      switch (c.type) {
        case 'post':
          if (c.text) {
            const text = this.props.limit ? u.shortString(c.text, this.props.limit) : c.text
            return <MdInline md={text} />
          }
          break
        case 'contact':
          const result = renderContact(msg, this.context)
          if (result)
            return result
          break
      }
    } catch (e) { console.warn(e) }

    return <DivRaw key={msg.key} obj={c} />
  }
}

function renderContact (msg, context) {
  const author = msg.value.author
  const c = msg.value.content  
  const contact = c.contact ? mlib.link(c.contact).link : undefined
  if (contact === context.user.id) {
    if (c.following) {
      if (!social.follows(context.users, context.user.id, author))
        return <div><i className="fa fa-user-plus" /> <UserLink id={author} />{t('contact.followedYou')}</div>
      else
        return <div><i className="fa fa-user-plus" /> <UserLink id={author} /> {t('contact.isNowYourFriend')}</div>
    } else {
      return <div><i className="fa fa-user-times" /> <UserLink id={author} /> {t('contact.unfollowedYou')}</div>
    }
  } else {
    if (c.following)
      return <div><i className="fa fa-user-plus" /> <UserLink id={author} /> {t('contact.followed', {name: u.getName(context.users, contact)})}</div>
    else
      return <div><i className="fa fa-user-times" /> <UserLink id={author} /> {t('contact.unfollowed', {name: u.getName(context.users, contact)})}</div>
  }
}