git ssb

1
const { h, when, send, resolve, Value, computed } = require('mutant')
2
const nest = require('depnest')
3
const mentions = require('ssb-mentions')
4
const extend = require('xtend')
5
const addSuggest = require('suggest-box')
6
7
exports.needs = nest({
8
  'about.async.suggest': 'first',
9
  'blob.html.input': 'first',
10
  'channel.async.suggest': 'first',
11
  'emoji.sync': {
12
    names: 'first',
13
    url: 'first'
14
  },
15
  'message.async.publish': 'first'
16
})
17
18
exports.gives = nest('message.html.compose')
19
20
exports.create = function (api) {
21
  return nest('message.html.compose', compose)
22
23
  function compose ({ shrink = true, meta, prepublish, placeholder = 'Write a message' }, cb) {
24
    var files = []
25
    var filesById = {}
26
    var focused = Value(false)
27
    var hasContent = Value(false)
28
    var getProfileSuggestions = api.about.async.suggest()
29
    var getChannelSuggestions = api.channel.async.suggest()
30
31
    var blurTimeout = null
32
33
    var expanded = computed([shrink, focused, hasContent], (shrink, focused, hasContent) => {
34
      if (!shrink || hasContent) {
35
        return true
36
      } else {
37
        return focused
38
      }
39
    })
40
41
    var textArea = h('textarea', {
42
      'ev-input': function () {
43
        hasContent.set(!!textArea.value)
44
      },
45
      'ev-blur': () => {
46
        clearTimeout(blurTimeout)
47
        blurTimeout = setTimeout(() => focused.set(false), 200)
48
      },
49
      'ev-focus': send(focused.set, true),
50
      placeholder
51
    })
52
53
    var fileInput = api.blob.html.input(file => {
54
      files.push(file)
55
      filesById[file.link] = file
56
57
      var embed = file.type.indexOf('image/') === 0 ? '!' : ''
58
59
      textArea.value += embed + `[${file.name}](${file.link})`
60
      console.log('added:', file)
61
    })
62
63
    fileInput.onclick = function () {
64
      hasContent.set(true)
65
    }
66
67
    var publishBtn = h('button', { 'ev-click': publish }, 'Publish')
68
69
    var actions = h('section.actions', [
70
      fileInput,
71
      publishBtn
72
    ])
73
74
    var composer = h('Compose', {
75
      classList: when(expanded, '-expanded', '-contracted')
76
    }, [
77
      textArea,
78
      actions
79
    ])
80
81
    addSuggest(textArea, (inputText, cb) => {
82
      if (inputText[0] === '@') {
83
        cb(null, getProfileSuggestions(inputText.slice(1)))
84
      } else if (inputText[0] === '#') {
85
        cb(null, getChannelSuggestions(inputText.slice(1)))
86
      } else if (inputText[0] === ':') {
87
        // suggest emojis
88
        var word = inputText.slice(1)
89
        if (word[word.length - 1] === ':') {
90
          word = word.slice(0, -1)
91
        }
92
        // TODO: when no emoji typed, list some default ones
93
        cb(null, api.emoji.sync.names().filter(function (name) {
94
          return name.slice(0, word.length) === word
95
        }).slice(0, 100).map(function (emoji) {
96
          return {
97
            image: api.emoji.sync.url(emoji),
98
            title: emoji,
99
            subtitle: emoji,
100
            value: ':' + emoji + ':'
101
          }
102
        }))
103
      }
104
    }, {cls: 'SuggestBox'})
105
106
    return composer
107
108
    // scoped
109
110
    function publish () {
111
      publishBtn.disabled = true
112
113
      meta = extend(resolve(meta), {
114
        text: textArea.value,
115
        mentions: mentions(textArea.value).map(mention => {
116
          // merge markdown-detected mention with file info
117
          var file = filesById[mention.link]
118
          if (file) {
119
            if (file.type) mention.type = file.type
120
            if (file.size) mention.size = file.size
121
          }
122
          return mention
123
        })
124
      })
125
126
      try {
127
        if (typeof prepublish === 'function') {
128
          meta = prepublish(meta)
129
        }
130
      } catch (err) {
131
        publishBtn.disabled = false
132
        if (cb) cb(err)
133
        else throw err
134
      }
135
136
      return api.message.async.publish(meta, done)
137
138
      function done (err, msg) {
139
        publishBtn.disabled = false
140
        if (err) throw err
141
        else if (msg) textArea.value = ''
142
        if (cb) cb(err, msg)
143
      }
144
    }
145
  }
146
}
147
148