37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import { parse, walkSync, DOCUMENT_NODE, ELEMENT_NODE, TEXT_NODE } from 'ultrahtml';
|
|
import { createElement, Fragment } from 'react';
|
|
|
|
export default function convert(children) {
|
|
const nodeMap = new WeakMap();
|
|
let doc = parse(children.toString().trim());
|
|
let root = createElement(Fragment, { children: [] });
|
|
|
|
walkSync(doc, (node, parent, index) => {
|
|
let newNode = {};
|
|
if (node.type === DOCUMENT_NODE) {
|
|
nodeMap.set(node, root);
|
|
} else if (node.type === ELEMENT_NODE) {
|
|
const { class: className, ...props } = node.attributes;
|
|
newNode = createElement(node.name, { ...props, className, children: [] });
|
|
nodeMap.set(node, newNode);
|
|
if (parent) {
|
|
const newParent = nodeMap.get(parent);
|
|
newParent.props.children[index] = newNode;
|
|
}
|
|
} else if (node.type === TEXT_NODE) {
|
|
newNode = node.value.trim();
|
|
if (newNode.trim()) {
|
|
if (parent) {
|
|
const newParent = nodeMap.get(parent);
|
|
if (parent.children.length === 1) {
|
|
newParent.props.children[0] = newNode;
|
|
} else {
|
|
newParent.props.children[index] = newNode;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return root.props.children;
|
|
}
|