const { lib: emojilib } = require('emojilib'); const jsdom = require('jsdom'); const { JSDOM } = jsdom; import config from '../config'; import { INote } from '../models/note'; import { TextElement } from './parse'; const handlers: { [key: string]: (window: any, token: any, mentionedRemoteUsers: INote['mentionedRemoteUsers']) => void } = { bold({ document }, { bold }) { const b = document.createElement('b'); b.textContent = bold; document.body.appendChild(b); }, big({ document }, { big }) { const b = document.createElement('strong'); b.textContent = big; document.body.appendChild(b); }, motion({ document }, { big }) { const b = document.createElement('strong'); b.textContent = big; document.body.appendChild(b); }, code({ document }, { code }) { const pre = document.createElement('pre'); const inner = document.createElement('code'); inner.innerHTML = code; pre.appendChild(inner); document.body.appendChild(pre); }, emoji({ document }, { content, emoji }) { const found = emojilib[emoji]; const node = document.createTextNode(found ? found.char : content); document.body.appendChild(node); }, hashtag({ document }, { hashtag }) { const a = document.createElement('a'); a.href = config.url + '/tags/' + hashtag; a.textContent = '#' + hashtag; a.setAttribute('rel', 'tag'); document.body.appendChild(a); }, 'inline-code'({ document }, { code }) { const element = document.createElement('code'); element.textContent = code; document.body.appendChild(element); }, link({ document }, { url, title }) { const a = document.createElement('a'); a.href = url; a.textContent = title; document.body.appendChild(a); }, mention({ document }, { content, username, host }, mentionedRemoteUsers) { const a = document.createElement('a'); const remoteUserInfo = mentionedRemoteUsers.find(remoteUser => remoteUser.username === username && remoteUser.host === host); a.href = remoteUserInfo ? remoteUserInfo.uri : `${config.url}/${content}`; a.textContent = content; document.body.appendChild(a); }, quote({ document }, { quote }) { const blockquote = document.createElement('blockquote'); blockquote.textContent = quote; document.body.appendChild(blockquote); }, title({ document }, { content }) { const h1 = document.createElement('h1'); h1.textContent = content; document.body.appendChild(h1); }, text({ document }, { content }) { const t = content.split('\n'); for (let i = 0; i < t.length; i++) { document.body.appendChild(document.createTextNode(t[i])); if (i != t.length - 1) { document.body.appendChild(document.createElement('br')); } } }, url({ document }, { url }) { const a = document.createElement('a'); a.href = url; a.textContent = url; document.body.appendChild(a); }, search({ document }, { content, query }) { const a = document.createElement('a'); a.href = `https://www.google.com/?#q=${query}`; a.textContent = content; document.body.appendChild(a); } }; export default (tokens: TextElement[], mentionedRemoteUsers: INote['mentionedRemoteUsers'] = []) => { if (tokens == null) { return null; } const { window } = new JSDOM(''); for (const token of tokens) { handlers[token.type](window, token, mentionedRemoteUsers); } return `

${window.document.body.innerHTML}

`; };