Files: 5db5f5879a68ea7da4a9376e6e95b8ef07522e10 / modules_basic / compose.js
4264 bytesRaw
1 | |
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', { |
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', 'Publish', {onclick: publish}) |
122 | var composer = |
123 | h('div.compose', h('div.column', ta, |
124 | accessories = h('div.row.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 | |
155 | |
156 |
Built with git-ssb-web