Sharkey/src/mfm/html.ts

170 lines
4 KiB
TypeScript
Raw Normal View History

2018-08-04 05:39:59 +03:00
const jsdom = require('jsdom');
const { JSDOM } = jsdom;
2018-05-17 02:14:30 +03:00
import config from '../config';
2018-06-17 09:58:23 +03:00
import { INote } from '../models/note';
2018-09-05 20:28:04 +03:00
import { intersperse } from '../prelude/array';
import { MfmForest, MfmTree } from './parser';
2018-08-18 18:31:25 +03:00
export default (tokens: MfmForest, mentionedRemoteUsers: INote['mentionedRemoteUsers'] = []) => {
2018-07-01 07:46:34 +03:00
if (tokens == null) {
return null;
}
2018-03-31 13:53:30 +03:00
const { window } = new JSDOM('');
const doc = window.document;
function appendChildren(children: MfmForest, targetElement: any): void {
for (const child of children.map(t => handlers[t.node.type](t))) targetElement.appendChild(child);
2018-03-31 13:53:30 +03:00
}
const handlers: { [key: string]: (token: MfmTree) => any } = {
bold(token) {
const el = doc.createElement('b');
appendChildren(token.children, el);
return el;
},
big(token) {
const el = doc.createElement('strong');
appendChildren(token.children, el);
return el;
},
2018-12-05 13:11:54 +02:00
small(token) {
const el = doc.createElement('small');
appendChildren(token.children, el);
2018-12-05 13:11:54 +02:00
return el;
},
strike(token) {
const el = doc.createElement('del');
appendChildren(token.children, el);
return el;
},
2018-12-05 10:39:26 +02:00
italic(token) {
const el = doc.createElement('i');
appendChildren(token.children, el);
2018-12-05 10:39:26 +02:00
return el;
},
motion(token) {
const el = doc.createElement('i');
appendChildren(token.children, el);
return el;
},
2019-01-27 09:18:04 +02:00
spin(token) {
const el = doc.createElement('i');
appendChildren(token.children, el);
return el;
},
blockCode(token) {
const pre = doc.createElement('pre');
const inner = doc.createElement('code');
inner.innerHTML = token.node.props.code;
pre.appendChild(inner);
return pre;
},
2018-11-25 06:36:40 +02:00
center(token) {
const el = doc.createElement('div');
appendChildren(token.children, el);
2018-11-25 06:36:40 +02:00
return el;
},
emoji(token) {
return doc.createTextNode(token.node.props.emoji ? token.node.props.emoji : `:${token.node.props.name}:`);
},
hashtag(token) {
const a = doc.createElement('a');
a.href = `${config.url}/tags/${token.node.props.hashtag}`;
a.textContent = `#${token.node.props.hashtag}`;
a.setAttribute('rel', 'tag');
return a;
},
inlineCode(token) {
const el = doc.createElement('code');
el.textContent = token.node.props.code;
return el;
},
math(token) {
const el = doc.createElement('code');
el.textContent = token.node.props.formula;
return el;
},
link(token) {
const a = doc.createElement('a');
a.href = token.node.props.url;
appendChildren(token.children, a);
return a;
},
mention(token) {
const a = doc.createElement('a');
const { username, host, acct } = token.node.props;
2018-12-12 18:33:18 +02:00
switch (host) {
case 'github.com':
a.href = `https://github.com/${username}`;
break;
case 'twitter.com':
a.href = `https://twitter.com/${username}`;
break;
default:
const remoteUserInfo = mentionedRemoteUsers.find(remoteUser => remoteUser.username === username && remoteUser.host === host);
a.href = remoteUserInfo ? remoteUserInfo.uri : `${config.url}/${acct}`;
break;
}
a.textContent = acct;
return a;
},
quote(token) {
const el = doc.createElement('blockquote');
appendChildren(token.children, el);
return el;
},
title(token) {
const el = doc.createElement('h1');
appendChildren(token.children, el);
return el;
},
text(token) {
const el = doc.createElement('span');
const nodes = (token.node.props.text as string).split('\n').map(x => doc.createTextNode(x));
for (const x of intersperse('br', nodes)) {
2018-12-08 20:40:40 +02:00
el.appendChild(x === 'br' ? doc.createElement('br') : x);
}
return el;
},
url(token) {
const a = doc.createElement('a');
a.href = token.node.props.url;
a.textContent = token.node.props.url;
return a;
},
search(token) {
const a = doc.createElement('a');
a.href = `https://www.google.com/?#q=${token.node.props.query}`;
a.textContent = token.node.props.content;
return a;
}
};
appendChildren(tokens, doc.body);
return `<p>${doc.body.innerHTML}</p>`;
2018-03-31 13:53:30 +03:00
};