Files
FrozenFriendsYume/packages/backend/built/mfm/to-html.js
T
2026-07-26 18:25:37 +09:00

162 lines
5.8 KiB
JavaScript

import { Window as HappyDom } from "happy-dom";
import config from "../config/index.js";
import { intersperse } from "../prelude/array.js";
import { resolveMentionFromCache } from "../remote/resolve-user.js";
export async function toHtml(nodes, mentionedRemoteUsers = [], objectHost) {
if (nodes == null) {
return null;
}
const window = new HappyDom();
const doc = window.document;
function appendTextWithGlyphs(text, targetElement) {
const regexp = /;([^:;\s]{1,100});/g;
let last = 0;
for (const match of text.matchAll(regexp)){
if (match.index > last) {
targetElement.appendChild(doc.createTextNode(text.slice(last, match.index)));
}
targetElement.appendChild(doc.createTextNode(`\u200B:${match[1]}:\u200B`));
last = match.index + match[0].length;
}
if (last < text.length) {
targetElement.appendChild(doc.createTextNode(text.slice(last)));
}
}
async function appendChildren(children, targetElement) {
if (children) {
for (const child of (await Promise.all(children.map(async (x)=>await handlers[x.type](x)))))targetElement.appendChild(child);
}
}
const handlers = {
async bold (node) {
const el = doc.createElement("b");
await appendChildren(node.children, el);
return el;
},
async small (node) {
const el = doc.createElement("small");
await appendChildren(node.children, el);
return el;
},
async strike (node) {
const el = doc.createElement("del");
await appendChildren(node.children, el);
return el;
},
async italic (node) {
const el = doc.createElement("i");
await appendChildren(node.children, el);
return el;
},
async fn (node) {
const el = doc.createElement("i");
await appendChildren(node.children, el);
return el;
},
blockCode (node) {
const pre = doc.createElement("pre");
const inner = doc.createElement("code");
inner.textContent = node.props.code;
pre.appendChild(inner);
return pre;
},
async center (node) {
const el = doc.createElement("div");
await appendChildren(node.children, el);
return el;
},
emojiCode (node) {
return doc.createTextNode(`\u200B:${node.props.name}:\u200B`);
},
unicodeEmoji (node) {
return doc.createTextNode(node.props.emoji);
},
hashtag (node) {
const a = doc.createElement("a");
a.setAttribute('href', `${config.url}/tags/${node.props.hashtag}`);
a.textContent = `#${node.props.hashtag}`;
a.setAttribute("rel", "tag");
return a;
},
inlineCode (node) {
const el = doc.createElement("code");
el.textContent = node.props.code;
return el;
},
mathInline (node) {
const el = doc.createElement("code");
el.textContent = node.props.formula;
return el;
},
mathBlock (node) {
const el = doc.createElement("code");
el.textContent = node.props.formula;
return el;
},
async link (node) {
const a = doc.createElement("a");
a.setAttribute('href', node.props.url);
await appendChildren(node.children, a);
return a;
},
async mention (node) {
const { username, host, acct } = node.props;
const resolved = await resolveMentionFromCache(username, host, objectHost, mentionedRemoteUsers);
const el = doc.createElement("span");
if (resolved === null) {
el.textContent = acct;
} else {
el.setAttribute("class", "h-card");
el.setAttribute("translate", "no");
const a = doc.createElement("a");
a.setAttribute('href', resolved.href);
a.className = "u-url mention";
const span = doc.createElement("span");
span.textContent = resolved.username;
a.textContent = '@';
a.appendChild(span);
el.appendChild(a);
}
return el;
},
async quote (node) {
const el = doc.createElement("blockquote");
await appendChildren(node.children, el);
return el;
},
text (node) {
const el = doc.createElement("span");
const lines = node.props.text.split(/\r\n|\r|\n/);
for (const x of intersperse("br", lines)){
if (x === "br") {
el.appendChild(doc.createElement("br"));
continue;
}
appendTextWithGlyphs(x, el);
}
return el;
},
url (node) {
const a = doc.createElement("a");
a.setAttribute('href', node.props.url);
a.textContent = node.props.url.replace(/^https?:\/\//, '');
return a;
},
search (node) {
const a = doc.createElement("a");
a.setAttribute('href', `${config.searchEngine}${node.props.query}`);
a.textContent = node.props.content;
return a;
},
async plain (node) {
const el = doc.createElement("span");
await appendChildren(node.children, el);
return el;
}
};
await appendChildren(nodes, doc.body);
const html = `<p>${doc.body.innerHTML}</p>`;
await window.happyDOM.close();
return html;
}