2019-02-01 19:41:13 +09:00
|
|
|
import { parseFragment, DefaultTreeDocumentFragment } from 'parse5';
|
2019-03-14 21:23:15 +09:00
|
|
|
import { urlRegex } from './prelude';
|
2018-06-21 01:21:57 +09:00
|
|
|
|
2020-04-03 22:51:38 +09:00
|
|
|
export function fromHtml(html: string, hashtagNames?: string[]): string {
|
2019-02-01 19:41:13 +09:00
|
|
|
const dom = parseFragment(html) as DefaultTreeDocumentFragment;
|
2018-06-21 01:21:57 +09:00
|
|
|
|
|
|
|
let text = '';
|
|
|
|
|
2018-12-11 20:36:55 +09:00
|
|
|
for (const n of dom.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-21 01:21:57 +09:00
|
|
|
|
|
|
|
return text.trim();
|
|
|
|
|
2019-03-14 21:23:15 +09:00
|
|
|
function getText(node: any): string {
|
2018-06-21 01:21:57 +09:00
|
|
|
if (node.nodeName == '#text') return node.value;
|
|
|
|
|
|
|
|
if (node.childNodes) {
|
|
|
|
return node.childNodes.map((n: any) => getText(n)).join('');
|
|
|
|
}
|
|
|
|
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
|
|
|
|
function analyze(node: any) {
|
|
|
|
switch (node.nodeName) {
|
|
|
|
case '#text':
|
|
|
|
text += node.value;
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'br':
|
|
|
|
text += '\n';
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'a':
|
|
|
|
const txt = getText(node);
|
2018-09-01 22:45:27 +09:00
|
|
|
const rel = node.attrs.find((x: any) => x.name == 'rel');
|
|
|
|
const href = node.attrs.find((x: any) => x.name == 'href');
|
2018-06-21 01:21:57 +09:00
|
|
|
|
2020-04-03 22:51:38 +09:00
|
|
|
// ハッシュタグ
|
|
|
|
if (hashtagNames && href && hashtagNames.map(x => x.toLowerCase()).includes(txt.toLowerCase())) {
|
|
|
|
text += txt;
|
2018-06-21 01:21:57 +09:00
|
|
|
// メンション
|
2018-12-12 11:47:07 +09:00
|
|
|
} else if (txt.startsWith('@') && !(rel && rel.value.match(/^me /))) {
|
2018-06-21 01:21:57 +09:00
|
|
|
const part = txt.split('@');
|
|
|
|
|
|
|
|
if (part.length == 2) {
|
|
|
|
//#region ホスト名部分が省略されているので復元する
|
2018-09-01 23:12:51 +09:00
|
|
|
const acct = `${txt}@${(new URL(href.value)).hostname}`;
|
2018-06-21 01:21:57 +09:00
|
|
|
text += acct;
|
|
|
|
//#endregion
|
|
|
|
} else if (part.length == 3) {
|
|
|
|
text += txt;
|
|
|
|
}
|
2018-09-01 22:45:27 +09:00
|
|
|
// その他
|
|
|
|
} else {
|
2020-04-03 22:51:38 +09:00
|
|
|
text += (!href || (txt === href.value && txt.match(urlRegex))) ? txt : `[${txt}](${href.value})`;
|
2018-06-21 01:21:57 +09:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'p':
|
|
|
|
text += '\n\n';
|
|
|
|
if (node.childNodes) {
|
2018-12-11 20:36:55 +09:00
|
|
|
for (const n of node.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-21 01:21:57 +09:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
if (node.childNodes) {
|
2018-12-11 20:36:55 +09:00
|
|
|
for (const n of node.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-21 01:21:57 +09:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|