var path = require('path');
var pull = require("pull-stream");
var marked = require("ssb-marked");
var htime = require("human-time");
var emojis = require("emoji-named-characters");
var cat = require("pull-cat");
var h = require('hyperscript');
var emojiDir = path.join(require.resolve("emoji-named-characters"), "../pngs");
exports.wrapPage = wrapPage;
exports.MdRenderer = MdRenderer;
exports.renderEmoji = renderEmoji;
exports.formatMsgs = formatMsgs;
exports.renderThread = renderThread;
exports.renderAbout = renderAbout;
exports.renderShowAll = renderShowAll;
function MdRenderer(opts) {
marked.Renderer.call(this, {});
this.opts = opts;
}
MdRenderer.prototype = new marked.Renderer();
MdRenderer.prototype.urltransform = function(href) {
if (!href) return false;
switch (href[0]) {
case "#":
return this.opts.base + "channel/" + href.slice(1);
case "%":
return this.opts.msg_base + encodeURIComponent(href);
case "@":
href = this.opts.mentions[href.substr(1)] || href;
return this.opts.feed_base + encodeURIComponent(href);
case "&":
return this.opts.blob_base + encodeURIComponent(href);
}
if (href.indexOf("javascript:") === 0) return false;
return href;
};
MdRenderer.prototype.image = function(href, title, text) {
return h('img',
{ src: this.opts.img_base + href,
alt: text,
title: title
}).outerHTML;
};
function renderEmoji(emoji) {
var opts = this.renderer.opts;
var mentions = opts.mentions;
var url = mentions[emoji]
? opts.blob_base + encodeURIComponent(mentions[emoji])
: emoji in emojis && opts.emoji_base + escape(emoji) + '.png';
return url
? h('img.ssb-emoji',
{ src: url,
alt: ':' + escape(emoji) + ':',
title: ':' + escape(emoji) + ':',
height: 16, width: 16
}).outerHTML
: ":" + emoji + ":";
}
function escape(str) {
return String(str)
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """);
}
function formatMsgs(id, ext, opts) {
switch (ext || "html") {
case "html":
return pull(renderThread(opts), wrapPage(id));
case "js":
return pull(renderThread(opts), wrapJSEmbed(opts));
case "json":
return wrapJSON();
default:
return null;
}
}
function wrap(before, after) {
return function(read) {
return cat([pull.once(before), read, pull.once(after)]);
};
}
function callToAction() {
return h('a.call-to-action',
{ href: 'https://www.scuttlebutt.nz' },
'Join Scuttlebutt now').outerHTML;
}
function toolTipTop() {
return h('span.top-tip',
'You are reading content from ',
h('a', { href: 'https://www.scuttlebutt.nz' },
'Scuttlebutt')).outerHTML;
}
function renderAbout(opts, about, showAllHTML = "") {
var figCaption = h('figcaption');
figCaption.innerHTML = 'Feed of ' + about.name + '
' +
(about.description != undefined ?
marked(about.description, opts.marked) : '');
return pull(
pull.map(renderMsg.bind(this, opts)),
wrap(toolTipTop() + '' +
h('article',
h('header',
h('figure',
h('img',
{ src: opts.img_base + about.image,
height: 200,
width: 200
}),
figCaption)
)).outerHTML,
showAllHTML + '' + callToAction())
);
}
function renderThread(opts, showAllHTML = "") {
return pull(
pull.map(renderMsg.bind(this, opts)),
wrap(toolTipTop() + '',
showAllHTML + '' + callToAction())
);
}
function wrapPage(id) {
return wrap(
"" +
"" +
"" +
id + " | ssb-viewer" +
"" +
'' +
styles +
"",
""
);
}
var styles = `
`;
function wrapJSON() {
var first = true;
return pull(pull.map(JSON.stringify), join(","), wrap("[", "]"));
}
function wrapJSEmbed(opts) {
return pull(
wrap('', ""),
pull.map(docWrite),
opts.base_token && rewriteBase(new RegExp(opts.base_token, "g"))
);
}
function rewriteBase(token) {
// detect the origin of the script and rewrite the js/html to use it
return pull(
replace(token, '" + SSB_VIEWER_ORIGIN + "/'),
wrap(
"var SSB_VIEWER_ORIGIN = (function () {" +
'var scripts = document.getElementsByTagName("script")\n' +
"var script = scripts[scripts.length-1]\n" +
"if (!script) return location.origin\n" +
'return script.src.replace(/\\/%.*$/, "")\n' +
"}())\n",
""
)
);
}
function join(delim) {
var first = true;
return pull.map(function(val) {
if (!first) return delim + String(val);
first = false;
return val;
});
}
function replace(re, rep) {
return pull.map(function(val) {
return String(val).replace(re, rep);
});
}
function docWrite(str) {
return "document.write(" + JSON.stringify(str) + ")\n";
}
function renderMsg(opts, msg) {
var c = msg.value.content || {};
var name = encodeURIComponent(msg.key);
return h('article#' + name,
h('header',
h('figure',
h('img', { alt: '',
src: opts.img_base + msg.author.image,
height: 50, width: 50 }),
h('figcaption',
h('a.ssb-avatar-name',
{ href: opts.base + escape(msg.value.author) },
msg.author.name),
msgTimestamp(msg, opts.base + name)))),
render(opts, c)).outerHTML;
}
function msgTimestamp(msg, link) {
var date = new Date(msg.value.timestamp);
var isoStr = date.toISOString();
return h('time.ssb-timestamp',
{ datetime: isoStr },
h('a',
{ href: link,
title: isoStr },
formatDate(date)));
}
function formatDate(date) {
return htime(date);
}
function render(opts, c) {
var base = opts.base;
if (c.type === "post") {
var channel = c.channel
? h('div.top-right',
h('a',
{ href: base + 'channel/' + c.channel },
'#' + c.channel))
: "";
return [channel, renderPost(opts, c)];
} else if (c.type == "vote" && c.vote.expression == "Dig") {
var channel = c.channel
? [' in ',
h('a',
{ href: base + 'channel/' + c.channel },
'#' + c.channel)]
: "";
var linkedText = "this";
if (typeof c.vote.linkedText != "undefined")
linkedText = c.vote.linkedText.substring(0, 75);
return h('span.status',
['Liked ',
h('a', { href: base + c.vote.link }, linkedText),
channel]);
} else if (c.type == "vote") {
var linkedText = "this";
if (typeof c.vote.linkedText != "undefined")
linkedText = c.vote.linkedText.substring(0, 75);
return h('span.status',
['Voted ',
h('a', { href: base + c.vote.link }, linkedText)]);
} else if (c.type == "contact" && c.following) {
var name = c.contact;
if (typeof c.contactAbout != "undefined")
name = c.contactAbout.name;
return h('span.status',
['Followed ',
h('a', { href: base + c.contact }, name)]);
} else if (c.type == "contact" && !c.following) {
var name = c.contact;
if (typeof c.contactAbout != "undefined")
name = c.contactAbout.name;
return h('span.status',
['Unfollowed ',
h('a', { href: base + c.contact }, name)]);
} else if (typeof c == "string") {
return h('span.status', 'Wrote something private')
}
else if (c.type == "about") {
return [h('span.status', 'Changed something in about'),
renderDefault(c)];
}
else if (c.type == "issue") {
return [h('span.status',
"Created a git issue" +
(c.repoName != undefined ? " in repo " + c.repoName : ""),
renderPost(opts, c))];
}
else if (c.type == "git-update") {
return h('span.status',
"Did a git update " +
(c.repoName != undefined ? " in repo " + c.repoName : "") +
'
' +
(c.commits != undefined ?
c.commits.map(com => { return "-" +com.title; }).join('
') : ""));
}
else if (c.type == "ssb-dns") {
return [h('span.status', 'Updated DNS'), renderDefault(c)];
}
else if (c.type == "pub") {
return h('span.status', 'Connected to the pub ' + c.address.host);
}
else if (c.type == "channel" && c.subscribed)
return h('span.status',
'Subscribed to channel ',
h('a',
{ href: base + 'channel/' + c.channel },
'#' + c.channel));
else if (c.type == "channel" && !c.subscribed)
return h('span.status',
'Unsubscribed from channel ',
h('a',
{ href: base + 'channel/' + c.channel },
'#' + c.channel))
else return renderDefault(c);
}
function renderPost(opts, c) {
opts.mentions = {};
if (Array.isArray(c.mentions)) {
c.mentions.forEach(function (link) {
if (link && link.name && link.link)
opts.mentions[link.name] = link.link;
});
}
var s = h('section');
s.innerHTML = marked(String(c.text), opts.marked);
return s;
}
function renderDefault(c) {
return h('pre', JSON.stringify(c, 0, 2));
}
function renderShowAll(showAll, url) {
if (showAll)
return '';
else
return '
' + h('a', { href : url + '?showAll' }, 'Show whole feed').outerHTML;
}