summaryrefslogtreecommitdiff
path: root/packages/backend/src/core/MfmService.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/backend/src/core/MfmService.ts')
-rw-r--r--packages/backend/src/core/MfmService.ts483
1 files changed, 252 insertions, 231 deletions
diff --git a/packages/backend/src/core/MfmService.ts b/packages/backend/src/core/MfmService.ts
index 1ee3bd2275..d85ac7c807 100644
--- a/packages/backend/src/core/MfmService.ts
+++ b/packages/backend/src/core/MfmService.ts
@@ -5,25 +5,22 @@
import { URL } from 'node:url';
import { Inject, Injectable } from '@nestjs/common';
-import * as parse5 from 'parse5';
-import { type Document, type HTMLParagraphElement, Window } from 'happy-dom';
+import { isText, isTag, Text } from 'domhandler';
+import * as htmlparser2 from 'htmlparser2';
+import { Node, Document, ChildNode, Element, ParentNode } from 'domhandler';
+import * as domserializer from 'dom-serializer';
import { DI } from '@/di-symbols.js';
import type { Config } from '@/config.js';
import { intersperse } from '@/misc/prelude/array.js';
import { normalizeForSearch } from '@/misc/normalize-for-search.js';
import type { IMentionedRemoteUsers } from '@/models/Note.js';
import { bindThis } from '@/decorators.js';
-import type { DefaultTreeAdapterMap } from 'parse5';
import type * as mfm from '@transfem-org/sfm-js';
-const treeAdapter = parse5.defaultTreeAdapter;
-type Node = DefaultTreeAdapterMap['node'];
-type ChildNode = DefaultTreeAdapterMap['childNode'];
-
const urlRegex = /^https?:\/\/[\w\/:%#@$&?!()\[\]~.,=+\-]+/;
const urlRegexFull = /^https?:\/\/[\w\/:%#@$&?!()\[\]~.,=+\-]+$/;
-export type Appender = (document: Document, body: HTMLParagraphElement) => void;
+export type Appender = (document: Document, body: Element) => void;
@Injectable()
export class MfmService {
@@ -40,7 +37,7 @@ export class MfmService {
const normalizedHashtagNames = hashtagNames == null ? undefined : new Set<string>(hashtagNames.map(x => normalizeForSearch(x)));
- const dom = parse5.parseFragment(html);
+ const dom = htmlparser2.parseDocument(html);
let text = '';
@@ -51,37 +48,31 @@ export class MfmService {
return text.trim();
function getText(node: Node): string {
- if (treeAdapter.isTextNode(node)) return node.value;
- if (!treeAdapter.isElementNode(node)) return '';
- if (node.nodeName === 'br') return '\n';
-
- if (node.childNodes) {
- return node.childNodes.map(n => getText(n)).join('');
- }
+ if (isText(node)) return node.data;
+ if (!isTag(node)) return '';
+ if (node.tagName === 'br') return '\n';
- return '';
+ return node.childNodes.map(n => getText(n)).join('');
}
function appendChildren(childNodes: ChildNode[]): void {
- if (childNodes) {
- for (const n of childNodes) {
- analyze(n);
- }
+ for (const n of childNodes) {
+ analyze(n);
}
}
function analyze(node: Node) {
- if (treeAdapter.isTextNode(node)) {
- text += node.value;
+ if (isText(node)) {
+ text += node.data;
return;
}
// Skip comment or document type node
- if (!treeAdapter.isElementNode(node)) {
+ if (!isTag(node)) {
return;
}
- switch (node.nodeName) {
+ switch (node.tagName) {
case 'br': {
text += '\n';
break;
@@ -89,19 +80,19 @@ export class MfmService {
case 'a': {
const txt = getText(node);
- const rel = node.attrs.find(x => x.name === 'rel');
- const href = node.attrs.find(x => x.name === 'href');
+ const rel = node.attribs.rel;
+ const href = node.attribs.href;
// ハッシュタグ
if (normalizedHashtagNames && href && normalizedHashtagNames.has(normalizeForSearch(txt))) {
text += txt;
// メンション
- } else if (txt.startsWith('@') && !(rel && rel.value.startsWith('me '))) {
+ } else if (txt.startsWith('@') && !(rel && rel.startsWith('me '))) {
const part = txt.split('@');
if (part.length === 2 && href) {
//#region ホスト名部分が省略されているので復元する
- const acct = `${txt}@${(new URL(href.value)).hostname}`;
+ const acct = `${txt}@${(new URL(href)).hostname}`;
text += acct;
//#endregion
} else if (part.length === 3) {
@@ -116,17 +107,17 @@ export class MfmService {
if (!href) {
return txt;
}
- if (!txt || txt === href.value) { // #6383: Missing text node
- if (href.value.match(urlRegexFull)) {
- return href.value;
+ if (!txt || txt === href) { // #6383: Missing text node
+ if (href.match(urlRegexFull)) {
+ return href;
} else {
- return `<${href.value}>`;
+ return `<${href}>`;
}
}
- if (href.value.match(urlRegex) && !href.value.match(urlRegexFull)) {
- return `[${txt}](<${href.value}>)`; // #6846
+ if (href.match(urlRegex) && !href.match(urlRegexFull)) {
+ return `[${txt}](<${href}>)`; // #6846
} else {
- return `[${txt}](${href.value})`;
+ return `[${txt}](${href})`;
}
};
@@ -185,14 +176,17 @@ export class MfmService {
case 'ruby--': {
let ruby: [string, string][] = [];
for (const child of node.childNodes) {
- if (child.nodeName === 'rp') {
+ if (isText(child) && !/\s|\[|\]/.test(child.data)) {
+ ruby.push([child.data, '']);
+ continue;
+ }
+ if (!isTag(child)) {
continue;
}
- if (treeAdapter.isTextNode(child) && !/\s|\[|\]/.test(child.value)) {
- ruby.push([child.value, '']);
+ if (child.tagName === 'rp') {
continue;
}
- if (child.nodeName === 'rt' && ruby.length > 0) {
+ if (child.tagName === 'rt' && ruby.length > 0) {
const rt = getText(child);
if (/\s|\[|\]/.test(rt)) {
// If any space is included in rt, it is treated as a normal text
@@ -217,7 +211,7 @@ export class MfmService {
// block code (<pre><code>)
case 'pre': {
- if (node.childNodes.length === 1 && node.childNodes[0].nodeName === 'code') {
+ if (node.childNodes.length === 1 && isTag(node.childNodes[0]) && node.childNodes[0].tagName === 'code') {
text += '\n```\n';
text += getText(node.childNodes[0]);
text += '\n```\n';
@@ -302,17 +296,17 @@ export class MfmService {
let nonRtNodes = [];
// scan children, ignore `rp`, split on `rt`
for (const child of node.childNodes) {
- if (treeAdapter.isTextNode(child)) {
+ if (isText(child)) {
nonRtNodes.push(child);
continue;
}
- if (!treeAdapter.isElementNode(child)) {
+ if (!isTag(child)) {
continue;
}
- if (child.nodeName === 'rp') {
+ if (child.tagName === 'rp') {
continue;
}
- if (child.nodeName === 'rt') {
+ if (child.tagName === 'rt') {
// the only case in which we don't need a `$[group ]`
// is when both sides of the ruby are simple words
const needsGroup = nonRtNodes.length > 1 ||
@@ -350,45 +344,44 @@ export class MfmService {
return null;
}
- const { happyDOM, window } = new Window();
-
- const doc = window.document;
+ const doc = new Document([]);
- const body = doc.createElement('p');
+ const body = new Element('p', {});
+ doc.childNodes.push(body);
- function appendChildren(children: mfm.MfmNode[], targetElement: any): void {
- if (children) {
- for (const child of children.map(x => (handlers as any)[x.type](x))) targetElement.appendChild(child);
+ function appendChildren(children: mfm.MfmNode[], targetElement: ParentNode): void {
+ for (const child of children.map(x => handle(x))) {
+ targetElement.childNodes.push(child);
}
}
function fnDefault(node: mfm.MfmFn) {
- const el = doc.createElement('i');
+ const el = new Element('i', {});
appendChildren(node.children, el);
return el;
}
- const handlers: { [K in mfm.MfmNode['type']]: (node: mfm.NodeType<K>) => any } = {
+ const handlers: { [K in mfm.MfmNode['type']]: (node: mfm.NodeType<K>) => ChildNode } = {
bold: (node) => {
- const el = doc.createElement('b');
+ const el = new Element('b', {});
appendChildren(node.children, el);
return el;
},
small: (node) => {
- const el = doc.createElement('small');
+ const el = new Element('small', {});
appendChildren(node.children, el);
return el;
},
strike: (node) => {
- const el = doc.createElement('del');
+ const el = new Element('del', {});
appendChildren(node.children, el);
return el;
},
italic: (node) => {
- const el = doc.createElement('i');
+ const el = new Element('i', {});
appendChildren(node.children, el);
return el;
},
@@ -399,11 +392,12 @@ export class MfmService {
const text = node.children[0].type === 'text' ? node.children[0].props.text : '';
try {
const date = new Date(parseInt(text, 10) * 1000);
- const el = doc.createElement('time');
- el.setAttribute('datetime', date.toISOString());
- el.textContent = date.toISOString();
+ const el = new Element('time', {
+ datetime: date.toISOString(),
+ });
+ el.childNodes.push(new Text(date.toISOString()));
return el;
- } catch (err) {
+ } catch {
return fnDefault(node);
}
}
@@ -412,20 +406,20 @@ export class MfmService {
if (node.children.length === 1) {
const child = node.children[0];
const text = child.type === 'text' ? child.props.text : '';
- const rubyEl = doc.createElement('ruby');
- const rtEl = doc.createElement('rt');
+ const rubyEl = new Element('ruby', {});
+ const rtEl = new Element('rt', {});
// ruby未対応のHTMLサニタイザーを通したときにルビが「劉備（りゅうび）」となるようにする
- const rpStartEl = doc.createElement('rp');
- rpStartEl.appendChild(doc.createTextNode('('));
- const rpEndEl = doc.createElement('rp');
- rpEndEl.appendChild(doc.createTextNode(')'));
+ const rpStartEl = new Element('rp', {});
+ rpStartEl.childNodes.push(new Text('('));
+ const rpEndEl = new Element('rp', {});
+ rpEndEl.childNodes.push(new Text(')'));
- rubyEl.appendChild(doc.createTextNode(text.split(' ')[0]));
- rtEl.appendChild(doc.createTextNode(text.split(' ')[1]));
- rubyEl.appendChild(rpStartEl);
- rubyEl.appendChild(rtEl);
- rubyEl.appendChild(rpEndEl);
+ rubyEl.childNodes.push(new Text(text.split(' ')[0]));
+ rtEl.childNodes.push(new Text(text.split(' ')[1]));
+ rubyEl.childNodes.push(rpStartEl);
+ rubyEl.childNodes.push(rtEl);
+ rubyEl.childNodes.push(rpEndEl);
return rubyEl;
} else {
const rt = node.children.at(-1);
@@ -435,20 +429,20 @@ export class MfmService {
}
const text = rt.type === 'text' ? rt.props.text : '';
- const rubyEl = doc.createElement('ruby');
- const rtEl = doc.createElement('rt');
+ const rubyEl = new Element('ruby', {});
+ const rtEl = new Element('rt', {});
// ruby未対応のHTMLサニタイザーを通したときにルビが「劉備（りゅうび）」となるようにする
- const rpStartEl = doc.createElement('rp');
- rpStartEl.appendChild(doc.createTextNode('('));
- const rpEndEl = doc.createElement('rp');
- rpEndEl.appendChild(doc.createTextNode(')'));
+ const rpStartEl = new Element('rp', {});
+ rpStartEl.childNodes.push(new Text('('));
+ const rpEndEl = new Element('rp', {});
+ rpEndEl.childNodes.push(new Text(')'));
appendChildren(node.children.slice(0, node.children.length - 1), rubyEl);
- rtEl.appendChild(doc.createTextNode(text.trim()));
- rubyEl.appendChild(rpStartEl);
- rubyEl.appendChild(rtEl);
- rubyEl.appendChild(rpEndEl);
+ rtEl.childNodes.push(new Text(text.trim()));
+ rubyEl.childNodes.push(rpStartEl);
+ rubyEl.childNodes.push(rtEl);
+ rubyEl.childNodes.push(rpEndEl);
return rubyEl;
}
}
@@ -456,7 +450,7 @@ export class MfmService {
// hack for ruby, should never be needed because we should
// never send this out to other instances
case 'group': {
- const el = doc.createElement('span');
+ const el = new Element('span', {});
appendChildren(node.children, el);
return el;
}
@@ -468,125 +462,135 @@ export class MfmService {
},
blockCode: (node) => {
- const pre = doc.createElement('pre');
- const inner = doc.createElement('code');
- inner.textContent = node.props.code;
- pre.appendChild(inner);
+ const pre = new Element('pre', {});
+ const inner = new Element('code', {});
+ inner.childNodes.push(new Text(node.props.code));
+ pre.childNodes.push(inner);
return pre;
},
center: (node) => {
- const el = doc.createElement('div');
+ const el = new Element('div', {});
appendChildren(node.children, el);
return el;
},
emojiCode: (node) => {
- return doc.createTextNode(`\u200B:${node.props.name}:\u200B`);
+ return new Text(`\u200B:${node.props.name}:\u200B`);
},
unicodeEmoji: (node) => {
- return doc.createTextNode(node.props.emoji);
+ return new Text(node.props.emoji);
},
hashtag: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', `${this.config.url}/tags/${node.props.hashtag}`);
- a.textContent = `#${node.props.hashtag}`;
- a.setAttribute('rel', 'tag');
+ const a = new Element('a', {
+ href: `${this.config.url}/tags/${node.props.hashtag}`,
+ rel: 'tag',
+ });
+ a.childNodes.push(new Text(`#${node.props.hashtag}`));
return a;
},
inlineCode: (node) => {
- const el = doc.createElement('code');
- el.textContent = node.props.code;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.code));
return el;
},
mathInline: (node) => {
- const el = doc.createElement('code');
- el.textContent = node.props.formula;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.formula));
return el;
},
mathBlock: (node) => {
- const el = doc.createElement('code');
- el.textContent = node.props.formula;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.formula));
return el;
},
link: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', node.props.url);
+ const a = new Element('a', {
+ href: node.props.url,
+ });
appendChildren(node.children, a);
return a;
},
mention: (node) => {
- const a = doc.createElement('a');
const { username, host, acct } = node.props;
const remoteUserInfo = mentionedRemoteUsers.find(remoteUser => remoteUser.username.toLowerCase() === username.toLowerCase() && remoteUser.host?.toLowerCase() === host?.toLowerCase());
- a.setAttribute('href', remoteUserInfo
- ? (remoteUserInfo.url ? remoteUserInfo.url : remoteUserInfo.uri)
- : `${this.config.url}/${acct.endsWith(`@${this.config.url}`) ? acct.substring(0, acct.length - this.config.url.length - 1) : acct}`);
- a.className = 'u-url mention';
- a.textContent = acct;
+
+ const a = new Element('a', {
+ href: remoteUserInfo
+ ? (remoteUserInfo.url ? remoteUserInfo.url : remoteUserInfo.uri)
+ : `${this.config.url}/${acct.endsWith(`@${this.config.url}`) ? acct.substring(0, acct.length - this.config.url.length - 1) : acct}`,
+ class: 'u-url mention',
+ });
+ a.childNodes.push(new Text(acct));
return a;
},
quote: (node) => {
- const el = doc.createElement('blockquote');
+ const el = new Element('blockquote', {});
appendChildren(node.children, el);
return el;
},
text: (node) => {
if (!node.props.text.match(/[\r\n]/)) {
- return doc.createTextNode(node.props.text);
+ return new Text(node.props.text);
}
- const el = doc.createElement('span');
- const nodes = node.props.text.split(/\r\n|\r|\n/).map(x => doc.createTextNode(x));
+ const el = new Element('span', {});
+ const nodes = node.props.text.split(/\r\n|\r|\n/).map(x => new Text(x));
for (const x of intersperse<FIXME | 'br'>('br', nodes)) {
- el.appendChild(x === 'br' ? doc.createElement('br') : x);
+ el.childNodes.push(x === 'br' ? new Element('br', {}) : x);
}
return el;
},
url: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', node.props.url);
- a.textContent = node.props.url;
+ const a = new Element('a', {
+ href: node.props.url,
+ });
+ a.childNodes.push(new Text(node.props.url));
return a;
},
search: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', `https://www.google.com/search?q=${node.props.query}`);
- a.textContent = node.props.content;
+ const a = new Element('a', {
+ href: `https://www.google.com/search?q=${node.props.query}`,
+ });
+ a.childNodes.push(new Text(node.props.content));
return a;
},
plain: (node) => {
- const el = doc.createElement('span');
+ const el = new Element('span', {});
appendChildren(node.children, el);
return el;
},
};
+ // Utility function to make TypeScript behave
+ function handle<T extends mfm.MfmNode>(node: T): ChildNode {
+ const handler = handlers[node.type] as (node: T) => ChildNode;
+ return handler(node);
+ }
+
appendChildren(nodes, body);
for (const additionalAppender of additionalAppenders) {
additionalAppender(doc, body);
}
- const serialized = body.outerHTML;
-
- happyDOM.close().catch(err => {});
-
- return serialized;
+ return domserializer.render(body, {
+ encodeEntities: 'utf8'
+ });
}
// the toMastoApiHtml function was taken from Iceshrimp and written by zotan and modified by marie to work with the current MK version
@@ -598,55 +602,55 @@ export class MfmService {
return null;
}
- const { happyDOM, window } = new Window();
-
- const doc = window.document;
+ const doc = new Document([]);
- const body = doc.createElement('p');
+ const body = new Element('p', {});
+ doc.childNodes.push(body);
- function appendChildren(children: mfm.MfmNode[], targetElement: any): void {
- if (children) {
- for (const child of children.map((x) => (handlers as any)[x.type](x))) targetElement.appendChild(child);
+ function appendChildren(children: mfm.MfmNode[], targetElement: ParentNode): void {
+ for (const child of children) {
+ const result = handle(child);
+ targetElement.childNodes.push(result);
}
}
const handlers: {
- [K in mfm.MfmNode['type']]: (node: mfm.NodeType<K>) => any;
+ [K in mfm.MfmNode['type']]: (node: mfm.NodeType<K>) => ChildNode;
} = {
bold(node) {
- const el = doc.createElement('span');
- el.textContent = '**';
+ const el = new Element('span', {});
+ el.childNodes.push(new Text('**'));
appendChildren(node.children, el);
- el.textContent += '**';
+ el.childNodes.push(new Text('**'));
return el;
},
small(node) {
- const el = doc.createElement('small');
+ const el = new Element('small', {});
appendChildren(node.children, el);
return el;
},
strike(node) {
- const el = doc.createElement('span');
- el.textContent = '~~';
+ const el = new Element('span', {});
+ el.childNodes.push(new Text('~~'));
appendChildren(node.children, el);
- el.textContent += '~~';
+ el.childNodes.push(new Text('~~'));
return el;
},
italic(node) {
- const el = doc.createElement('span');
- el.textContent = '*';
+ const el = new Element('span', {});
+ el.childNodes.push(new Text('*'));
appendChildren(node.children, el);
- el.textContent += '*';
+ el.childNodes.push(new Text('*'));
return el;
},
fn(node) {
switch (node.props.name) {
case 'group': { // hack for ruby
- const el = doc.createElement('span');
+ const el = new Element('span', {});
appendChildren(node.children, el);
return el;
}
@@ -654,119 +658,121 @@ export class MfmService {
if (node.children.length === 1) {
const child = node.children[0];
const text = child.type === 'text' ? child.props.text : '';
- const rubyEl = doc.createElement('ruby');
- const rtEl = doc.createElement('rt');
+ const rubyEl = new Element('ruby', {});
+ const rtEl = new Element('rt', {});
- const rpStartEl = doc.createElement('rp');
- rpStartEl.appendChild(doc.createTextNode('('));
- const rpEndEl = doc.createElement('rp');
- rpEndEl.appendChild(doc.createTextNode(')'));
+ const rpStartEl = new Element('rp', {});
+ rpStartEl.childNodes.push(new Text('('));
+ const rpEndEl = new Element('rp', {});
+ rpEndEl.childNodes.push(new Text(')'));
- rubyEl.appendChild(doc.createTextNode(text.split(' ')[0]));
- rtEl.appendChild(doc.createTextNode(text.split(' ')[1]));
- rubyEl.appendChild(rpStartEl);
- rubyEl.appendChild(rtEl);
- rubyEl.appendChild(rpEndEl);
+ rubyEl.childNodes.push(new Text(text.split(' ')[0]));
+ rtEl.childNodes.push(new Text(text.split(' ')[1]));
+ rubyEl.childNodes.push(rpStartEl);
+ rubyEl.childNodes.push(rtEl);
+ rubyEl.childNodes.push(rpEndEl);
return rubyEl;
} else {
const rt = node.children.at(-1);
if (!rt) {
- const el = doc.createElement('span');
+ const el = new Element('span', {});
appendChildren(node.children, el);
return el;
}
const text = rt.type === 'text' ? rt.props.text : '';
- const rubyEl = doc.createElement('ruby');
- const rtEl = doc.createElement('rt');
+ const rubyEl = new Element('ruby', {});
+ const rtEl = new Element('rt', {});
- const rpStartEl = doc.createElement('rp');
- rpStartEl.appendChild(doc.createTextNode('('));
- const rpEndEl = doc.createElement('rp');
- rpEndEl.appendChild(doc.createTextNode(')'));
+ const rpStartEl = new Element('rp', {});
+ rpStartEl.childNodes.push(new Text('('));
+ const rpEndEl = new Element('rp', {});
+ rpEndEl.childNodes.push(new Text(')'));
appendChildren(node.children.slice(0, node.children.length - 1), rubyEl);
- rtEl.appendChild(doc.createTextNode(text.trim()));
- rubyEl.appendChild(rpStartEl);
- rubyEl.appendChild(rtEl);
- rubyEl.appendChild(rpEndEl);
+ rtEl.childNodes.push(new Text(text.trim()));
+ rubyEl.childNodes.push(rpStartEl);
+ rubyEl.childNodes.push(rtEl);
+ rubyEl.childNodes.push(rpEndEl);
return rubyEl;
}
}
default: {
- const el = doc.createElement('span');
- el.textContent = '*';
+ const el = new Element('span', {});
+ el.childNodes.push(new Text('*'));
appendChildren(node.children, el);
- el.textContent += '*';
+ el.childNodes.push(new Text('*'));
return el;
}
}
},
blockCode(node) {
- const pre = doc.createElement('pre');
- const inner = doc.createElement('code');
+ const pre = new Element('pre', {});
+ const inner = new Element('code', {});
const nodes = node.props.code
.split(/\r\n|\r|\n/)
- .map((x) => doc.createTextNode(x));
+ .map((x) => new Text(x));
for (const x of intersperse<FIXME | 'br'>('br', nodes)) {
- inner.appendChild(x === 'br' ? doc.createElement('br') : x);
+ inner.childNodes.push(x === 'br' ? new Element('br', {}) : x);
}
- pre.appendChild(inner);
+ pre.childNodes.push(inner);
return pre;
},
center(node) {
- const el = doc.createElement('div');
+ const el = new Element('div', {});
appendChildren(node.children, el);
return el;
},
emojiCode(node) {
- return doc.createTextNode(`\u200B:${node.props.name}:\u200B`);
+ return new Text(`\u200B:${node.props.name}:\u200B`);
},
unicodeEmoji(node) {
- return doc.createTextNode(node.props.emoji);
+ return new Text(node.props.emoji);
},
hashtag: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', `${this.config.url}/tags/${node.props.hashtag}`);
- a.textContent = `#${node.props.hashtag}`;
- a.setAttribute('rel', 'tag');
- a.setAttribute('class', 'hashtag');
+ const a = new Element('a', {
+ href: `${this.config.url}/tags/${node.props.hashtag}`,
+ rel: 'tag',
+ class: 'hashtag',
+ });
+ a.childNodes.push(new Text(`#${node.props.hashtag}`));
return a;
},
inlineCode(node) {
- const el = doc.createElement('code');
- el.textContent = node.props.code;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.code));
return el;
},
mathInline(node) {
- const el = doc.createElement('code');
- el.textContent = node.props.formula;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.formula));
return el;
},
mathBlock(node) {
- const el = doc.createElement('code');
- el.textContent = node.props.formula;
+ const el = new Element('code', {});
+ el.childNodes.push(new Text(node.props.formula));
return el;
},
link(node) {
- const a = doc.createElement('a');
- a.setAttribute('rel', 'nofollow noopener noreferrer');
- a.setAttribute('target', '_blank');
- a.setAttribute('href', node.props.url);
+ const a = new Element('a', {
+ rel: 'nofollow noopener noreferrer',
+ target: '_blank',
+ href: node.props.url,
+ });
appendChildren(node.children, a);
return a;
},
@@ -775,92 +781,107 @@ export class MfmService {
const { username, host, acct } = node.props;
const resolved = mentionedRemoteUsers.find(remoteUser => remoteUser.username === username && remoteUser.host === host);
- const el = doc.createElement('span');
+ const el = new Element('span', {});
if (!resolved) {
- el.textContent = acct;
+ el.childNodes.push(new Text(acct));
} else {
- el.setAttribute('class', 'h-card');
- el.setAttribute('translate', 'no');
- const a = doc.createElement('a');
- a.setAttribute('href', resolved.url ? resolved.url : resolved.uri);
- a.className = 'u-url mention';
- const span = doc.createElement('span');
- span.textContent = resolved.username || username;
- a.textContent = '@';
- a.appendChild(span);
- el.appendChild(a);
+ el.attribs.class = 'h-card';
+ el.attribs.translate = 'no';
+ const a = new Element('a', {
+ href: resolved.url ? resolved.url : resolved.uri,
+ class: 'u-url mention',
+ });
+ const span = new Element('span', {});
+ span.childNodes.push(new Text(resolved.username || username));
+ a.childNodes.push(new Text('@'));
+ a.childNodes.push(span);
+ el.childNodes.push(a);
}
return el;
},
quote(node) {
- const el = doc.createElement('blockquote');
+ const el = new Element('blockquote', {});
appendChildren(node.children, el);
return el;
},
text(node) {
- const el = doc.createElement('span');
+ if (!node.props.text.match(/[\r\n]/)) {
+ return new Text(node.props.text);
+ }
+
+ const el = new Element('span', {});
const nodes = node.props.text
.split(/\r\n|\r|\n/)
- .map((x) => doc.createTextNode(x));
+ .map((x) => new Text(x));
for (const x of intersperse<FIXME | 'br'>('br', nodes)) {
- el.appendChild(x === 'br' ? doc.createElement('br') : x);
+ el.childNodes.push(x === 'br' ? new Element('br', {}) : x);
}
return el;
},
url(node) {
- const a = doc.createElement('a');
- a.setAttribute('rel', 'nofollow noopener noreferrer');
- a.setAttribute('target', '_blank');
- a.setAttribute('href', node.props.url);
- a.textContent = node.props.url.replace(/^https?:\/\//, '');
+ const a = new Element('a', {
+ rel: 'nofollow noopener noreferrer',
+ target: '_blank',
+ href: node.props.url,
+ });
+ a.childNodes.push(new Text(node.props.url.replace(/^https?:\/\//, '')));
return a;
},
search: (node) => {
- const a = doc.createElement('a');
- a.setAttribute('href', `https://www.google.com/search?q=${node.props.query}`);
- a.textContent = node.props.content;
+ const a = new Element('a', {
+ href: `https://www.google.com/search?q=${node.props.query}`,
+ });
+ a.childNodes.push(new Text(node.props.content));
return a;
},
plain(node) {
- const el = doc.createElement('span');
+ const el = new Element('span', {});
appendChildren(node.children, el);
return el;
},
};
+ // Utility function to make TypeScript behave
+ function handle<T extends mfm.MfmNode>(node: T): ChildNode {
+ const handler = handlers[node.type] as (node: T) => ChildNode;
+ return handler(node);
+ }
+
appendChildren(nodes, body);
if (quoteUri !== null) {
- const a = doc.createElement('a');
- a.setAttribute('href', quoteUri);
- a.textContent = quoteUri.replace(/^https?:\/\//, '');
+ const a = new Element('a', {
+ href: quoteUri,
+ });
+ a.childNodes.push(new Text(quoteUri.replace(/^https?:\/\//, '')));
- const quote = doc.createElement('span');
- quote.setAttribute('class', 'quote-inline');
- quote.appendChild(doc.createElement('br'));
- quote.appendChild(doc.createElement('br'));
- quote.innerHTML += 'RE: ';
- quote.appendChild(a);
+ const quote = new Element('span', {
+ class: 'quote-inline',
+ });
+ quote.childNodes.push(new Element('br', {}));
+ quote.childNodes.push(new Element('br', {}));
+ quote.childNodes.push(new Text('RE: '));
+ quote.childNodes.push(a);
- body.appendChild(quote);
+ body.childNodes.push(quote);
}
- let result = body.outerHTML;
+ let result = domserializer.render(body, {
+ encodeEntities: 'utf8'
+ });
if (inline) {
result = result.replace(/^<p>/, '').replace(/<\/p>$/, '');
}
- happyDOM.close().catch(() => {});
-
return result;
}
}
generated by cgit v1.2.3-freya (git 2.53.0.84.g453e7b744a) at 2026-03-03 11:07:25 +0000