git ssb

1
'use strict'
2
var h = require('hyperscript')
3
var u = require('../util')
4
var suggest = require('suggest-box')
5
var mentions = require('ssb-mentions')
6
var lightbox = require('hyperlightbox')
7
var cont = require('cont')
8
9
//var plugs = require('../plugs')
10
//var suggest_mentions= plugs.asyncConcat(exports.suggest_mentions = [])
11
//var publish         = plugs.first(exports.sbot_publish = [])
12
//var message_content = plugs.first(exports.message_content = [])
13
//var message_confirm = plugs.first(exports.message_confirm = [])
14
//var file_input      = plugs.first(exports.file_input = [])
15
16
exports.needs = {
17
  suggest_mentions: 'map', //<-- THIS MUST BE REWRITTEN
18
  publish: 'first',
19
  message_content: 'first',
20
  message_confirm: 'first',
21
  file_input: 'first'
22
}
23
24
exports.gives = 'message_compose'
25
26
function id (e) { return e }
27
28
/*
29
  opts can take
30
31
    placeholder: string. placeholder text, defaults to "Write a message"
32
    prepublish: function. called before publishing a message.
33
    shrink: boolean. set to false, to make composer not shrink (or hide controls) when unfocused.
34
*/
35
36
exports.create = function (api) {
37
38
  return function (meta, opts, cb) {
39
    if('function' === typeof cb) {
40
      if('function' === typeof opts)
41
        opts = {prepublish: opts}
42
      }
43
44
    if(!opts) opts = {}
45
    opts.prepublish = opts.prepublish || id
46
47
    var accessories
48
    meta = meta || {}
49
    if(!meta.type) throw new Error('message must have type')
50
    var ta = h('textarea.form-control', {
51
      placeholder: opts.placeholder || 'Write a message',
52
      style: {height: opts.shrink === false ? '200px' : ''}
53
    })
54
55
    if(opts.shrink !== false) {
56
      var blur
57
      ta.addEventListener('focus', function () {
58
        clearTimeout(blur)
59
        if(!ta.value) {
60
          ta.style.height = '200px'
61
        }
62
        accessories.style.display = 'block'
63
      })
64
      ta.addEventListener('blur', function () {
65
        //don't shrink right away, so there is time
66
        //to click the publish button.
67
        clearTimeout(blur)
68
        blur = setTimeout(function () {
69
          if(ta.value) return
70
          ta.style.height = '50px'
71
          accessories.style.display = 'none'
72
        }, 200)
73
      })
74
    }
75
76
    ta.addEventListener('keydown', function (ev) {
77
      if(ev.keyCode === 13 && ev.ctrlKey) publish()
78
    })
79
80
    var files = []
81
    var filesById = {}
82
83
    function publish() {
84
      publishBtn.disabled = true
85
      var content
86
      try {
87
        content = JSON.parse(ta.value)
88
      } catch (err) {
89
        meta.text = ta.value
90
        meta.mentions = mentions(ta.value).map(function (mention) {
91
          // merge markdown-detected mention with file info
92
          var file = filesById[mention.link]
93
          if (file) {
94
            if (file.type) mention.type = file.type
95
            if (file.size) mention.size = file.size
96
          }
97
          return mention
98
        })
99
        try {
100
          meta = opts.prepublish(meta)
101
        } catch (err) {
102
          publishBtn.disabled = false
103
          if (cb) cb(err)
104
          else alert(err.message)
105
        }
106
        return api.message_confirm(meta, done)
107
      }
108
109
      api.message_confirm(content, done)
110
111
      function done (err, msg) {
112
        publishBtn.disabled = false
113
        if(err) return alert(err.stack)
114
        else if (msg) ta.value = ''
115
116
        if (cb) cb(err, msg)
117
      }
118
    }
119
120
121
    var publishBtn = h('button.btn.btn-default.pull-right', 'Publish', {onclick: publish})
122
    var composer =
123
      h('div.compose', h('div.column', ta,
124
        accessories = h('div.compose__controls',
125
          //hidden until you focus the textarea
126
          {style: {display: opts.shrink === false ? '' : 'none'}},
127
          api.file_input(function (file) {
128
            files.push(file)
129
            filesById[file.link] = file
130
131
            var embed = file.type.indexOf('image/') === 0 ? '!' : ''
132
            ta.value += embed + '['+file.name+']('+file.link+')'
133
            console.log('added:', file)
134
          }),
135
          publishBtn)
136
        )
137
      )
138
139
    suggest(ta, function (name, cb) {
140
      cont.para(api.suggest_mentions(name))
141
        (function (err, ary) {
142
          cb(null, ary.reduce(function (a, b) {
143
            if(!b) return a
144
            return a.concat(b)
145
          }, []))
146
        })
147
    }, {})
148
149
    return composer
150
151
  }
152
153
}
154