Function updateNav

site/js/common/common.ts:164–216

(
  {
    i: id,
    n: name,
    u: url,
    r: reflection,
    c: current,
    p: parent,
    o: open,
    _: children,
  }: NavNode,
  ul: HTMLElement,
)

};

const updateNav = (
  {
    i: id,
    n: name,
    u: url,
    r: reflection,
    c: current,
    p: parent,
    o: open,
    _: children,
  }: NavNode,
  ul: HTMLElement,
): void => {
  const nav = getNav();
  let li = queryById(id);
  if (li == null) {
    li = createElement('li', ul, {id});
    createElement('span', li);
    const a = createElement('a', li, {href: url});
    if (reflection) {
      createElement('code', a, {}, name);
    } else {
      a.innerText = name;
    }
    if (parent) {
      addClass(li, 'parent');
    }
  }
  if (open) {
    addClass(li, 'open');
  }
  if (children != null) {
    const childUl: HTMLElement =
      queryElement(li, 'ul') ?? createElement('ul', li);
    children.forEach((child) => {
      updateNav(child, childUl);
    });
  }
  if (current) {
    addClass(li, 'current');
    doc.title = `${name} | ${SITE}`;
    const liRect = li.getBoundingClientRect();
    const navRect = nav.getBoundingClientRect();
    if (liRect.top < navRect.top) {
      nav.scrollBy(0, liRect.top - navRect.top);
    } else if (liRect.bottom > navRect.bottom) {
      nav.scrollBy(
        0,
        Math.min(liRect.bottom - navRect.bottom, liRect.top - navRect.top),
      );
    }
  }
};