Commit ee9c39f0499ced79d136914439eba10ccec934df
Merge remote-tracking branches 'origin/hyperscript' and 'angelo/render_rss'
cel committed on 6/11/2017, 12:31:49 AMParent: ad9208780b9cbebfde0a0e1f3accf636513b0b9b
Parent: e042fb79339f605bb9bea4d8d2e0c4db84d8ec89
Parent: 4eee4ae72866afa2e09c9d82babd86152644119e
Files changed
index.js | changed |
package.json | changed |
render.js | changed |
index.js | ||
---|---|---|
@@ -15,9 +15,12 @@ | ||
15 | 15 … | renderEmoji, |
16 | 16 … | formatMsgs, |
17 | 17 … | wrapPage, |
18 | 18 … | renderThread, |
19 | - renderAbout | |
19 … | + renderAbout, | |
20 … | + renderShowAll, | |
21 … | + renderRssItem, | |
22 … | + wrapRss, | |
20 | 23 … | } = require('./render'); |
21 | 24 … | |
22 | 25 … | var appHash = hash([fs.readFileSync(__filename)]) |
23 | 26 … | |
@@ -89,37 +92,51 @@ | ||
89 | 92 … | default: return servePath(req, res, m[4]) |
90 | 93 … | } |
91 | 94 … | } |
92 | 95 … | |
93 | - function serveFeed(req, res, feedId) { | |
96 … | + function serveFeed(req, res, feedId, ext) { | |
94 | 97 … | console.log("serving feed: " + feedId) |
95 | 98 … | |
96 | - var showAll = req.url.endsWith("?showAll") | |
97 | - var showAllHTML = showAll ? '' : '<br/><a href="' + req.url + '?showAll">Show whole feed</a>' | |
99 … | + var showAll = req.url.endsWith("?showAll"); | |
98 | 100 … | |
99 | 101 … | getAbout(feedId, function (err, about) { |
100 | 102 … | if (err) return respond(res, 500, err.stack || err) |
101 | 103 … | |
102 | - pull( | |
103 | - sbot.createUserStream({ id: feedId, reverse: true, limit: showAll ? -1 : 10 }), | |
104 | - pull.collect(function (err, logs) { | |
105 | - if (err) return respond(res, 500, err.stack || err) | |
106 | - res.writeHead(200, { | |
107 | - 'Content-Type': ctype("html") | |
108 | - }) | |
109 | - pull( | |
110 | - pull.values(logs), | |
111 | - paramap(addAuthorAbout, 8), | |
112 | - paramap(addFollowAbout, 8), | |
113 | - paramap(addVoteMessage, 8), | |
114 | - paramap(addGitLinks, 8), | |
115 | - pull(renderAbout(defaultOpts, about, showAllHTML), wrapPage(about.name)), | |
116 | - toPull(res, function (err) { | |
117 | - if (err) console.error('[viewer]', err) | |
118 | - }) | |
119 | - ) | |
120 | - }) | |
121 | - ) | |
104 … | + function render() { | |
105 … | + switch (ext) { | |
106 … | + case 'rss': | |
107 … | + return pull( | |
108 … | + // formatMsgs(feedId, ext, defaultOpts) | |
109 … | + renderRssItem(defaultOpts), wrapRss(about.name, defaultOpts) | |
110 … | + ); | |
111 … | + default: | |
112 … | + return pull( | |
113 … | + renderAbout(defaultOpts, about, | |
114 … | + renderShowAll(showAll, req.url)), wrapPage(about.name) | |
115 … | + ); | |
116 … | + } | |
117 … | + } | |
118 … | + | |
119 … | + pull( | |
120 … | + sbot.createUserStream({ id: feedId, reverse: true, limit: showAll ? -1 : (ext == 'rss' ? 25 :10) }), | |
121 … | + pull.collect(function (err, logs) { | |
122 … | + if (err) return respond(res, 500, err.stack || err) | |
123 … | + res.writeHead(200, { | |
124 … | + 'Content-Type': ctype(ext) | |
125 … | + }) | |
126 … | + pull( | |
127 … | + pull.values(logs), | |
128 … | + paramap(addAuthorAbout, 8), | |
129 … | + paramap(addFollowAbout, 8), | |
130 … | + paramap(addVoteMessage, 8), | |
131 … | + paramap(addGitLinks, 8), | |
132 … | + render(), | |
133 … | + toPull(res, function (err) { | |
134 … | + if (err) console.error('[viewer]', err) | |
135 … | + }) | |
136 … | + ) | |
137 … | + }) | |
138 … | + ) | |
122 | 139 … | }) |
123 | 140 … | } |
124 | 141 … | |
125 | 142 … | function serveUserFeed(req, res, url) { |
@@ -195,9 +212,8 @@ | ||
195 | 212 … | var channelId = url.substring(url.lastIndexOf('channel/')+8, 100) |
196 | 213 … | console.log("serving channel: " + channelId) |
197 | 214 … | |
198 | 215 … | var showAll = req.url.endsWith("?showAll") |
199 | - var showAllHTML = showAll ? '' : '<br/><a href="' + req.url + '?showAll">Show whole feed</a>' | |
200 | 216 … | |
201 | 217 … | pull( |
202 | 218 … | sbot.query.read({ limit: showAll ? 300 : 10, reverse: true, query: [{$filter: { value: { content: { channel: channelId }}}}]}), |
203 | 219 … | pull.collect(function (err, logs) { |
@@ -208,9 +224,11 @@ | ||
208 | 224 … | pull( |
209 | 225 … | pull.values(logs), |
210 | 226 … | paramap(addAuthorAbout, 8), |
211 | 227 … | paramap(addVoteMessage, 8), |
212 | - pull(renderThread(defaultOpts, showAllHTML), wrapPage('#' + channelId)), | |
228 … | + pull(renderThread(defaultOpts, | |
229 … | + renderShowAll(showAll, req.url)), | |
230 … | + wrapPage('#' + channelId)), | |
213 | 231 … | toPull(res, function (err) { |
214 | 232 … | if (err) console.error('[viewer]', err) |
215 | 233 … | }) |
216 | 234 … | ) |
@@ -362,8 +380,9 @@ | ||
362 | 380 … | case 'html': return 'text/html' |
363 | 381 … | case 'js': return 'text/javascript' |
364 | 382 … | case 'css': return 'text/css' |
365 | 383 … | case 'json': return 'application/json' |
384 … | + case 'rss': return 'text/xml' | |
366 | 385 … | } |
367 | 386 … | } |
368 | 387 … | |
369 | 388 … | function servePath(req, res, url) { |
package.json | ||
---|---|---|
@@ -8,8 +8,9 @@ | ||
8 | 8 … | "asyncmemo": "^1.0.0", |
9 | 9 … | "emoji-named-characters": "^1.0.2", |
10 | 10 … | "emoji-server": "^1.0.0", |
11 | 11 … | "human-time": "^0.0.1", |
12 … | + "hyperscript": "2.0.2", | |
12 | 13 … | "lrucache": "^1.0.2", |
13 | 14 … | "pull-cat": "^1.1.11", |
14 | 15 … | "pull-paramap": "^1.2.1", |
15 | 16 … | "pull-stream": "^3.5.0", |
render.js | |||
---|---|---|---|
@@ -3,8 +3,9 @@ | |||
3 | 3 … | var marked = require("ssb-marked"); | |
4 | 4 … | var htime = require("human-time"); | |
5 | 5 … | var emojis = require("emoji-named-characters"); | |
6 | 6 … | var cat = require("pull-cat"); | |
7 … | +var h = require('hyperscript'); | ||
7 | 8 … | ||
8 | 9 … | var emojiDir = path.join(require.resolve("emoji-named-characters"), "../pngs"); | |
9 | 10 … | ||
10 | 11 … | exports.wrapPage = wrapPage; | |
@@ -12,8 +13,11 @@ | |||
12 | 13 … | exports.renderEmoji = renderEmoji; | |
13 | 14 … | exports.formatMsgs = formatMsgs; | |
14 | 15 … | exports.renderThread = renderThread; | |
15 | 16 … | exports.renderAbout = renderAbout; | |
17 … | +exports.renderShowAll = renderShowAll; | ||
18 … | +exports.renderRssItem = renderRssItem; | ||
19 … | +exports.wrapRss = wrapRss; | ||
16 | 20 … | ||
17 | 21 … | function MdRenderer(opts) { | |
18 | 22 … | marked.Renderer.call(this, {}); | |
19 | 23 … | this.opts = opts; | |
@@ -38,19 +42,13 @@ | |||
38 | 42 … | return href; | |
39 | 43 … | }; | |
40 | 44 … | ||
41 | 45 … | MdRenderer.prototype.image = function(href, title, text) { | |
42 | - return ( | ||
43 | - '<img src="' + | ||
44 | - this.opts.img_base + | ||
45 | - escape(href) + | ||
46 | - '"' + | ||
47 | - ' alt="' + | ||
48 | - text + | ||
49 | - '"' + | ||
50 | - (title ? ' title="' + title + '"' : "") + | ||
51 | - (this.options.xhtml ? "/>" : ">") | ||
52 | - ); | ||
46 … | + return h('img', | ||
47 … | + { src: this.opts.img_base + href, | ||
48 … | + alt: text, | ||
49 … | + title: title | ||
50 … | + }).outerHTML; | ||
53 | 51 … | }; | |
54 | 52 … | ||
55 | 53 … | function renderEmoji(emoji) { | |
56 | 54 … | var opts = this.renderer.opts; | |
@@ -58,18 +56,14 @@ | |||
58 | 56 … | var url = mentions[emoji] | |
59 | 57 … | ? opts.blob_base + encodeURIComponent(mentions[emoji]) | |
60 | 58 … | : emoji in emojis && opts.emoji_base + escape(emoji) + '.png'; | |
61 | 59 … | return url | |
62 | - ? '<img src="' + | ||
63 | - url + | ||
64 | - '"' + | ||
65 | - ' alt=":' + | ||
66 | - escape(emoji) + | ||
67 | - ':"' + | ||
68 | - ' title=":' + | ||
69 | - escape(emoji) + | ||
70 | - ':"' + | ||
71 | - ' class="ssb-emoji" height="16" width="16">' | ||
60 … | + ? h('img.ssb-emoji', | ||
61 … | + { src: url, | ||
62 … | + alt: ':' + escape(emoji) + ':', | ||
63 … | + title: ':' + escape(emoji) + ':', | ||
64 … | + height: 16, width: 16 | ||
65 … | + }).outerHTML | ||
72 | 66 … | : ":" + emoji + ":"; | |
73 | 67 … | } | |
74 | 68 … | ||
75 | 69 … | function escape(str) { | |
@@ -87,8 +81,10 @@ | |||
87 | 81 … | case "js": | |
88 | 82 … | return pull(renderThread(opts), wrapJSEmbed(opts)); | |
89 | 83 … | case "json": | |
90 | 84 … | return wrapJSON(); | |
85 … | + case "rss": | ||
86 … | + return pull(renderRssItem(opts), wrapRss(id, opts)); | ||
91 | 87 … | default: | |
92 | 88 … | return null; | |
93 | 89 … | } | |
94 | 90 … | } | |
@@ -98,46 +94,54 @@ | |||
98 | 94 … | return cat([pull.once(before), read, pull.once(after)]); | |
99 | 95 … | }; | |
100 | 96 … | } | |
101 | 97 … | ||
98 … | +function callToAction() { | ||
99 … | + return h('a.call-to-action', | ||
100 … | + { href: 'https://www.scuttlebutt.nz' }, | ||
101 … | + 'Join Scuttlebutt now').outerHTML; | ||
102 … | +} | ||
103 … | + | ||
104 … | +function toolTipTop() { | ||
105 … | + return h('span.top-tip', | ||
106 … | + 'You are reading content from ', | ||
107 … | + h('a', { href: 'https://www.scuttlebutt.nz' }, | ||
108 … | + 'Scuttlebutt')).outerHTML; | ||
109 … | +} | ||
110 … | + | ||
102 | 111 … | function renderAbout(opts, about, showAllHTML = "") { | |
112 … | + var figCaption = h('figcaption'); | ||
113 … | + figCaption.innerHTML = 'Feed of ' + about.name + '<br>' + | ||
114 … | + (about.description != undefined ? | ||
115 … | + marked(about.description, opts.marked) : ''); | ||
103 | 116 … | return pull( | |
104 | 117 … | pull.map(renderMsg.bind(this, opts)), | |
105 | - wrap( | ||
106 | - '<span class="top-tip">You are reading content from ' + | ||
107 | - '<a href="https://www.scuttlebutt.nz">Scuttlebutt</a>' + | ||
108 | - '</span>' + | ||
109 | - '<main>' + | ||
110 | - '<article><header><figure>' + | ||
111 | - '<img src="' + opts.img_base + escape(about.image) + '" ' + | ||
112 | - 'height="200" width="200"><figcaption>' + | ||
113 | - 'Feed of ' + about.name + '<br/>' + | ||
114 | - (about.description != undefined ? | ||
115 | - marked(about.description, opts.marked) : '') + | ||
116 | - '</figcaption></figure></header></article>', | ||
117 | - | ||
118 | - showAllHTML + '</main>' + | ||
119 | - '<a class="call-to-action" href="https://www.scuttlebutt.nz">' + | ||
120 | - 'Join Scuttlebutt now' + | ||
121 | - '</a>' | ||
122 | - ) | ||
118 … | + wrap(toolTipTop() + '<main>' + | ||
119 … | + h('article', | ||
120 … | + h('header', | ||
121 … | + h('figure', | ||
122 … | + h('img', | ||
123 … | + { src: opts.img_base + about.image, | ||
124 … | + height: 200, | ||
125 … | + width: 200 | ||
126 … | + }), | ||
127 … | + figCaption) | ||
128 … | + )).outerHTML, | ||
129 … | + showAllHTML + '</main>' + callToAction()) | ||
123 | 130 … | ); | |
124 | 131 … | } | |
125 | 132 … | ||
126 | 133 … | function renderThread(opts, showAllHTML = "") { | |
127 | 134 … | return pull( | |
128 | 135 … | pull.map(renderMsg.bind(this, opts)), | |
129 | - wrap( | ||
130 | - '<span class="top-tip">You are reading content from ' + | ||
131 | - '<a href="https://www.scuttlebutt.nz">Scuttlebutt</a>' + | ||
132 | - '</span>' + | ||
133 | - '<main>', | ||
136 … | + wrap(toolTipTop() + '<main>', | ||
137 … | + showAllHTML + '</main>' + callToAction()) | ||
138 … | + ); | ||
139 … | +} | ||
134 | 140 … | ||
135 | - showAllHTML + '</main>' + | ||
136 | - '<a class="call-to-action" href="https://www.scuttlebutt.nz">' + | ||
137 | - 'Join Scuttlebutt now' + | ||
138 | - '</a>' | ||
139 | - ) | ||
141 … | +function renderRssItem(opts) { | ||
142 … | + return pull( | ||
143 … | + pull.map(renderRss.bind(this, opts)) | ||
140 | 144 … | ); | |
141 | 145 … | } | |
142 | 146 … | ||
143 | 147 … | function wrapPage(id) { | |
@@ -153,8 +157,20 @@ | |||
153 | 157 … | "</body></html>" | |
154 | 158 … | ); | |
155 | 159 … | } | |
156 | 160 … | ||
161 … | +function wrapRss(id, opts) { | ||
162 … | + return wrap( | ||
163 … | + '<?xml version="1.0" encoding="UTF-8" ?>' + | ||
164 … | + '<rss version="2.0">' + | ||
165 … | + '<channel>' + | ||
166 … | + '<title>' + id + ' | ssb-viewer</title>', | ||
167 … | + | ||
168 … | + '</channel>'+ | ||
169 … | + '</rss>' | ||
170 … | + ); | ||
171 … | +} | ||
172 … | + | ||
157 | 173 … | var styles = ` | |
158 | 174 … | <style> | |
159 | 175 … | html { background-color: #f1f3f5; } | |
160 | 176 … | body { | |
@@ -319,153 +335,164 @@ | |||
319 | 335 … | ||
320 | 336 … | function renderMsg(opts, msg) { | |
321 | 337 … | var c = msg.value.content || {}; | |
322 | 338 … | var name = encodeURIComponent(msg.key); | |
339 … | + return h('article#' + name, | ||
340 … | + h('header', | ||
341 … | + h('figure', | ||
342 … | + h('img', { alt: '', | ||
343 … | + src: opts.img_base + msg.author.image, | ||
344 … | + height: 50, width: 50 }), | ||
345 … | + h('figcaption', | ||
346 … | + h('a.ssb-avatar-name', | ||
347 … | + { href: opts.base + escape(msg.value.author) }, | ||
348 … | + msg.author.name), | ||
349 … | + msgTimestamp(msg, opts.base + name)))), | ||
350 … | + render(opts, c)).outerHTML; | ||
351 … | +} | ||
352 … | + | ||
353 … | +function renderRss(opts, msg) { | ||
354 … | + var c = msg.value.content || {}; | ||
355 … | + var name = encodeURIComponent(msg.key); | ||
356 … | + | ||
357 … | + let content = render(opts, c); | ||
358 … | + | ||
359 … | + if (!content) { | ||
360 … | + return null; | ||
361 … | + } | ||
362 … | + | ||
323 | 363 … | return ( | |
324 | - '<article id="' + | ||
325 | - name + | ||
326 | - '">' + | ||
327 | - '<header>' + | ||
328 | - '<figure>' + | ||
329 | - '<img alt="" ' + | ||
330 | - 'src="' + opts.img_base + escape(msg.author.image) + '" ' + | ||
331 | - 'height="50" width="50">' + | ||
332 | - '<figcaption>' + | ||
333 | - '<a class="ssb-avatar-name"' + | ||
334 | - ' href="' + opts.base + | ||
335 | - escape(msg.value.author) + | ||
336 | - '"' + | ||
337 | - ">" + msg.author.name + "</a>" + | ||
338 | - msgTimestamp(msg, opts.base + name) + | ||
339 | - '</figcaption>' + | ||
340 | - '</figure>' + | ||
341 | - '</header>' + | ||
342 | - render(opts, c) + | ||
343 | - "</article>" | ||
364 … | + '<item>' + | ||
365 … | + '<title>' + msg.author.name + ' | ' + c.type + '</title>' + | ||
366 … | + '<description><![CDATA[' + content + ']]></description>' + | ||
367 … | + '<link>' + opts.base + escape(name) + '</link>' + | ||
368 … | + '<pubDate>' + new Date(msg.value.timestamp).toUTCString() + '</pubDate>' + | ||
369 … | + '<guid>' + msg.key + '</guid>' + | ||
370 … | + '</item>' | ||
344 | 371 … | ); | |
345 | 372 … | } | |
346 | 373 … | ||
347 | 374 … | function msgTimestamp(msg, link) { | |
348 | 375 … | var date = new Date(msg.value.timestamp); | |
349 | 376 … | var isoStr = date.toISOString(); | |
350 | - return ( | ||
351 | - '<time class="ssb-timestamp" datetime="' + isoStr + '">' + | ||
352 | - '<a ' + | ||
353 | - 'href="' + link + '" ' + | ||
354 | - 'title="' + isoStr + '" ' + | ||
355 | - '>' + formatDate(date) + '</a>' + | ||
356 | - '</time>' | ||
357 | - ); | ||
377 … | + return h('time.ssb-timestamp', | ||
378 … | + { datetime: isoStr }, | ||
379 … | + h('a', | ||
380 … | + { href: link, | ||
381 … | + title: isoStr }, | ||
382 … | + formatDate(date))); | ||
358 | 383 … | } | |
359 | 384 … | ||
360 | 385 … | function formatDate(date) { | |
361 | - // return date.toISOString().replace('T', ' ') | ||
362 | 386 … | return htime(date); | |
363 | 387 … | } | |
364 | 388 … | ||
365 | 389 … | function render(opts, c) { | |
366 | 390 … | var base = opts.base; | |
367 | 391 … | if (c.type === "post") { | |
368 | 392 … | var channel = c.channel | |
369 | - ? '<div class="top-right"><a href="' + base + 'channel/' + c.channel + '">#' + c.channel + "</a></div>" | ||
370 | - : ""; | ||
371 | - return channel + renderPost(opts, c); | ||
393 … | + ? h('div.top-right', | ||
394 … | + h('a', | ||
395 … | + { href: base + 'channel/' + c.channel }, | ||
396 … | + '#' + c.channel)) | ||
397 … | + : ""; | ||
398 … | + return [channel, renderPost(opts, c)]; | ||
372 | 399 … | } else if (c.type == "vote" && c.vote.expression == "Dig") { | |
373 | 400 … | var channel = c.channel | |
374 | - ? ' in <a href="' + base + 'channel/' + c.channel + '">#' + c.channel + "</a>" | ||
375 | - : ""; | ||
401 … | + ? [' in ', | ||
402 … | + h('a', | ||
403 … | + { href: base + 'channel/' + c.channel }, | ||
404 … | + '#' + c.channel)] | ||
405 … | + : ""; | ||
376 | 406 … | var linkedText = "this"; | |
377 | 407 … | if (typeof c.vote.linkedText != "undefined") | |
378 | - linkedText = c.vote.linkedText.substring(0, 75); | ||
379 | - return ('<span class="status">' + | ||
380 | - 'Liked ' + | ||
381 | - '<a href="' + base + | ||
382 | - c.vote.link + | ||
383 | - '">' + | ||
384 | - linkedText + | ||
385 | - "</a>" + | ||
386 | - channel + | ||
387 | - '</span>' | ||
388 | - ); | ||
408 … | + linkedText = c.vote.linkedText.substring(0, 75); | ||
409 … | + return h('span.status', | ||
410 … | + ['Liked ', | ||
411 … | + h('a', { href: base + c.vote.link }, linkedText), | ||
412 … | + channel]); | ||
389 | 413 … | } else if (c.type == "vote") { | |
390 | 414 … | var linkedText = "this"; | |
391 | 415 … | if (typeof c.vote.linkedText != "undefined") | |
392 | 416 … | linkedText = c.vote.linkedText.substring(0, 75); | |
393 | - return '<span class="status">' + | ||
394 | - 'Voted <a href="' + base + c.vote.link + '">' + linkedText + "</a>" + | ||
395 | - '</span>'; | ||
417 … | + return h('span.status', | ||
418 … | + ['Voted ', | ||
419 … | + h('a', { href: base + c.vote.link }, linkedText)]); | ||
396 | 420 … | } else if (c.type == "contact" && c.following) { | |
397 | 421 … | var name = c.contact; | |
398 | - if (typeof c.contactAbout != "undefined") name = c.contactAbout.name; | ||
399 | - return '<span class="status">' + | ||
400 | - 'Followed <a href="' + base + c.contact + '">' + name + "</a>" + | ||
401 | - '</span>'; | ||
422 … | + if (typeof c.contactAbout != "undefined") | ||
423 … | + name = c.contactAbout.name; | ||
424 … | + return h('span.status', | ||
425 … | + ['Followed ', | ||
426 … | + h('a', { href: base + c.contact }, name)]); | ||
402 | 427 … | } else if (c.type == "contact" && !c.following) { | |
403 | 428 … | var name = c.contact; | |
404 | - if (typeof c.contactAbout != "undefined") name = c.contactAbout.name; | ||
405 | - return '<span class="status">' + | ||
406 | - 'Unfollowed <a href="' + base + c.contact + '">' + name + "</a>" + | ||
407 | - '</span>'; | ||
429 … | + if (typeof c.contactAbout != "undefined") | ||
430 … | + name = c.contactAbout.name; | ||
431 … | + return h('span.status', | ||
432 … | + ['Unfollowed ', | ||
433 … | + h('a', { href: base + c.contact }, name)]); | ||
408 | 434 … | } else if (typeof c == "string") { | |
409 | - return '<span class="status">' + | ||
410 | - "Wrote something private" + | ||
411 | - '</span>'; | ||
435 … | + return h('span.status', 'Wrote something private') | ||
412 | 436 … | } | |
413 | 437 … | else if (c.type == "about") { | |
414 | - return '<span class="status">' + | ||
415 | - "Changed something in about" + | ||
416 | - '</span>' + | ||
417 | - renderDefault(c); | ||
438 … | + return [h('span.status', 'Changed something in about'), | ||
439 … | + renderDefault(c)]; | ||
418 | 440 … | } | |
419 | 441 … | else if (c.type == "issue") { | |
420 | - return '<span class="status">' + | ||
421 | - "Created a git issue" + (c.repoName != undefined ? " in repo " + c.repoName : "") + renderPost(opts, c) + | ||
422 | - '</span>'; | ||
442 … | + return [h('span.status', | ||
443 … | + "Created a git issue" + | ||
444 … | + (c.repoName != undefined ? " in repo " + c.repoName : ""), | ||
445 … | + renderPost(opts, c))]; | ||
423 | 446 … | } | |
424 | 447 … | else if (c.type == "git-update") { | |
425 | - return '<span class="status">' + | ||
426 | - "Did a git update " + (c.repoName != undefined ? " in repo " + c.repoName : "") + | ||
427 | - "<br/>" + | ||
428 | - (c.commits != undefined ? c.commits.map(com => { return "-" +com.title; }).join("<br/>") : "") + | ||
429 | - '</span>' | ||
448 … | + return h('span.status', | ||
449 … | + "Did a git update " + | ||
450 … | + (c.repoName != undefined ? " in repo " + c.repoName : "") + | ||
451 … | + '<br>' + | ||
452 … | + (c.commits != undefined ? | ||
453 … | + c.commits.map(com => { return "-" +com.title; }).join('<br>') : "")); | ||
430 | 454 … | } | |
431 | 455 … | else if (c.type == "ssb-dns") { | |
432 | - return '<span class="status">' + | ||
433 | - "Updated DNS" + | ||
434 | - '</span>' + | ||
435 | - renderDefault(c); | ||
456 … | + return [h('span.status', 'Updated DNS'), renderDefault(c)]; | ||
436 | 457 … | } | |
437 | 458 … | else if (c.type == "pub") { | |
438 | - return '<span class="status">' + | ||
439 | - "Connected to the pub " + c.address.host + | ||
440 | - '</span>' | ||
459 … | + return h('span.status', 'Connected to the pub ' + c.address.host); | ||
441 | 460 … | } | |
442 | 461 … | else if (c.type == "channel" && c.subscribed) | |
443 | - return '<span class="status">' + | ||
444 | - 'Subscribed to channel <a href="' + base + 'channel/' + | ||
445 | - c.channel + | ||
446 | - '">#' + | ||
447 | - c.channel + | ||
448 | - "</a>" + | ||
449 | - '</span>'; | ||
462 … | + return h('span.status', | ||
463 … | + 'Subscribed to channel ', | ||
464 … | + h('a', | ||
465 … | + { href: base + 'channel/' + c.channel }, | ||
466 … | + '#' + c.channel)); | ||
450 | 467 … | else if (c.type == "channel" && !c.subscribed) | |
451 | - return '<span class="status">' + | ||
452 | - 'Unsubscribed from channel <a href="' + base + 'channel/' + | ||
453 | - c.channel + | ||
454 | - '">#' + | ||
455 | - c.channel + | ||
456 | - "</a>" + | ||
457 | - '</span>'; | ||
468 … | + return h('span.status', | ||
469 … | + 'Unsubscribed from channel ', | ||
470 … | + h('a', | ||
471 … | + { href: base + 'channel/' + c.channel }, | ||
472 … | + '#' + c.channel)) | ||
458 | 473 … | else return renderDefault(c); | |
459 | 474 … | } | |
460 | 475 … | ||
461 | 476 … | function renderPost(opts, c) { | |
462 | 477 … | opts.mentions = {}; | |
463 | - if (Array.isArray(c.mentions)) c.mentions.forEach(function (link) { | ||
464 | - if (link && link.name && link.link) opts.mentions[link.name] = link.link; | ||
465 | - }); | ||
466 | - return '<section>' + marked(String(c.text), opts.marked) + "</section>"; | ||
478 … | + if (Array.isArray(c.mentions)) { | ||
479 … | + c.mentions.forEach(function (link) { | ||
480 … | + if (link && link.name && link.link) | ||
481 … | + opts.mentions[link.name] = link.link; | ||
482 … | + }); | ||
483 … | + } | ||
484 … | + var s = h('section'); | ||
485 … | + s.innerHTML = marked(String(c.text), opts.marked); | ||
486 … | + return s; | ||
467 | 487 … | } | |
468 | 488 … | ||
469 | 489 … | function renderDefault(c) { | |
470 | - return "<pre>" + JSON.stringify(c, 0, 2) + "</pre>"; | ||
490 … | + return h('pre', JSON.stringify(c, 0, 2)); | ||
471 | 491 … | } | |
492 … | + | ||
493 … | +function renderShowAll(showAll, url) { | ||
494 … | + if (showAll) | ||
495 … | + return ''; | ||
496 … | + else | ||
497 … | + return '<br>' + h('a', { href : url + '?showAll' }, 'Show whole feed').outerHTML; | ||
498 … | +} |
Built with git-ssb-web