Function createTree

packages/rrdom/test/diff.test.ts:59–91

* Create a document tree or a RRDom tree according to the given ElementType data. * * @param treeNode the given data structure * @param rrDocument determine to generate a RRDom tree. * @param mirror determine to generate the Dom tree.

(
  treeNode: ElementType,
  rrDocument?: RRDocument,
  mirror: NodeMirror = createMirror(),
)

 * @param mirror determine to generate the Dom tree.
 */
function createTree(
  treeNode: ElementType,
  rrDocument?: RRDocument,
  mirror: NodeMirror = createMirror(),
): Node | RRNode {
  type TNode = typeof rrDocument extends RRDocument ? RRNode : Node;
  let root: TNode;

  root = (
    rrDocument
      ? rrDocument.createElement(treeNode.tagName)
      : document.createElement(treeNode.tagName)
  ) as TNode;

  const sn = Object.assign({}, elementSn, {
    tagName: treeNode.tagName,
    id: treeNode.id,
  });

  if (rrDocument) {
    rrDocument.mirror.add(root as unknown as RRNode, sn);
  } else {
    mirror.add(root as unknown as Node, sn);
  }

  if (treeNode.children)
    for (let child of treeNode.children) {
      const childNode = createTree(child, rrDocument, mirror) as TNode;
      if (rrDocument) root.appendChild(childNode);
      else root.appendChild(childNode);
    }
  return root;
}

function shuffle(list: number[]) {
  let currentIndex = list.length - 1;