var h = require('hyperscript') var htime = require('human-time') var multicb = require('multicb') var u = require('./util') var mdInline = require('./markdown-inline') module.exports = RenderMsg function RenderMsg(render, app, msg, opts) { this.render = render this.app = app this.msg = msg this.serve = opts.serve this.value = msg && msg.value || {} var content = this.value.content this.c = content || {} this.isMissing = !content if (typeof opts === 'boolean') opts = {raw: opts} this.opts = opts || {} this.shouldWrap = this.opts.wrap !== false } RenderMsg.prototype.getMsg = function (id, cb) { if (!id) return cb() return this.serve ? this.serve.getMsgDecryptedMaybeOoo(id, cb) : this.app.getMsgDecryptedOoo(id, cb) } RenderMsg.prototype.toUrl = function (href) { return this.render.toUrl(href) } RenderMsg.prototype.linkify = function (text) { return this.render.linkify(text) } RenderMsg.prototype.raw = function (cb) { // linkify various things in the JSON. TODO: abstract this better // clone the message for linkifying var m = {}, k for (k in this.msg) m[k] = this.msg[k] m.value = {} for (k in this.msg.value) m.value[k] = this.msg.value[k] var tokens = {} // link to feed starting from this message if (m.value.sequence) { var tok = u.token() tokens[tok] = h('a', {href: this.toUrl(m.value.author + '?gt=' + (m.value.sequence-1))}, m.value.sequence) m.value.sequence = tok } if (typeof m.value.content === 'object' && m.value.content != null) { var c = m.value.content = {} for (k in this.c) c[k] = this.c[k] // link to messages of same type tok = u.token() tokens[tok] = h('a', {href: this.toUrl('/type/' + c.type)}, c.type) c.type = tok // link to channel if (c.channel) { tok = u.token() tokens[tok] = h('a', {href: this.toUrl('#' + c.channel)}, c.channel) c.channel = tok } // link to hashtags // TODO: recurse for (var k in c) { if (!c[k] || c[k][0] !== '#') continue tok = u.token() tokens[tok] = h('a', {href: this.toUrl(c[k])}, c[k]) c[k] = tok } } // link refs var els = this.linkify(JSON.stringify(m, 0, 2)) // stitch it all together for (var i = 0; i < els.length; i++) { if (typeof els[i] === 'string') { for (var tok in tokens) { if (els[i].indexOf(tok) !== -1) { var parts = els[i].split(tok) els.splice(i, 1, parts[0], tokens[tok], parts[1]) continue } } } } this.wrap(h('pre', els), cb) } RenderMsg.prototype.wrap = function (content, cb) { if (!this.shouldWrap) return cb(null, content) var date = new Date(this.msg.value.timestamp) var self = this var channel = this.c.channel ? '#' + this.c.channel : '' var done = multicb({pluck: 1, spread: true}) done()(null, [h('tr.msg-row', h('td.msg-left', h('div', this.render.avatarImage(this.msg.value.author, done())), h('div', this.render.idLink(this.msg.value.author, done())), this.recpsLine(done()) ), h('td.msg-main', h('div.msg-header', h('a.ssb-timestamp', { title: date.toLocaleString(), href: this.msg.key ? this.toUrl(this.msg.key) : undefined }, htime(date)), ' ', h('code', h('a.ssb-id', {href: this.toUrl(this.msg.key)}, this.msg.key)), channel ? [' ', h('a', {href: this.toUrl(channel)}, channel)] : '')), h('td.msg-right', this.actions()) ), h('tr', h('td.msg-content', {colspan: 3}, this.issues(done()), content) )]) done(cb) } RenderMsg.prototype.wrapMini = function (content, cb) { if (!this.shouldWrap) return cb(null, content) var date = new Date(this.value.timestamp) var self = this var channel = this.c.channel ? '#' + this.c.channel : '' var done = multicb({pluck: 1, spread: true}) done()(null, h('tr.msg-row', h('td.msg-left', this.render.idLink(this.value.author, done()), ' ', this.recpsLine(done()), channel ? [h('a', {href: this.toUrl(channel)}, channel), ' '] : ''), h('td.msg-main', h('a.ssb-timestamp', { title: date.toLocaleString(), href: this.msg.key ? this.toUrl(this.msg.key) : undefined }, htime(date)), ' ', this.issues(done()), content), h('td.msg-right', this.actions()) )) done(cb) } RenderMsg.prototype.actions = function () { return this.msg.key ? h('form', {method: 'post', action: ''}, this.msg.rel ? [this.msg.rel, ' '] : '', this.opts.withGt && this.msg.timestamp ? [ h('a', {href: '?gt=' + this.msg.timestamp}, '↓'), ' '] : '', this.c.type === 'gathering' ? [ h('a', {href: this.render.toUrl('/about/' + encodeURIComponent(this.msg.key))}, 'about'), ' '] : '', /^(ssb_)?chess_/.test(this.c.type) ? [ h('a', {href: this.toUrl(this.msg.key) + '?full', title: 'view full game board'}, 'full'), ' '] : '', typeof this.c.text === 'string' ? [ h('a', {href: this.toUrl(this.msg.key) + '?raw=md', title: 'view markdown source'}, 'md'), ' '] : '', h('a', {href: this.toUrl(this.msg.key) + '?raw', title: 'view raw message'}, 'raw'), ' ', this.buttonsCommon(), this.c.type === 'gathering' ? [this.attendButton(), ' '] : '', this.voteButton('dig') ) : [ this.msg.rel ? [this.msg.rel, ' '] : '' ] } RenderMsg.prototype.sync = function (cb) { cb(null, h('tr.msg-row', h('td', {colspan: 3}, h('hr') ))) } RenderMsg.prototype.recpsLine = function (cb) { if (!this.value.private) return cb(), '' var author = this.value.author var recpsNotSelf = u.toArray(this.c.recps).filter(function (link) { return u.linkDest(link) !== author }) return this.render.privateLine(recpsNotSelf, cb) } RenderMsg.prototype.recpsIds = function () { return this.value.private ? u.toArray(this.c.recps).map(u.linkDest) : [] } RenderMsg.prototype.buttonsCommon = function () { var chan = this.msg.value.content.channel var recps = this.recpsIds() return [ chan ? h('input', {type: 'hidden', name: 'channel', value: chan}) : '', h('input', {type: 'hidden', name: 'link', value: this.msg.key}), h('input', {type: 'hidden', name: 'recps', value: recps.join(',')}) ] } RenderMsg.prototype.voteButton = function (expression) { var chan = this.msg.value.content.channel return [ h('input', {type: 'hidden', name: 'vote_value', value: 1}), h('input', {type: 'hidden', name: 'vote_expression', value: expression}), h('input', {type: 'submit', name: 'action_vote', value: expression})] } RenderMsg.prototype.attendButton = function () { var chan = this.msg.value.content.channel return [ h('input', {type: 'submit', name: 'action_attend', value: 'attend'}) ] } RenderMsg.prototype.message = function (cb) { if (this.opts.raw) return this.raw(cb) if (this.msg.sync) return this.sync(cb) if (typeof this.c === 'string') return this.encrypted(cb) if (this.isMissing) return this.missing(cb) switch (this.c.type) { case 'post': return this.post(cb) case 'ferment/like': case 'robeson/like': case 'vote': return this.vote(cb) case 'about': return this.about(cb) case 'contact': return this.contact(cb) case 'pub': return this.pub(cb) case 'channel': return this.channel(cb) case 'git-repo': return this.gitRepo(cb) case 'git-update': return this.gitUpdate(cb) case 'pull-request': return this.gitPullRequest(cb) case 'issue': return this.issue(cb) case 'issue-edit': return this.issueEdit(cb) case 'music-release-cc': return this.musicRelease(cb) case 'ssb-dns': return this.dns(cb) case 'gathering': return this.gathering(cb) case 'micro': return this.micro(cb) case 'ferment/audio': case 'robeson/audio': return this.audio(cb) case 'ferment/repost': case 'robeson/repost': return this.repost(cb) case 'ferment/update': case 'robeson/update': return this.update(cb) case 'chess_invite': case 'ssb_chess_invite': return this.chessInvite(cb) case 'chess_invite_accept': case 'ssb_chess_invite_accept': return this.chessInviteAccept(cb) case 'chess_move': case 'ssb_chess_move': return this.chessMove(cb) case 'chess_game_end': case 'ssb_chess_game_end': return this.chessGameEnd(cb) case 'chess_chat': return this.chessChat(cb) case 'wifi-network': return this.wifiNetwork(cb) case 'mutual/credit': return this.mutualCredit(cb) case 'mutual/account': return this.mutualAccount(cb) case 'npm-publish': return this.npmPublish(cb) case 'npm-packages': return this.npmPackages(cb) case 'npm-prebuilds': return this.npmPrebuilds(cb) case 'acme-challenges-http-01': return this.acmeChallengesHttp01(cb) case 'bookclub': return this.bookclub(cb) case 'macaco_maluco-sombrio-wall': return this.sombrioWall(cb) case 'macaco_maluco-sombrio-tombstone': return this.sombrioTombstone(cb) case 'macaco_maluco-sombrio-score': return this.sombrioScore(cb) case 'blog': return this.blog(cb) case 'image-map': return this.imageMap(cb) case 'talenet-identity-skill_assignment': return this.identitySkillAssign(cb) case 'talenet-idea-skill_assignment': return this.ideaSkillAssign(cb) case 'talenet-idea-create': return this.ideaCreate(cb) case 'talenet-idea-association': return this.ideaAssocate(cb) case 'talenet-skill-create': return this.skillCreate(cb) case 'talenet-idea-hat': return this.ideaHat(cb) case 'talenet-idea-update': return this.ideaUpdate(cb) case 'talenet-idea-comment': case 'talenet-idea-comment_reply': return this.ideaComment(cb) case 'about-resource': return this.aboutResource(cb) case 'line-comment': return this.lineComment(cb) case 'web-init': return this.webInit(cb) case 'web-root': return this.webRoot(cb) default: return this.object(cb) } } RenderMsg.prototype.encrypted = function (cb) { this.wrapMini(this.render.lockIcon(), cb) } RenderMsg.prototype.markdown = function (cb) { if (this.opts.markdownSource) return this.markdownSource(this.c.text, this.c.mentions) return this.render.markdown(this.c.text, this.c.mentions) } RenderMsg.prototype.markdownSource = function (text, mentions) { return h('div', h('pre', String(text)), mentions ? [ h('div', h('em', 'mentions:')), this.valueTable(mentions, 2, function () {}) ] : '' ).innerHTML } RenderMsg.prototype.post = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) if (self.c.root === self.c.branch) done()() else self.link(self.c.root, done()) self.links(self.c.branch, done()) self.links(self.c.fork, done()) done(function (err, rootLink, branchLinks, forkLinks) { if (err) return self.wrap(u.renderError(err), cb) self.wrap(h('div.ssb-post', rootLink ? h('div', h('small', h('span.symbol', '→'), ' ', rootLink)) : '', branchLinks.map(function (a, i) { return h('div', h('small', h('span.symbol', '  ↳'), ' ', a)) }), forkLinks.map(function (a, i) { return h('div', h('small', h('span.symbol', '⑂'), ' ', a)) }), h('div.ssb-post-text', {innerHTML: self.markdown()}) ), cb) }) } RenderMsg.prototype.vote = function (cb) { var self = this var v = self.c.vote || self.c.like || {} self.link(v, function (err, a) { if (err) return cb(err) self.wrapMini([ v.value > 0 ? 'dug' : v.value < 0 ? 'downvoted' : 'undug', ' ', a, v.reason ? [' as ', h('q', v.reason)] : '' ], cb) }) } RenderMsg.prototype.getName = function (id, cb) { switch (id && id[0]) { case '%': return this.getMsgName(id, cb) case '@': // fallthrough case '&': return this.getAboutName(id, cb) default: return cb(null, String(id)) } } RenderMsg.prototype.getMsgName = function (id, cb) { var self = this self.app.getMsg(id, function (err, msg) { if (err && err.name == 'NotFoundError') cb(null, id.substring(0, 10)+'...(missing)') else if (err) cb(err) // preserve security: only decrypt the linked message if we decrypted // this message else if (self.msg.value.private) self.app.unboxMsg(msg, gotMsg) else gotMsg(null, msg) }) function gotMsg(err, msg) { if (err) return cb(err) new RenderMsg(self.render, self.app, msg, {wrap: false}).title(cb) } } function truncate(str, len) { str = String(str) return str.length > len ? str.substr(0, len) + '...' : str } function title(str) { return truncate(mdInline(str), 72) } RenderMsg.prototype.title = function (cb) { var self = this self.app.filterMsg(self.msg, self.opts, function (err, show) { if (err) return cb(err) if (show) self.title1(cb) else cb(null, '[…]') }) } RenderMsg.prototype.title1 = function (cb) { var self = this if (!self.c || typeof self.c !== 'object') { cb(null, self.msg.key) } else if (typeof self.c.text === 'string') { if (self.c.type === 'post') cb(null, title(self.c.text)) else cb(null, '%' + self.c.type + ': ' + (self.c.title || title(self.c.text))) } else { if (self.c.type === 'ssb-dns') cb(null, self.c.record && JSON.stringify(self.c.record.data) || self.msg.key) else if (self.c.type === 'npm-publish') self.npmPublishTitle(cb) else if (self.c.type === 'chess_chat') cb(null, title(self.c.msg)) else if (self.c.type === 'chess_invite') self.chessInviteTitle(cb) else if (self.c.type === 'bookclub') self.bookclubTitle(cb) else if (self.c.type === 'talenet-skill-create' && self.c.name) cb(null, self.c.name) else if (self.c.type === 'talenet-idea-create') self.app.getIdeaTitle(self.msg.key, cb) else self.app.getAbout(self.msg.key, function (err, about) { if (err) return cb(err) var name = about.name || about.title || (about.description && mdInline(about.description)) if (name) return cb(null, truncate(name, 72)) self.message(function (err, el) { if (err) return cb(err) cb(null, '%' + title(h('div', el).textContent)) }) }) } } RenderMsg.prototype.getAboutName = function (id, cb) { this.app.getAbout(id, function (err, about) { cb(err, about && about.name || (String(id).substr(0, 8) + '…')) }) } RenderMsg.prototype.link = function (link, cb) { var self = this var ref = u.linkDest(link) if (!ref) return cb(null, '') self.getName(ref, function (err, name) { if (err) name = truncate(ref, 10) cb(null, h('a', {href: self.toUrl(ref)}, name)) }) } RenderMsg.prototype.link1 = function (link, cb) { var self = this var ref = u.linkDest(link) if (!ref) return cb(), '' var a = h('a', {href: self.toUrl(ref)}, ref) self.getName(ref, function (err, name) { if (err) name = ref a.childNodes[0].textContent = name cb() }) return a } RenderMsg.prototype.links = function (links, cb) { var self = this var done = multicb({pluck: 1}) u.toArray(links).forEach(function (link) { self.link(link, done()) }) done(cb) } function dateTime(d) { var date = new Date(d.epoch) return date.toString() // d.bias // d.epoch } // TODO: make more DRY var knownAboutProps = { type: true, root: true, about: true, attendee: true, about: true, image: true, description: true, name: true, title: true, attendee: true, startDateTime: true, endDateTime: true, location: true, /* rating: true, ratingType: true, */ 'talenet-version': true, } RenderMsg.prototype.about = function (cb) { var keys = Object.keys(this.c).sort().join() var isSelf = this.c.about === this.msg.value.author if (keys === 'about,name,type') { return this.wrapMini([ isSelf ? 'self-identifies as ' : ['identifies ', h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10)), ' as '], h('ins', this.c.name) ], cb) } if (keys === 'about,publicWebHosting,type') { var public = this.c.publicWebHosting && this.c.publicWebHosting !== 'false' return this.wrapMini([ isSelf ? public ? 'is okay with being hosted publicly' : 'wishes to not to be hosted publicly' : public ? ['thinks ', h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10)), ' should be hosted publicly '] : ['wishes ', h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10)), ' to not be hosted publicly'] ], cb) } var done = multicb({pluck: 1, spread: true}) var elCb = done() var isAttendingMsg = u.linkDest(this.c.attendee) === this.msg.value.author && keys === 'about,attendee,type' if (isAttendingMsg) { var attending = !this.c.attendee.remove this.wrapMini([ attending ? ' is attending' : ' is not attending', ' ', this.link1(this.c.about, done()) ], elCb) return done(cb) } var extras for (var k in this.c) { if (this.c[k] !== null && this.c[k] !== '' && !knownAboutProps[k]) { if (!extras) extras = {} extras[k] = this.c[k] } } var img = u.linkDest(this.c.image) // if there is a description, it is likely to be multi-line var hasDescription = this.c.description != null // if this about message gives the thing a name, show its id var showComputedName = !isSelf && !this.c.name this.wrap([ this.c.root ? h('div', h('small', '> ', this.link1(this.c.root, done())) ) : '', isSelf ? 'self-describes as ' : [ 'describes ', !this.c.about ? '' : showComputedName ? this.link1(this.c.about, done()) : h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10)), ' as ' ], this.c.name ? [h('ins', this.c.name), ' '] : '', this.c.description ? h('div', {innerHTML: this.render.markdown(this.c.description)}) : '', this.c.title ? h('h3', this.c.title) : '', this.c.attendee ? h('div', this.link1(this.c.attendee.link, done()), this.c.attendee.remove ? ' is not attending' : ' is attending' ) : '', this.c.startDateTime ? h('div', 'starting at ', dateTime(this.c.startDateTime)) : '', this.c.endDateTime ? h('div', 'ending at ', dateTime(this.c.endDateTime)) : '', this.c.location ? h('div', 'at ', this.c.location) : '', img ? h('a', {href: this.toUrl(img)}, h('img.ssb-avatar-image', { src: this.render.imageUrl(img), alt: ' ', })) : '', /* this.c.rating != null ? this.aboutRating() : '', */ extras ? this.valueTable(extras, 1, done()) : '' ], elCb) done(cb) } /* * disabled until it's clearer how to do this -cel RenderMsg.prototype.aboutRating = function (cb) { var rating = Number(this.c.rating) var type = this.c.ratingType || '★' var text = rating + ' ' + type if (isNaN(rating)) return 'rating: ' + text if (rating > 5) rating = 5 var el = h('div', {title: text}) for (var i = 0; i < rating; i++) { el.appendChild(h('span', {innerHTML: unwrapP(this.render.markdown(type) + ' ')} )) } return el } */ RenderMsg.prototype.contact = function (cb) { var self = this self.link(self.c.contact, function (err, a) { if (err) return cb(err) if (!a) a = "?" self.wrapMini([ self.c.following && self.c.autofollow ? 'follows pub' : self.c.following && self.c.pub ? 'autofollows' : self.c.following ? 'follows' : self.c.blocking ? 'blocks' : self.c.flagged ? 'flagged' : self.c.following === false ? 'unfollows' : self.c.blocking === false ? 'unblocks' : '', self.c.flagged === false ? 'unflagged' : ' ', a, self.c.note ? [ ' from ', h('code', self.c.note) ] : '', self.c.reason ? [' because ', h('q', self.c.reason)] : '' ], cb) }) } RenderMsg.prototype.pub = function (cb) { var self = this var addr = self.c.address || {} self.link(addr.key, function (err, pubLink) { if (err) return cb(err) self.wrapMini([ 'connects to ', pubLink, ' at ', h('code', addr.host + ':' + addr.port)], cb) }) } RenderMsg.prototype.channel = function (cb) { var chan = '#' + this.c.channel this.wrapMini([ this.c.subscribed ? 'subscribes to ' : this.c.subscribed === false ? 'unsubscribes from ' : '', h('a', {href: this.toUrl(chan)}, chan)], cb) } RenderMsg.prototype.gitRepo = function (cb) { var self = this var id = self.msg.key var name = self.c.name var upstream = self.c.upstream self.link(upstream, function (err, upstreamA) { if (err) upstreamA = ('a', {href: self.toUrl(upstream)}, String(name)) self.wrapMini([ upstream ? ['forked ', upstreamA, ': '] : '', 'git clone ', h('code', h('small', 'ssb://' + id)), name ? [' ', h('a', {href: self.toUrl(id)}, String(name))] : '' ], cb) }) } RenderMsg.prototype.gitUpdate = function (cb) { var self = this // h('a', {href: self.toUrl(self.c.repo)}, 'ssb://' + self.c.repo), var size = [].concat(self.c.packs, self.c.indexes) .map(function (o) { return o && o.size }) .reduce(function (total, s) { return total + s }) var done = multicb({pluck: 1, spread: true}) self.link(self.c.repo, done()) self.render.npmPackageMentions(self.c.mentions, done()) self.render.npmPrebuildMentions(self.c.mentions, done()) done(function (err, a, pkgMentionsEl, prebuildMentionsEl) { if (err) return cb(err) self.wrap(h('div.ssb-git-update', 'git push ', a, ' ', !isNaN(size) ? [self.render.formatSize(size), ' '] : '', self.c.refs ? h('ul', Object.keys(self.c.refs).map(function (ref) { var id = self.c.refs[ref] var type = /^refs\/tags/.test(ref) ? 'tag' : 'commit' var path = id && ('/git/' + type + '/' + encodeURIComponent(id) + '?msg=' + encodeURIComponent(self.msg.key)) + '&search=1' return h('li', ref.replace(/^refs\/(heads|tags)\//, ''), ': ', id ? h('a', {href: self.render.toUrl(path)}, h('code', id)) : h('em', 'deleted')) })) : '', Array.isArray(self.c.commits) ? h('ul', self.c.commits.map(function (commit) { var path = '/git/commit/' + encodeURIComponent(commit.sha1) + '?msg=' + encodeURIComponent(self.msg.key) return h('li', h('a', {href: self.render.toUrl(path)}, h('code', String(commit.sha1).substr(0, 8))), ' ', self.linkify(String(commit.title)), self.render.gitCommitBody(commit.body) ) })) : '', Array.isArray(self.c.tags) ? h('ul', self.c.tags.map(function (tag) { var path = '/git/tag/' + encodeURIComponent(tag.sha1) + '?msg=' + encodeURIComponent(self.msg.key) return h('li', h('a', {href: self.render.toUrl(path)}, h('code', String(tag.sha1).substr(0, 8))), ' ', 'tagged ', String(tag.type), ' ', h('code', String(tag.object).substr(0, 8)), ' ', String(tag.tag), tag.title ? [': ', self.linkify(String(tag.title).trim()), ' '] : '', tag.body ? self.render.gitCommitBody(tag.body) : '' ) })) : '', self.c.commits_more ? h('div', '+ ' + self.c.commits_more + ' more commits') : '', self.c.tags_more ? h('div', '+ ' + self.c.tags_more + ' more tags') : '', pkgMentionsEl, prebuildMentionsEl ), cb) }) } RenderMsg.prototype.gitPullRequest = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) self.link(self.c.repo, done()) self.link(self.c.head_repo, done()) done(function (err, baseRepoLink, headRepoLink) { if (err) return cb(err) self.wrap(h('div.ssb-pull-request', 'pull request ', 'to ', baseRepoLink, ':', self.c.branch, ' ', 'from ', headRepoLink, ':', self.c.head_branch, self.c.title ? h('h4', self.c.title) : '', h('div', {innerHTML: self.markdown()})), cb) }) } RenderMsg.prototype.issue = function (cb) { var self = this self.link(self.c.project, function (err, projectLink) { if (err) return cb(err) self.wrap(h('div.ssb-issue', 'issue on ', projectLink, self.c.title ? h('h4', self.c.title) : '', h('div', {innerHTML: self.markdown()})), cb) }) } RenderMsg.prototype.issueEdit = function (cb) { this.wrap('', cb) } RenderMsg.prototype.object = function (cb) { var done = multicb({pluck: 1, spread: true}) var elCb = done() this.wrap([ this.valueTable(this.c, 1, done()), ], elCb) done(cb) } RenderMsg.prototype.valueTable = function (val, depth, cb) { var isContent = depth === 1 var self = this switch (typeof val) { case 'object': if (val === null) return cb(), '' var done = multicb({pluck: 1, spread: true}) var el = Array.isArray(val) ? h('ul', val.map(function (item) { return h('li', self.valueTable(item, depth + 1, done())) })) : h('table.ssb-object', Object.keys(val).map(function (key) { if (key === 'text') { return h('tr', h('td', h('strong', 'text')), h('td', h('div', { innerHTML: self.render.markdown(val.text, val.mentions) })) ) } else if (isContent && key === 'type') { // TODO: also link to images by type, using links2 var type = val.type return h('tr', h('td', h('strong', 'type')), h('td', h('a', {href: self.toUrl('/type/' + type)}, type)) ) } return h('tr', h('td', h('strong', key)), h('td', self.valueTable(val[key], depth + 1, done())) ) })) done(cb) return el case 'string': if (val[0] === '#') return cb(null, h('a', {href: self.toUrl('/channel/' + val.substr(1))}, val)) if (u.isRef(val)) return self.link1(val, cb) if (/^ssb-blob:\/\//.test(val)) return cb(), h('a', {href: self.toUrl(val)}, val) return cb(), self.linkify(val) case 'boolean': return cb(), h('input', { type: 'checkbox', disabled: 'disabled', checked: val }) default: return cb(), String(val) } } RenderMsg.prototype.missing = function (cb) { this.wrapMini([ h('code', 'MISSING'), ' ', h('a', {href: '?ooo=1'}, 'fetch') ], cb) } RenderMsg.prototype.issues = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) var issues = u.toArray(self.c.issues) if (self.c.type === 'issue-edit' && self.c.issue) { issues.push({ link: self.c.issue, title: self.c.title, open: self.c.open, }) } var els = issues.map(function (issue) { var commit = issue.object || issue.label ? [ issue.object ? h('code', issue.object) : '', ' ', issue.label ? h('q', issue.label) : ''] : '' if (issue.merged === true) return h('div', 'merged ', self.link1(issue, done())) if (issue.open === false) return h('div', 'closed ', self.link1(issue, done())) if (issue.open === true) return h('div', 'reopened ', self.link1(issue, done())) if (typeof issue.title === 'string') return h('div', 'renamed ', self.link1(issue, done()), ' to ', h('ins', issue.title)) }) done(cb) return els.length > 0 ? [els, h('br')] : '' } RenderMsg.prototype.repost = function (cb) { var self = this var id = u.linkDest(self.c.repost) self.app.getMsg(id, function (err, msg) { if (err && err.name == 'NotFoundError') gotMsg(null, id.substring(0, 10)+'...(missing)') else if (err) gotMsg(err) else if (self.msg.value.private) self.app.unboxMsg(msg, gotMsg) else gotMsg(null, msg) }) function gotMsg(err, msg) { if (err) return cb(err) var renderMsg = new RenderMsg(self.render, self.app, msg, {wrap: false}) renderMsg.message(function (err, msgEl) { self.wrapMini(['reposted ', h('code.ssb-id', h('a', {href: self.render.toUrl(id)}, id)), h('div', err ? u.renderError(err) : msgEl || '') ], cb) }) } } RenderMsg.prototype.update = function (cb) { var id = String(this.c.update) this.wrapMini([ h('div', 'updated ', h('code.ssb-id', h('a', {href: this.render.toUrl(id)}, id))), this.c.title ? h('h4.msg-title', this.c.title) : '', this.c.description ? h('div', {innerHTML: this.render.markdown(this.c.description)}) : '' ], cb) } function formatDuration(s) { return Math.floor(s / 60) + ':' + ('0' + s % 60).substr(-2) } RenderMsg.prototype.audio = function (cb) { // fileName, fallbackFileName, overview this.wrap(h('table', h('tr', h('td', this.c.artworkSrc ? h('a', {href: this.render.toUrl(this.c.artworkSrc)}, h('img', { src: this.render.imageUrl(this.c.artworkSrc), alt: ' ', width: 72, height: 72, })) : ''), h('td', h('a', {href: this.render.toUrl(this.c.audioSrc)}, this.c.title), isFinite(this.c.duration) ? ' (' + formatDuration(this.c.duration) + ')' : '', this.c.description ? h('p', {innerHTML: this.render.markdown(this.c.description)}) : '' ))), cb) } RenderMsg.prototype.musicRelease = function (cb) { var self = this this.wrap([ h('table', h('tr', h('td', this.c.cover ? h('a', {href: this.render.imageUrl(this.c.cover)}, h('img', { src: this.render.imageUrl(this.c.cover), alt: ' ', width: 72, height: 72, })) : ''), h('td', h('h4.msg-title', this.c.title), this.c.text ? h('div', {innerHTML: this.render.markdown(this.c.text)}) : '' ) )), h('ul', u.toArray(this.c.tracks).filter(Boolean).map(function (track) { return h('li', h('a', {href: self.render.toUrl(track.link)}, track.fname)) })) ], cb) } RenderMsg.prototype.dns = function (cb) { var self = this var record = self.c.record || {} var done = multicb({pluck: 1, spread: true}) var elCb = done() self.wrap([ h('div', h('p', h('ins', {title: 'name'}, record.name), ' ', h('span', {title: 'ttl'}, record.ttl), ' ', h('span', {title: 'class'}, record.class), ' ', h('span', {title: 'type'}, record.type) ), h('pre', {title: 'data'}, JSON.stringify(record.data || record.value, null, 2)), !self.c.branch ? null : h('div', 'replaces: ', u.toArray(self.c.branch).map(function (id, i) { return [self.link1(id, done()), i === 0 ? ', ' : ''] }) ) ) ], elCb) done(cb) } RenderMsg.prototype.wifiNetwork = function (cb) { var net = this.c.network || {} this.wrap([ h('div', 'wifi network'), h('table', Object.keys(net).map(function (key) { return h('tr', h('td', key), h('td', h('pre', JSON.stringify(net[key])))) }) ), ], cb) } RenderMsg.prototype.mutualCredit = function (cb) { var self = this var currency = String(self.c.currency) self.link(self.c.account, function (err, a) { if (err) return cb(err) self.wrapMini([ 'credits ', a || '?', ' ', h('code', self.c.amount), ' ', currency[0] === '#' ? h('a', {href: self.toUrl(currency)}, currency) : h('ins', currency), self.c.memo ? [' for ', h('q', self.c.memo)] : '' ], cb) }) } RenderMsg.prototype.mutualAccount = function (cb) { return this.object(cb) } RenderMsg.prototype.gathering = function (cb) { this.wrapMini('gathering', cb) } function unwrapP(html) { return String(html).replace(/^

(.*)<\/p>\s*$/, function ($0, $1) { return $1 }) } RenderMsg.prototype.micro = function (cb) { var el = h('span', {innerHTML: unwrapP(this.markdown())}) this.wrapMini(el, cb) } function hJoin(els, seperator, lastSeparator) { return els.map(function (el, i) { return [i === 0 ? '' : i === els.length-1 ? lastSeparator : seperator, el] }) } function asNpmReadme(readme) { if (!readme || readme === 'ERROR: No README data found!') return return u.ifString(readme) } function singleValue(obj) { if (!obj || typeof obj !== 'object') return obj var keys = Object.keys(obj) if (keys.length === 1) return obj[keys[0]] } function ifDifferent(obj, value) { if (singleValue(obj) !== value) return obj } RenderMsg.prototype.npmPublish = function (cb) { var self = this var render = self.render var pkg = self.c.meta || {} var pkgReadme = asNpmReadme(pkg.readme) var pkgDescription = u.ifString(pkg.description) var versions = Object.keys(pkg.versions || {}) var singleVersion = versions.length === 1 ? versions[0] : null var singleRelease = singleVersion && pkg.versions[singleVersion] var singleReadme = singleRelease && asNpmReadme(singleRelease.readme) var distTags = pkg['dist-tags'] || {} var distTagged = {} for (var distTag in distTags) if (distTag !== 'latest') distTagged[distTags[distTag]] = distTag self.links(self.c.previousPublish, function (err, prevLinks) { if (err) return cb(err) self.wrap([ h('div', 'published ', h('u', pkg.name), ' ', hJoin(versions.map(function (version) { var distTag = distTagged[version] return [h('b', version), distTag ? [' (', h('i', distTag), ')'] : ''] }), ', ') ), pkgDescription ? h('div', // TODO: make mdInline use custom emojis h('q', {innerHTML: unwrapP(render.markdown(pkgDescription))})) : '', prevLinks.length ? h('div', 'previous: ', prevLinks) : '', pkgReadme && pkgReadme !== singleReadme ? h('blockquote', {innerHTML: render.markdown(pkgReadme)}) : '', versions.map(function (version, i) { var release = pkg.versions[version] || {} var license = u.ifString(release.license) var author = ifDifferent(release.author, self.msg.value.author) var description = u.ifString(release.description) var readme = asNpmReadme(release.readme) var keywords = u.toArray(release.keywords).map(u.ifString) var dist = release.dist || {} var size = u.ifNumber(dist.size) return [ h > 0 ? h('br') : '', version !== singleVersion ? h('div', 'version: ', version) : '', author ? h('div', 'author: ', render.npmAuthorLink(author)) : '', license ? h('div', 'license: ', h('code', license)) : '', keywords.length ? h('div', 'keywords: ', keywords.join(', ')) : '', size ? h('div', 'size: ', render.formatSize(size)) : '', description && description !== pkgDescription ? h('div', h('q', {innerHTML: render.markdown(description)})) : '', readme ? h('blockquote', {innerHTML: render.markdown(readme)}) : '' ] }) ], cb) }) } RenderMsg.prototype.npmPackages = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) var elCb = done() function renderIdLink(id) { return [h('a', {href: self.toUrl(id)}, truncate(id, 8)), ' '] } var singlePkg = self.c.mentions && self.c.mentions.length === 1 && self.c.mentions[0] var m = singlePkg && /^npm:(.*?):(.*?):/.exec(singlePkg.name) var singlePkgSpec = m && (m[1] + (m[2] ? '@' + m[2] : '')) self.render.npmPackageMentions(self.c.mentions, function (err, el) { if (err) return cb(err) var dependencyLinks = u.toArray(self.c.dependencyBranch) var versionLinks = u.toArray(self.c.versionBranch) self.wrap(h('div', [ el, singlePkg ? h('p', h('code', 'npm install --registry=' + 'http://' + self.app.host + ':' + self.app.port + '/npm-registry/' + encodeURIComponent(self.msg.key) + ' ' + singlePkgSpec), ) : '', dependencyLinks.length ? h('div', 'dependencies via: ', dependencyLinks.map(renderIdLink) ) : '', versionLinks.length ? h('div', 'previous versions: ', versionLinks.map(renderIdLink) ) : '' ]), elCb) return done(cb) }) } RenderMsg.prototype.npmPrebuilds = function (cb) { var self = this self.render.npmPrebuildMentions(self.c.mentions, function (err, el) { if (err) return cb(err) self.wrap(el, cb) }) } RenderMsg.prototype.npmPublishTitle = function (cb) { var pkg = this.c.meta || {} var name = pkg.name || pkg._id || '?' var taggedVersions = {} for (var version in pkg.versions || {}) taggedVersions[version] = [] var distTags = pkg['dist-tags'] || {} for (var distTag in distTags) { if (distTag === 'latest') continue var version = distTags[distTag] || '?' var tags = taggedVersions[version] || (taggedVersions[version] = []) tags.push(distTag) } cb(null, name + '@' + Object.keys(taggedVersions).map(function (version) { var tags = taggedVersions[version] return (tags.length ? tags.join(',') + ':' : '') + version }).join(',')) } function expandDigitToSpaces(n) { return ' '.substr(-n) } function parseFenRank (line) { return line.replace(/\d/g, expandDigitToSpaces).split('') } function parseChess(fen) { var fields = String(fen).split(/\s+/) var ranks = fields[0].split('/') var f2 = fields[2] || '' return { board: ranks.map(parseFenRank), /* nextMove: fields[1] === 'b' ? 'black' : fields[1] === 'w' ? 'white' : 'unknown', castling: f2 === '-' ? {} : { w: { k: 0 < f2.indexOf('K'), q: 0 < f2.indexOf('Q'), }, b: { k: 0 < f2.indexOf('k'), q: 0 < f2.indexOf('q'), } }, enpassantTarget: fields[3] === '-' ? null : fields[3], halfmoves: Number(fields[4]), fullmoves: Number(fields[5]), */ } } var chessSymbols = { ' ': [' ', ''], P: ['♙', 'white', 'pawn'], N: ['♘', 'white', 'knight'], B: ['♗', 'white', 'bishop'], R: ['♖', 'white', 'rook'], Q: ['♕', 'white', 'queen'], K: ['♔', 'white', 'king'], p: ['♟', 'black', 'pawn'], n: ['♞', 'black', 'knight'], b: ['♝', 'black', 'bishop'], r: ['♜', 'black', 'rook'], q: ['♛', 'black', 'queen'], k: ['♚', 'black', 'king'], } function chessPieceName(c) { return chessSymbols[c] && chessSymbols[c][2] || '?' } function renderChessSymbol(c, loc) { var info = chessSymbols[c] || ['?', '', 'unknown'] return h('span.symbol', { title: info[1] + ' ' + info[2] + (loc ? ' at ' + loc : '') }, info[0]) } function chessLocToIdxs(loc) { var m = /^([a-h])([1-8])$/.exec(loc) if (m) return [8 - m[2], m[1].charCodeAt(0) - 97] } function lookupPiece(board, loc) { var idxs = chessLocToIdxs(loc) return idxs && board[idxs[0]] && board[idxs[0]][idxs[1]] } function chessIdxsToLoc(i, j) { return 'abcdefgh'[j] + (8-i) } RenderMsg.prototype.chessBoard = function (board) { if (!board) return '' return h('table.chess-board', board.map(function (rank, i) { return h('tr', rank.map(function (piece, j) { var dark = (i ^ j) & 1 return h('td', { class: 'chess-square chess-square-' + (dark ? 'dark' : 'light'), }, renderChessSymbol(piece, chessIdxsToLoc(i, j))) })) }) ) } RenderMsg.prototype.chessMove = function (cb) { var self = this var c = self.c var fen = c.fen && c.fen.length === 2 ? c.pgnMove : c.fen var game = parseChess(fen) var piece = game && lookupPiece(game.board, c.dest) self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', // 'player ', (c.ply || ''), ' ', 'moved ', (piece ? renderChessSymbol(piece) : ''), ' ', 'from ', c.orig, ' ', 'to ', c.dest ), self.chessBoard(game.board) ], cb) }) } RenderMsg.prototype.chessInvite = function (cb) { var self = this var myColor = self.c.myColor self.link(self.c.inviting, function (err, link) { if (err) return cb(err) self.wrap([ 'invites ', link, ' to play chess', // myColor ? h('p', 'my color is ' + myColor) : '' ], cb) }) } RenderMsg.prototype.chessInviteTitle = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) self.getName(self.c.inviting, done()) self.getName(self.msg.value.author, done()) done(function (err, inviteeLink, inviterLink) { if (err) return cb(err) self.wrap([ 'chess: ', inviterLink, ' vs. ', inviteeLink ], cb) }) } RenderMsg.prototype.chessInviteAccept = function (cb) { var self = this self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', 'accepts invitation to play chess') ], cb) }) } RenderMsg.prototype.chessGameEnd = function (cb) { var self = this var c = self.c if (c.status === 'resigned') return self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', h('strong', 'resigned')) ], cb) }) var fen = c.fen && c.fen.length === 2 ? c.pgnMove : c.fen var game = parseChess(fen) var piece = game && lookupPiece(game.board, c.dest) var done = multicb({pluck: 1, spread: true}) self.link(self.c.root, done()) self.link(self.c.winner, done()) done(function (err, rootLink, winnerLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', 'moved ', (piece ? renderChessSymbol(piece) : ''), ' ', 'from ', c.orig, ' ', 'to ', c.dest ), h('p', h('strong', self.c.status), '. winner: ', h('strong', winnerLink)), self.chessBoard(game.board) ], cb) }) } RenderMsg.prototype.chessChat = function (cb) { var self = this self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', self.c.msg) ], cb) }) } RenderMsg.prototype.chessMove = function (cb) { if (this.opts.full) return this.chessMoveFull(cb) return this.chessMoveMini(cb) } RenderMsg.prototype.chessMoveFull = function (cb) { var self = this var c = self.c var fen = c.fen && c.fen.length === 2 ? c.pgnMove : c.fen var game = parseChess(fen) var piece = game && lookupPiece(game.board, c.dest) self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrap([ h('div', h('small', '> ', rootLink)), h('p', // 'player ', (c.ply || ''), ' ', 'moved ', (piece ? renderChessSymbol(piece) : ''), ' ', 'from ', c.orig, ' ', 'to ', c.dest ), self.chessBoard(game.board) ], cb) }) } RenderMsg.prototype.chessMoveMini = function (cb) { var self = this var c = self.c var fen = c.fen && c.fen.length === 2 ? c.pgnMove : c.fen var game = parseChess(fen) var piece = game && lookupPiece(game.board, c.dest) self.link(self.c.root, function (err, rootLink) { if (err) return cb(err) self.wrapMini([ 'moved ', chessPieceName(piece), ' ', 'to ', c.dest ], cb) }) } RenderMsg.prototype.acmeChallengesHttp01 = function (cb) { var self = this self.wrapMini(h('span', 'serves ', hJoin(u.toArray(self.c.challenges).map(function (challenge) { return h('a', { href: 'http://' + challenge.domain + '/.well-known/acme-challenge/' + challenge.token, title: challenge.keyAuthorization, }, challenge.domain) }), ', ', ', and ') ), cb) } RenderMsg.prototype.bookclub = function (cb) { var self = this var props = self.c.common || self.c var images = u.toLinkArray(props.image || props.images) self.wrap(h('table', h('tr', h('td', images.map(function (image) { return h('a', {href: self.render.toUrl(image.link)}, h('img', { src: self.render.imageUrl(image.link), alt: image.name || ' ', width: 180, })) })), h('td', h('h4', props.title), props.authors ? h('p', h('em', props.authors)) : '', props.description ? h('div', {innerHTML: self.render.markdown(props.description)}) : '' ) )), cb) } RenderMsg.prototype.bookclubTitle = function (cb) { var props = this.c.common || this.c cb(null, props.title || 'book') } RenderMsg.prototype.sombrioPosition = function () { return h('span', '[' + this.c.position + ']') } RenderMsg.prototype.sombrioWall = function (cb) { var self = this self.wrapMini(h('span', self.sombrioPosition(), ' wall' ), cb) } RenderMsg.prototype.sombrioTombstone = function (cb) { var self = this self.wrapMini(h('span', self.sombrioPosition(), ' tombstone' ), cb) } RenderMsg.prototype.sombrioScore = function (cb) { var self = this self.wrapMini(h('span', 'scored ', h('ins', self.c.score) ), cb) } RenderMsg.prototype.blog = function (cb) { var self = this var blogId = u.linkDest(self.c.blog) var imgId = u.linkDest(self.c.thumbnail) var imgLink = imgId ? u.toLinkArray(self.c.mentions).filter(function (link) { return link.link === imgId })[0] || u.toLink(self.c.thumbnail) : null self.wrapMini(h('table', h('tr', h('td', imgId ? h('img', { src: self.render.imageUrl(imgId), alt: (imgLink.name || '') + (imgLink.size != null ? ' (' + self.render.formatSize(imgLink.size) + ')' : ''), width: 180, }) : 'blog'), h('td', blogId ? h('h3', h('a', {href: self.render.toUrl('/markdown/' + blogId)}, self.c.title || self.msg.key)) : '', self.c.summary || '') )), cb) } RenderMsg.prototype.imageMap = function (cb) { var self = this var imgLink = u.toLink(self.c.image) var imgRef = imgLink && imgLink.link var mapName = 'map' + u.token() self.wrap(h('div', [ h('map', {name: mapName}, u.toArray(self.c.areas).map(function (areaLink) { var href = areaLink && self.toUrl(areaLink.link) return href ? h('area', { shape: String(areaLink.shape), coords: String(areaLink.coords), href: href, }) : '' }) ), imgRef && imgRef[0] === '&' ? h('img', { src: self.render.imageUrl(imgRef), width: Number(imgLink.width) || undefined, height: Number(imgLink.height) || undefined, alt: String(imgLink.name || ''), usemap: '#' + mapName, }) : '' ]), cb) } RenderMsg.prototype.skillCreate = function (cb) { var self = this self.wrapMini(h('span', ' created skill ', h('ins', self.c.name) ), cb) } RenderMsg.prototype.ideaCreate = function (cb) { var self = this self.wrapMini(h('span', ' has an idea' ), cb) } RenderMsg.prototype.identitySkillAssign = function (cb) { var self = this self.link(self.c.skillKey, function (err, a) { self.wrapMini(h('span', self.c.action === 'assign' ? 'assigns ' : self.c.action === 'unassign' ? 'unassigns ' : h('code', self.c.action), ' ', 'skill ', a ), cb) }) } RenderMsg.prototype.ideaSkillAssign = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) self.link(self.c.skillKey, done()) self.link(self.c.ideaKey, done()) done(function (err, skillA, ideaA) { self.wrapMini(h('span', self.c.action === 'assign' ? 'assigns ' : self.c.action === 'unassign' ? 'unassigns ' : h('code', self.c.action), ' ', 'skill ', skillA, ' to idea ', ideaA ), cb) }) } RenderMsg.prototype.ideaAssocate = function (cb) { var self = this self.link(self.c.ideaKey, function (err, a) { self.wrapMini(h('span', self.c.action === 'associate' ? 'associates with ' : self.c.action === 'disassociate' ? 'disassociates with ' : h('code', self.c.action), ' ', 'idea ', a ), cb) }) } RenderMsg.prototype.ideaHat = function (cb) { var self = this self.link(self.c.ideaKey, function (err, a) { self.wrapMini(h('span', self.c.action === 'take' ? 'takes ' : self.c.action === 'discard' ? 'discards ' : h('code', self.c.action), ' ', 'idea ', a ), cb) }) } RenderMsg.prototype.ideaUpdate = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) var props = {} for (var k in self.c) { if (k !== 'ideaKey' && k !== 'type' && k !== 'talenet-version') { props[k] = self.c[k] } } var keys = Object.keys(props).sort().join() if (keys === 'title') { return self.wrapMini(h('span', 'titles idea ', h('a', {href: self.toUrl(self.c.ideaKey)}, props.title) ), cb) } if (keys === 'description') { return self.link(self.c.ideaKey, function (err, a) { self.wrap(h('div', 'describes idea ', a, ':', h('blockquote', {innerHTML: self.render.markdown(props.description)}) ), cb) }) } if (keys === 'description,title') { return self.wrap(h('div', 'describes idea ', h('a', {href: self.toUrl(self.c.ideaKey)}, props.title), ':', h('blockquote', {innerHTML: self.render.markdown(props.description)}) ), cb) } self.link(self.c.ideaKey, done()) var table = self.valueTable(props, 1, done()) done(function (err, ideaA) { self.wrap(h('div', [ 'updates idea ', ideaA, table ]), cb) }) } RenderMsg.prototype.ideaComment = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) self.link(self.c.ideaKey, done()) self.link(self.c.commentKey, done()) done(function (err, ideaLink, commentLink) { if (err) return self.wrap(u.renderError(err), cb) self.wrap(h('div', [ ideaLink ? h('div', h('small', h('span.symbol', '→'), ' idea ', ideaLink)) : '', commentLink ? h('div', h('small', h('span.symbol', '↳'), ' comment ', commentLink)) : '', self.c.text ? h('div', {innerHTML: self.render.markdown(self.c.text)}) : '' ]), cb) }) } RenderMsg.prototype.aboutResource = function (cb) { var self = this return self.wrap(h('div', 'describes resource ', h('a', {href: self.toUrl(self.c.about)}, self.c.name), ':', h('blockquote', {innerHTML: self.render.markdown(self.c.description)}) ), cb) } RenderMsg.prototype.lineComment = function (cb) { var self = this var done = multicb({pluck: 1, spread: true}) self.link(self.c.repo, done()) self.getMsg(self.c.updateId, done()) done(function (err, repoLink, updateMsg) { if (err) return cb(err) return self.wrap(h('div', h('div', h('small', '> ', repoLink, ' ', h('a', { href: self.toUrl(self.c.updateId) }, updateMsg ? htime(new Date(updateMsg.value.timestamp)) : String(self.c.updateId) ), ' ', h('a', { href: self.toUrl('/git/commit/' + self.c.commitId + '?msg=' + encodeURIComponent(self.c.updateId)) }, String(self.c.commitId).substr(0, 8)), ' ', h('a', { href: self.toUrl('/git/line-comment/' + encodeURIComponent(self.msg.key || JSON.stringify(self.msg))) }, h('code', self.c.filePath + ':' + self.c.line)) )), self.c.text ? h('div', {innerHTML: self.markdown()}) : ''), cb) }) } RenderMsg.prototype.webInit = function (cb) { var self = this var url = '/web/' + encodeURIComponent(this.msg.key) self.wrapMini(h('a', {href: this.toUrl(url)}, 'website' ), cb) } RenderMsg.prototype.webRoot = function (cb) { var self = this var site = u.isRef(this.c.site) && this.c.site var root = u.isRef(this.c.root) && this.c.root self.wrapMini(h('span', 'updated website ', site ? [ h('a', {href: this.toUrl('/web/' + encodeURIComponent(site))}, site.substr(0, 8) + '…'), ' ' ] : '', root ? [ 'to ', h('a', {href: this.toUrl(root)}, root.substr(0, 8) + '…') ] : '' ), cb) }