Method render

src/lib/FancyError.ts:198–255

(props: FancyErrorProps = {})

	}

	static render (props: FancyErrorProps = {}): string {
		let html = '<div class="error-section">';
		for (const key of Object.keys(props)) {
			const value = props[key];
			if (typeof value === 'string' || typeof value === 'number') {
				html += `<p><b>${key}</b>: ${value}</p>`;
			} else if (value instanceof Array) {
				html += `<details open><summary><b>${key}</b>:</summary><ul>`;
				for (const item of value) {
					html += `<li>${item}</li>`;
				}
				html += '</ul></details>';
			} else if (value instanceof NodeList) {
				html += `<p><b>${key}</b>:<br><pre>`;
				for (const item of value) {
					if (item instanceof Element) {
						html += `<code class='language-markup'>${item.outerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')}</code>`;
					}
				}
				html += '</pre></p>';
			}
		}
		html += '</div>';

		for (const key of Object.keys(props)) {
			const value = props[key];
			if (typeof value === 'object' && !(value instanceof Array) && !(value instanceof NodeList)) {
				const obj = value as FancyErrorProps;
				html += `<hr class='separator--material'/><h3>${Text.capitalize(key)}</h3><div class='error-section'>`;
				for (const property of Object.keys(obj)) {
					if (property.indexOf('_') === 0) {
						html += `<p>${obj[property]}</p>`;
					} else {
						const propValue = obj[property];
						if (typeof propValue === 'string' || typeof propValue === 'number') {
							html += `<p><b>${property}</b>: ${propValue}</p>`;
						} else if (propValue instanceof Array) {
							html += `<details open><summary><b>${property}</b>:</summary><ul>`;
							for (const item of propValue) {
								html += `<li>${item}</li>`;
							}
							html += '</ul></details>';
						} else if (propValue instanceof NodeList) {
							html += `<p><b>${property}</b>:<br><pre>`;
							for (const item of propValue) {
								if (item instanceof Element) {
									html += `<code class='language-markup'>${item.outerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')}</code>`;
								}
							}
							html += '</pre></p>';
						}
					}
				}
				html += '</div>';
			}
		}
		return html;
	}