|
1 | | -import { AnyNode } from "../json-to-html"; |
2 | | -import { EmbeddedItem, EntryEmbedable } from "../Models/embedded-object"; |
3 | | -import { Metadata, nodeToMetadata, styleObj } from "../Models/metadata-model"; |
4 | | -import MarkType from "../nodes/mark-type"; |
5 | | -import TextNode from "../nodes/text-node"; |
6 | | -import Node from '../nodes/node' |
7 | | -import Document from '../nodes/document' |
8 | | -import { Next, RenderMark, RenderNode, RenderOption } from "../options"; |
9 | | -import { defaultNodeOption } from "../options/default-node-options"; |
10 | | -import { findRenderString } from "./find-embeded-object"; |
11 | | -import { EntryNode } from "../Models/json-rte-model"; |
| 1 | +import { AnyNode } from '../json-to-html'; |
| 2 | +import { EmbeddedItem, EntryEmbedable } from '../Models/embedded-object'; |
| 3 | +import { Metadata, nodeToMetadata, styleObjType } from '../Models/metadata-model'; |
| 4 | +import MarkType from '../nodes/mark-type'; |
| 5 | +import TextNode from '../nodes/text-node'; |
| 6 | +import Node from '../nodes/node'; |
| 7 | +import Document from '../nodes/document'; |
| 8 | +import { Next, RenderMark, RenderNode, RenderOption } from '../options'; |
| 9 | +import { defaultNodeOption } from '../options/default-node-options'; |
| 10 | +import { findRenderString } from './find-embeded-object'; |
| 11 | +import { EntryNode } from '../Models/json-rte-model'; |
12 | 12 |
|
13 | | -export function enumerate( |
14 | | - entries: EntryEmbedable[] | EmbeddedItem[], |
15 | | - process: (entry: EntryEmbedable| EmbeddedItem) => void |
16 | | - ) { |
17 | | - for (const entry of entries) { |
18 | | - process(entry) |
19 | | - } |
| 13 | +export function enumerate( |
| 14 | + entries: EntryEmbedable[] | EmbeddedItem[], |
| 15 | + process: (entry: EntryEmbedable | EmbeddedItem) => void, |
| 16 | +) { |
| 17 | + for (const entry of entries) { |
| 18 | + process(entry); |
| 19 | + } |
20 | 20 | } |
21 | 21 |
|
22 | 22 | export function enumerateContents( |
23 | | - content:Document | Document[], |
24 | | - renderOption?: RenderOption, |
25 | | - renderEmbed?: (metadata: Metadata) => EmbeddedItem| EntryNode |
| 23 | + content: Document | Document[], |
| 24 | + renderOption?: RenderOption, |
| 25 | + renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
26 | 26 | ): string | string[] { |
27 | | - if (!(content instanceof Array) && content.type !== 'doc') { |
28 | | - return content as unknown as string |
29 | | - } |
30 | | - if (content instanceof Array) { |
31 | | - const result: string[] = [] |
32 | | - content.forEach((doc) => { |
33 | | - result.push(enumerateContents(doc, renderOption, renderEmbed) as string) |
34 | | - }) |
35 | | - return result |
36 | | - } |
37 | | - const commonRenderOption = { |
38 | | - ...defaultNodeOption, |
39 | | - ...renderOption |
40 | | - } |
41 | | - return nodeChildrenToHTML(content.children, commonRenderOption, renderEmbed) |
| 27 | + if (!(content instanceof Array) && content.type !== 'doc') { |
| 28 | + return content as unknown as string; |
| 29 | + } |
| 30 | + if (content instanceof Array) { |
| 31 | + const result: string[] = []; |
| 32 | + content.forEach((doc) => { |
| 33 | + result.push(enumerateContents(doc, renderOption, renderEmbed) as string); |
| 34 | + }); |
| 35 | + return result; |
| 36 | + } |
| 37 | + const commonRenderOption = { |
| 38 | + ...defaultNodeOption, |
| 39 | + ...renderOption, |
| 40 | + }; |
| 41 | + return nodeChildrenToHTML(content.children, commonRenderOption, renderEmbed); |
42 | 42 | } |
43 | 43 |
|
44 | 44 | export function textNodeToHTML(node: TextNode, renderOption: RenderOption): string { |
45 | | - let text = node.text |
46 | | - if (node.classname || node.id) { |
47 | | - text = (renderOption[MarkType.CLASSNAME_OR_ID] as RenderMark)(text, node.classname, node.id) |
48 | | - } |
49 | | - if (node.break) { |
50 | | - text = (renderOption[MarkType.BREAK] as RenderMark)(text) |
51 | | - } |
52 | | - if (node.superscript) { |
53 | | - text = (renderOption[MarkType.SUPERSCRIPT] as RenderMark)(text) |
54 | | - } |
55 | | - if (node.subscript) { |
56 | | - text = (renderOption[MarkType.SUBSCRIPT] as RenderMark)(text) |
57 | | - } |
58 | | - if (node.inlineCode) { |
59 | | - text = (renderOption[MarkType.INLINE_CODE] as RenderMark)(text) |
60 | | - } |
61 | | - if (node.strikethrough) { |
62 | | - text = (renderOption[MarkType.STRIKE_THROUGH] as RenderMark)(text) |
63 | | - } |
64 | | - if (node.underline) { |
65 | | - text = (renderOption[MarkType.UNDERLINE] as RenderMark)(text) |
66 | | - } |
67 | | - if (node.italic) { |
68 | | - text = (renderOption[MarkType.ITALIC] as RenderMark)(text) |
69 | | - } |
70 | | - if (node.bold) { |
71 | | - text = (renderOption[MarkType.BOLD] as RenderMark)(text) |
72 | | - } |
73 | | - return text |
| 45 | + let text = node.text; |
| 46 | + if (node.classname || node.id) { |
| 47 | + text = (renderOption[MarkType.CLASSNAME_OR_ID] as RenderMark)(text, node.classname, node.id); |
| 48 | + } |
| 49 | + if (node.break) { |
| 50 | + text = (renderOption[MarkType.BREAK] as RenderMark)(text); |
| 51 | + } |
| 52 | + if (node.superscript) { |
| 53 | + text = (renderOption[MarkType.SUPERSCRIPT] as RenderMark)(text); |
| 54 | + } |
| 55 | + if (node.subscript) { |
| 56 | + text = (renderOption[MarkType.SUBSCRIPT] as RenderMark)(text); |
| 57 | + } |
| 58 | + if (node.inlineCode) { |
| 59 | + text = (renderOption[MarkType.INLINE_CODE] as RenderMark)(text); |
| 60 | + } |
| 61 | + if (node.strikethrough) { |
| 62 | + text = (renderOption[MarkType.STRIKE_THROUGH] as RenderMark)(text); |
| 63 | + } |
| 64 | + if (node.underline) { |
| 65 | + text = (renderOption[MarkType.UNDERLINE] as RenderMark)(text); |
| 66 | + } |
| 67 | + if (node.italic) { |
| 68 | + text = (renderOption[MarkType.ITALIC] as RenderMark)(text); |
| 69 | + } |
| 70 | + if (node.bold) { |
| 71 | + text = (renderOption[MarkType.BOLD] as RenderMark)(text); |
| 72 | + } |
| 73 | + return text; |
74 | 74 | } |
75 | | -export function referenceToHTML(node: Node, |
76 | | - renderOption: RenderOption, |
77 | | - renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode |
| 75 | +export function referenceToHTML( |
| 76 | + node: Node, |
| 77 | + renderOption: RenderOption, |
| 78 | + renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
78 | 79 | ): string { |
79 | | - function sendToRenderOption(referenceNode: Node): string { |
80 | | - return (renderOption[referenceNode.type] as RenderNode)(referenceNode, undefined) |
81 | | - } |
82 | | - if (!renderEmbed && renderOption[node.type] !== undefined) { |
83 | | - return sendToRenderOption(node) |
84 | | - } |
85 | | - if (!renderEmbed) { |
86 | | - return '' |
87 | | - } |
88 | | - const metadata = nodeToMetadata(node.attrs, ((node.children && node.children.length > 0) ? node.children[0]: {}) as unknown as TextNode) |
89 | | - const item = renderEmbed(metadata) |
90 | | - if (!item && renderOption[node.type] !== undefined) { |
91 | | - return sendToRenderOption(node) |
92 | | - } |
93 | | - return findRenderString(item, metadata, renderOption) |
| 80 | + function sendToRenderOption(referenceNode: Node): string { |
| 81 | + return (renderOption[referenceNode.type] as RenderNode)(referenceNode, undefined); |
| 82 | + } |
| 83 | + if (!renderEmbed && renderOption[node.type] !== undefined) { |
| 84 | + return sendToRenderOption(node); |
| 85 | + } |
| 86 | + if (!renderEmbed) { |
| 87 | + return ''; |
| 88 | + } |
| 89 | + const metadata = nodeToMetadata( |
| 90 | + node.attrs, |
| 91 | + (node.children && node.children.length > 0 ? node.children[0] : {}) as unknown as TextNode, |
| 92 | + ); |
| 93 | + const item = renderEmbed(metadata); |
| 94 | + if (!item && renderOption[node.type] !== undefined) { |
| 95 | + return sendToRenderOption(node); |
| 96 | + } |
| 97 | + return findRenderString(item, metadata, renderOption); |
94 | 98 | } |
95 | 99 |
|
96 | | -function nodeChildrenToHTML(nodes: AnyNode[], |
97 | | - renderOption: RenderOption, |
98 | | - renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
99 | | - ): string { |
100 | | - return nodes.map<string>((node: AnyNode) => nodeToHTML(node, renderOption, renderEmbed)).join('') |
| 100 | +function nodeChildrenToHTML( |
| 101 | + nodes: AnyNode[], |
| 102 | + renderOption: RenderOption, |
| 103 | + renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
| 104 | +): string { |
| 105 | + return nodes.map<string>((node: AnyNode) => nodeToHTML(node, renderOption, renderEmbed)).join(''); |
101 | 106 | } |
102 | 107 |
|
103 | | -function styleObjectToString(styleObj: styleObj): string { |
104 | | - if (!styleObj) return ''; |
105 | | - if (typeof styleObj === 'string') { |
106 | | - return styleObj; |
107 | | - } |
108 | | - let styleString: string = ''; |
109 | | - for (const key in styleObj) { |
110 | | - if (styleObj.hasOwnProperty(key)) { |
111 | | - const value = styleObj[key]; |
112 | | - styleString += `${key}:${value};`; |
113 | | - } |
114 | | - } |
115 | | - return styleString; |
| 108 | +function styleObjectToString(styleObj: styleObjType): string { |
| 109 | + if (!styleObj) return ''; |
| 110 | + if (typeof styleObj === 'string') { |
| 111 | + return styleObj; |
| 112 | + } |
| 113 | + let styleString: string = ''; |
| 114 | + for (const key in styleObj) { |
| 115 | + if (styleObj.hasOwnProperty(key)) { |
| 116 | + const value = styleObj[key]; |
| 117 | + styleString += `${key}:${value};`; |
| 118 | + } |
| 119 | + } |
| 120 | + return styleString; |
116 | 121 | } |
117 | 122 |
|
118 | 123 | function nodeToHTML( |
119 | | - node: AnyNode, |
120 | | - renderOption: RenderOption, |
121 | | - renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
| 124 | + node: AnyNode, |
| 125 | + renderOption: RenderOption, |
| 126 | + renderEmbed?: (metadata: Metadata) => EmbeddedItem | EntryNode, |
122 | 127 | ): string { |
123 | | - if (node?.attrs?.style){ |
124 | | - node.attrs.style = styleObjectToString(node.attrs.style as styleObj) |
125 | | - } |
126 | | - if (!node.type) { |
127 | | - return textNodeToHTML(node as TextNode, renderOption) |
128 | | - }else if ((node.type as string) === 'reference') { |
129 | | - return referenceToHTML(node, renderOption, renderEmbed) |
130 | | - }else { |
131 | | - const next: Next = nodes => nodeChildrenToHTML(nodes, renderOption, renderEmbed) |
132 | | - if (renderOption[node.type] !== undefined) { |
133 | | - return (renderOption[node.type] as RenderNode)(node, next) |
134 | | - }else { |
135 | | - return (renderOption.default as RenderNode)(node, next) |
136 | | - } |
137 | | - } |
| 128 | + if (node?.attrs?.style) { |
| 129 | + node.attrs.style = styleObjectToString(node.attrs.style as styleObjType); |
| 130 | + } |
| 131 | + if (!node.type) { |
| 132 | + return textNodeToHTML(node as TextNode, renderOption); |
| 133 | + } else if ((node.type as string) === 'reference') { |
| 134 | + return referenceToHTML(node, renderOption, renderEmbed); |
| 135 | + } else { |
| 136 | + const next: Next = (nodes) => nodeChildrenToHTML(nodes, renderOption, renderEmbed); |
| 137 | + if (renderOption[node.type] !== undefined) { |
| 138 | + return (renderOption[node.type] as RenderNode)(node, next); |
| 139 | + } else { |
| 140 | + return (renderOption.default as RenderNode)(node, next); |
| 141 | + } |
| 142 | + } |
138 | 143 | } |
0 commit comments