86 lines
3.0 KiB
TypeScript
86 lines
3.0 KiB
TypeScript
import { renderOptions } from "./renderOptions"
|
|
|
|
import { RTEMarkType, RTERenderMark } from "@/types/rte/node"
|
|
import { RTETypeEnum } from "@/types/rte/enums"
|
|
|
|
import type { EmbedByUid } from "@/types/components/jsontohtml"
|
|
import type { Node } from "@/types/requests/utils/edges"
|
|
import type { RenderOptions } from "@/types/rte/option"
|
|
import type { RTENode, RTETextNode, RTERenderOptionComponent } from "@/types/rte/node"
|
|
import type { Embeds } from "@/types/requests/embeds"
|
|
|
|
export function groupEmbedsByUid(embedsArray: Node<Embeds>[]) {
|
|
const embedsByUid = embedsArray
|
|
.reduce<EmbedByUid>((acc, embed) => {
|
|
if (embed.node.system.uid) {
|
|
acc[embed.node.system.uid] = embed
|
|
}
|
|
return acc
|
|
}, {})
|
|
|
|
return embedsByUid
|
|
}
|
|
|
|
export function nodeChildrenToHtml(nodes: RTENode[], embeds: EmbedByUid, fullRenderOptions: RenderOptions): any {
|
|
return nodes.map(node => nodeToHtml(node, embeds, fullRenderOptions))
|
|
}
|
|
|
|
export function textNodeToHtml(node: RTETextNode, fullRenderOptions: RenderOptions) {
|
|
let text = <>{node.text}</>;
|
|
|
|
if (node.classname || node.id) {
|
|
text = (fullRenderOptions[RTEMarkType.classnameOrId] as RTERenderMark)(text, node.classname, node.id);
|
|
}
|
|
if (node.break) {
|
|
text = (fullRenderOptions[RTEMarkType.break] as RTERenderMark)(text);
|
|
}
|
|
if (node.superscript) {
|
|
text = (fullRenderOptions[RTEMarkType.superscript] as RTERenderMark)(text);
|
|
}
|
|
if (node.subscript) {
|
|
text = (fullRenderOptions[RTEMarkType.subscript] as RTERenderMark)(text);
|
|
}
|
|
if (node.inlineCode) {
|
|
text = (fullRenderOptions[RTEMarkType.inlineCode] as RTERenderMark)(text);
|
|
}
|
|
if (node.strikethrough) {
|
|
text = (fullRenderOptions[RTEMarkType.strikethrough] as RTERenderMark)(text);
|
|
}
|
|
if (node.underline) {
|
|
text = (fullRenderOptions[RTEMarkType.underline] as RTERenderMark)(text);
|
|
}
|
|
if (node.italic) {
|
|
text = (fullRenderOptions[RTEMarkType.italic] as RTERenderMark)(text);
|
|
}
|
|
if (node.bold) {
|
|
text = (fullRenderOptions[RTEMarkType.bold] as RTERenderMark)(text);
|
|
}
|
|
|
|
return text;
|
|
}
|
|
|
|
function next(nodes: RTENode[], embeds: EmbedByUid, fullRenderOptions: RenderOptions) {
|
|
return nodeChildrenToHtml(nodes, embeds, fullRenderOptions)
|
|
}
|
|
|
|
export function nodeToHtml(node: RTENode, embeds: EmbedByUid, fullRenderOptions: RenderOptions) {
|
|
if ("type" in node === false) {
|
|
return textNodeToHtml(node, fullRenderOptions);
|
|
} else {
|
|
if (fullRenderOptions[node.type] !== undefined) {
|
|
if (node.type === RTETypeEnum.doc) {
|
|
return null
|
|
}
|
|
return (fullRenderOptions[node.type] as RTERenderOptionComponent)(node, embeds, next, fullRenderOptions);
|
|
} else {
|
|
return next(node.children, embeds, fullRenderOptions);
|
|
}
|
|
}
|
|
}
|
|
|
|
export function nodesToHtml(nodes: RTENode[], embedsArray: Node<Embeds>[], overrideRenderOptions: RenderOptions) {
|
|
const embeds = groupEmbedsByUid(embedsArray)
|
|
const fullRenderOptions = { ...renderOptions, ...overrideRenderOptions }
|
|
return nodes.map(node => nodeToHtml(node, embeds, fullRenderOptions))
|
|
}
|