2021-02-06 06:44:46 -06:00
|
|
|
import * as parse5 from 'parse5';
|
|
|
|
import treeAdapter = require('parse5/lib/tree-adapters/default');
|
|
|
|
import { URL } from 'url';
|
|
|
|
import { urlRegex, urlRegexFull } from './prelude';
|
2018-06-20 11:21:57 -05:00
|
|
|
|
2020-04-03 08:51:38 -05:00
|
|
|
export function fromHtml(html: string, hashtagNames?: string[]): string {
|
2021-02-06 06:44:46 -06:00
|
|
|
const dom = parse5.parseFragment(html);
|
2018-06-20 11:21:57 -05:00
|
|
|
|
|
|
|
let text = '';
|
|
|
|
|
2018-12-11 05:36:55 -06:00
|
|
|
for (const n of dom.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-20 11:21:57 -05:00
|
|
|
|
|
|
|
return text.trim();
|
|
|
|
|
2021-02-06 06:44:46 -06:00
|
|
|
function getText(node: parse5.Node): string {
|
|
|
|
if (treeAdapter.isTextNode(node)) return node.value;
|
|
|
|
if (!treeAdapter.isElementNode(node)) return '';
|
2018-06-20 11:21:57 -05:00
|
|
|
|
|
|
|
if (node.childNodes) {
|
2021-02-06 06:44:46 -06:00
|
|
|
return node.childNodes.map(n => getText(n)).join('');
|
2018-06-20 11:21:57 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
|
2021-02-06 06:44:46 -06:00
|
|
|
function analyze(node: parse5.Node) {
|
|
|
|
if (treeAdapter.isTextNode(node)) {
|
|
|
|
text += node.value;
|
|
|
|
return;
|
|
|
|
}
|
2018-06-20 11:21:57 -05:00
|
|
|
|
2021-02-06 06:44:46 -06:00
|
|
|
// Skip comment or document type node
|
|
|
|
if (!treeAdapter.isElementNode(node)) return;
|
|
|
|
|
|
|
|
switch (node.nodeName) {
|
2018-06-20 11:21:57 -05:00
|
|
|
case 'br':
|
|
|
|
text += '\n';
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'a':
|
|
|
|
const txt = getText(node);
|
2021-02-06 06:44:46 -06:00
|
|
|
const rel = node.attrs.find(x => x.name === 'rel');
|
|
|
|
const href = node.attrs.find(x => x.name === 'href');
|
2018-06-20 11:21:57 -05:00
|
|
|
|
2020-04-03 08:51:38 -05:00
|
|
|
// ハッシュタグ
|
|
|
|
if (hashtagNames && href && hashtagNames.map(x => x.toLowerCase()).includes(txt.toLowerCase())) {
|
|
|
|
text += txt;
|
2018-06-20 11:21:57 -05:00
|
|
|
// メンション
|
2018-12-11 20:47:07 -06:00
|
|
|
} else if (txt.startsWith('@') && !(rel && rel.value.match(/^me /))) {
|
2018-06-20 11:21:57 -05:00
|
|
|
const part = txt.split('@');
|
|
|
|
|
2021-02-06 06:44:46 -06:00
|
|
|
if (part.length === 2 && href) {
|
2018-06-20 11:21:57 -05:00
|
|
|
//#region ホスト名部分が省略されているので復元する
|
2018-09-01 09:12:51 -05:00
|
|
|
const acct = `${txt}@${(new URL(href.value)).hostname}`;
|
2018-06-20 11:21:57 -05:00
|
|
|
text += acct;
|
|
|
|
//#endregion
|
2020-04-03 18:46:54 -05:00
|
|
|
} else if (part.length === 3) {
|
2018-06-20 11:21:57 -05:00
|
|
|
text += txt;
|
|
|
|
}
|
2018-09-01 08:45:27 -05:00
|
|
|
// その他
|
|
|
|
} else {
|
2021-02-06 06:44:46 -06:00
|
|
|
const generateLink = () => {
|
|
|
|
if (!href && !txt) {
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
if (!href) {
|
|
|
|
return txt;
|
|
|
|
}
|
|
|
|
if (!txt || txt === href.value) { // #6383: Missing text node
|
|
|
|
if (href.value.match(urlRegexFull)) {
|
|
|
|
return href.value;
|
|
|
|
} else {
|
|
|
|
return `<${href.value}>`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (href.value.match(urlRegex) && !href.value.match(urlRegexFull)) {
|
|
|
|
return `[${txt}](<${href.value}>)`; // #6846
|
|
|
|
} else {
|
|
|
|
return `[${txt}](${href.value})`;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
text += generateLink();
|
2018-06-20 11:21:57 -05:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
case 'p':
|
|
|
|
text += '\n\n';
|
|
|
|
if (node.childNodes) {
|
2018-12-11 05:36:55 -06:00
|
|
|
for (const n of node.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-20 11:21:57 -05:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
if (node.childNodes) {
|
2018-12-11 05:36:55 -06:00
|
|
|
for (const n of node.childNodes) {
|
|
|
|
analyze(n);
|
|
|
|
}
|
2018-06-20 11:21:57 -05:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|