Files: 5520046395ab6e0f831cc2f321b11dcad98ed715 / render.js
9857 bytesRaw
1 | var h = require('hyperscript') |
2 | var pull = require('pull-stream') |
3 | var human = require('human-time') |
4 | |
5 | var sbot = require('./scuttlebot') |
6 | var composer = require('./compose') |
7 | var tools = require('./tools') |
8 | |
9 | var config = require('./config')() |
10 | var id = require('./keys').id |
11 | var avatar = require('./avatar') |
12 | var ssbAvatar = require('ssb-avatar') |
13 | |
14 | var diff = require('diff') |
15 | |
16 | function hash () { |
17 | return window.location.hash.substring(1) |
18 | } |
19 | |
20 | module.exports = function (msg) { |
21 | var message = h('div.message#' + msg.key.substring(0, 44)) |
22 | |
23 | if (!localStorage[msg.value.author]) |
24 | var cache = {mute: false} |
25 | else |
26 | var cache = JSON.parse(localStorage[msg.value.author]) |
27 | |
28 | if (cache.mute == true) { |
29 | var muted = h('span', ' muted') |
30 | message.appendChild(tools.mini(msg, muted)) |
31 | return message |
32 | } |
33 | |
34 | else if (msg.value.content.type == 'label'){ |
35 | var content = h('span', ' labeled ' , tools.messageLink(msg.value.content.link), ' as ', h('mark', h('a', {href: '#label/' + msg.value.content.label}, msg.value.content.label))) |
36 | message.appendChild(tools.mini(msg, content)) |
37 | return message |
38 | } |
39 | |
40 | else if (msg.value.content.type == 'queue') { |
41 | if (msg.value.content.queue == true) { |
42 | var content = h('span', ' added ', tools.messageLink(msg.value.content.message), ' to their ', h('a', {href: '#queue'}, 'queue')) |
43 | message.appendChild(tools.mini(msg, content)) |
44 | } |
45 | if (msg.value.content.queue == false) { |
46 | var content = h('span', ' removed ', tools.messageLink(msg.value.content.message), ' from their ', h('a', {href: '#queue'}, 'queue')) |
47 | message.appendChild(tools.mini(msg, content)) |
48 | |
49 | } |
50 | return message |
51 | } |
52 | |
53 | else if (msg.value.content.type == 'edit') { |
54 | message.appendChild(tools.header(msg)) |
55 | if (msg.value.content.text) { |
56 | var current = msg.value.content.text |
57 | sbot.get(msg.value.content.updated, function (err, updated) { |
58 | if (updated) { |
59 | // quick fix, need to decrypt messages if they're private |
60 | if (updated.content.text) { |
61 | fragment = document.createDocumentFragment() |
62 | var previous = updated.content.text |
63 | var ready = diff.diffWords(previous, current) |
64 | ready.forEach(function (part) { |
65 | if (part.added === true) { |
66 | color = 'blue' |
67 | } else if (part.removed === true) { |
68 | color = 'gray' |
69 | } else {color = '#333'} |
70 | var span = h('span') |
71 | span.style.color = color |
72 | if (part.removed === true) { |
73 | span.appendChild(h('del', document.createTextNode(part.value))) |
74 | } else { |
75 | span.appendChild(document.createTextNode(part.value)) |
76 | } |
77 | fragment.appendChild(span) |
78 | }) |
79 | message.appendChild(h('code', fragment)) |
80 | } |
81 | } |
82 | }) |
83 | } |
84 | return message |
85 | } |
86 | |
87 | else if (msg.value.content.type == 'scat_message') { |
88 | var src = hash() |
89 | if (src != 'backchannel') { |
90 | message.appendChild(h('button.btn.right', h('a', {href: '#backchannel'}, 'Chat'))) |
91 | } |
92 | message.appendChild(tools.mini(msg, ' ' + msg.value.content.text)) |
93 | return message |
94 | } |
95 | else if (msg.value.content.type == 'contact') { |
96 | if (msg.value.content.contact) { |
97 | var contact = h('a', {href: '#' + msg.value.content.contact}, avatar.name(msg.value.content.contact)) |
98 | } else { var contact = h('p', 'no contact named')} |
99 | |
100 | if (msg.value.content.following == true) { |
101 | var following = h('span', ' follows ', contact) |
102 | message.appendChild(tools.mini(msg, following)) |
103 | } |
104 | if (msg.value.content.following == false) { |
105 | var unfollowing = h('span', ' unfollows ', contact) |
106 | message.appendChild(tools.mini(msg, unfollowing)) |
107 | } |
108 | if (msg.value.content.blocking == true) { |
109 | var blocking = h('span', ' blocks ', contact) |
110 | message.appendChild(tools.mini(msg, blocking)) |
111 | } |
112 | if (msg.value.content.blocking == false) { |
113 | var unblocking = h('span', ' unblocks ', contact) |
114 | message.appendChild(tools.mini(msg, unblocking)) |
115 | } |
116 | return message |
117 | |
118 | |
119 | |
120 | } else if (msg.value.content.type == 'post') { |
121 | var opts = { |
122 | type: 'post', |
123 | branch: msg.key |
124 | } |
125 | var fallback = {} |
126 | |
127 | |
128 | if (msg.value.content.root) |
129 | opts.root = msg.value.content.root |
130 | else |
131 | opts.root = msg.key |
132 | |
133 | message.appendChild(tools.header(msg)) |
134 | |
135 | if (msg.value.content.root) |
136 | message.appendChild(h('span', 're: ', tools.messageLink(msg.value.content.root))) |
137 | |
138 | message.appendChild(h('div.message__body', tools.markdown(msg.value.content.text))) |
139 | |
140 | pull( |
141 | sbot.query({query: [{$filter: {value: {content: {type: 'edit', original: msg.key}}}}], limit: 100}), |
142 | pull.drain(function (update) { |
143 | if (update.sync) { |
144 | } else { |
145 | var newMessage = h('div', tools.markdown(update.value.content.text)) |
146 | var latest = h('div.message__body', |
147 | tools.timestamp(update, {edited: true}), |
148 | newMessage |
149 | ) |
150 | message.replaceChild(latest, message.childNodes[message.childNodes.length - 2]) |
151 | fallback.messageText = update.value.content.text |
152 | opts.updated = update.key |
153 | opts.original = msg.key |
154 | } |
155 | }) |
156 | ) |
157 | |
158 | pull( |
159 | sbot.query({query: [{$filter: {value: { content: {type: 'label', link: msg.key}}}}], limit: 100, live: true}), |
160 | pull.drain(function (labels) { |
161 | console.log(labels) |
162 | if (labels.value){ |
163 | message.appendChild(h('span', ' ', h('mark', h('a', {href: '/#label/' + labels.value.content.label}, labels.value.content.label)))) |
164 | |
165 | } |
166 | }) |
167 | ) |
168 | |
169 | var name = avatar.name(msg.value.author) |
170 | |
171 | var buttons = h('div.buttons') |
172 | |
173 | buttons.appendChild(h('button.btn', 'Reply', { |
174 | onclick: function () { |
175 | opts.type = 'post' |
176 | opts.mentions = '[' + name.textContent + '](' + msg.value.author + ')' |
177 | if (msg.value.content.recps) { |
178 | opts.recps = msg.value.content.recps |
179 | } |
180 | var r = message.childNodes.length - 1 |
181 | delete opts.updated |
182 | delete opts.original |
183 | delete fallback.messageText |
184 | fallback.buttons = message.childNodes[r] |
185 | var compose = h('div.message#re:' + msg.key.substring(0, 44), composer(opts, fallback)) |
186 | message.removeChild(message.childNodes[r]) |
187 | message.parentNode.insertBefore(compose, message.nextSibling) |
188 | } |
189 | })) |
190 | |
191 | buttons.appendChild(h('button.btn', 'Boost', { |
192 | onclick: function () { |
193 | opts.type = 'post' |
194 | opts.mentions = '[' + name.textContent + '](' + msg.value.author + ')' |
195 | if (msg.value.content.recps) { |
196 | opts.recps = msg.value.content.recps |
197 | } |
198 | var r = message.childNodes.length - 1 |
199 | delete opts.updated |
200 | delete opts.original |
201 | delete fallback.messageText |
202 | opts.boostContent = msg.value.content.text |
203 | opts.boostKey = msg.key |
204 | opts.boostAuthor = msg.value.author |
205 | fallback.buttons = message.childNodes[r] |
206 | var compose = h('div.message#re:' + msg.key.substring(0, 44), composer(opts, fallback)) |
207 | message.removeChild(message.childNodes[r]) |
208 | message.parentNode.insertBefore(compose, message.nextSibling) |
209 | } |
210 | })) |
211 | |
212 | |
213 | if (msg.value.author == id) |
214 | buttons.appendChild(h('button.btn', 'Edit', { |
215 | onclick: function () { |
216 | opts.type = 'edit' |
217 | if (!fallback.messageText) |
218 | fallback.messageText = msg.value.content.text |
219 | |
220 | if (!opts.updated) |
221 | opts.updated = msg.key |
222 | opts.original = msg.key |
223 | |
224 | var r = message.childNodes.length - 1 |
225 | fallback.buttons = message.childNodes[r] |
226 | message.removeChild(message.childNodes[r]) |
227 | var compose = h('div#edit:' + msg.key.substring(0, 44), composer(opts, fallback)) |
228 | message.replaceChild(compose, message.lastElementChild) |
229 | } |
230 | })) |
231 | |
232 | var inputter = h('input', {placeholder: 'Add label to this post ie. ssblist, job, rental'}) |
233 | |
234 | var labeler = h('div', |
235 | inputter, |
236 | h('button.btn', 'Publish Label', { |
237 | onclick: function () { |
238 | var post = {} |
239 | post.type = 'label', |
240 | post.label = inputter.value, |
241 | post.link = msg.key |
242 | |
243 | sbot.publish(post, function (err, msg) { |
244 | console.log(msg) |
245 | labeler.parentNode.replaceChild(buttons, labeler) |
246 | }) |
247 | } |
248 | }) |
249 | ) |
250 | |
251 | var labels = h('button.btn', 'Add Label', { |
252 | onclick: function () { |
253 | buttons.parentNode.replaceChild(labeler, buttons) |
254 | } |
255 | }) |
256 | |
257 | buttons.appendChild(labels) |
258 | buttons.appendChild(tools.star(msg)) |
259 | message.appendChild(buttons) |
260 | return message |
261 | |
262 | } else if (msg.value.content.type == 'vote') { |
263 | if (msg.value.content.vote.value == 1) |
264 | var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'star.png'}), ' ', h('a', {href: '#' + msg.value.content.vote.link}, tools.messageLink(msg.value.content.vote.link))) |
265 | else if (msg.value.content.vote.value == -1) |
266 | var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'stars.png'}), ' ', h('a', {href: '#' + msg.value.content.vote.link}, tools.messageLink(msg.value.content.vote.link))) |
267 | message.appendChild(tools.mini(msg, link)) |
268 | return message |
269 | } else if (typeof msg.value.content === 'string') { |
270 | var privateMsg = h('span', ' sent a private message.') |
271 | message.appendChild(tools.mini(msg, privateMsg)) |
272 | return message |
273 | } else { |
274 | |
275 | //FULL FALLBACK |
276 | message.appendChild(tools.header(msg)) |
277 | message.appendChild(h('pre', tools.rawJSON(msg.value))) |
278 | |
279 | //MINI FALLBACK |
280 | //var fallback = h('span', ' ' + msg.value.content.type) |
281 | //message.appendChild(tools.mini(msg, fallback)) |
282 | return h('div', message) |
283 | } |
284 | } |
285 |
Built with git-ssb-web