owl/src/vdom/html_to_vdom.ts

import { VNode, h } from "./vdom";

const parser = new DOMParser();

export function htmlToVDOM(html: string): VNode[] {
  const doc = parser.parseFromString(html, "text/html");
  const result: VNode[] = [];
  for (let child of doc.body.childNodes) {
    result.push(htmlToVNode(child));
  }
  return result;
}

function htmlToVNode(node: ChildNode): VNode {
  if (!(node instanceof Element)) {
    return { text: node.textContent! } as VNode;
  }
  const attrs = {};
  for (let attr of node.attributes) {
    attrs[attr.name] = attr.textContent;
  }
  const children: VNode[] = [];
  for (let c of node.childNodes) {
    children.push(htmlToVNode(c));
  }
  return h((node as Element).tagName, { attrs }, children);
}