export function replaceChildren()

in src/lib/components/molecules/canvas-map/lib/util/dom.js [9:44]

• 25 lines of code
• 7 McCabe index (conditional complexity)

export function replaceChildren(node, children) {
  const oldChildren = node.childNodes
  let done = false

  for (let i = 0; !done; ++i) {
    const oldChild = oldChildren[i]
    const newChild = children[i]

    // check if our work is done
    if (!oldChild && !newChild) {
      done = true
      break
    }

    // check if children match
    if (oldChild === newChild) {
      continue
    }

    // check if a new child needs to be added
    if (!oldChild) {
      node.appendChild(newChild)
      continue
    }

    // check if an old child needs to be removed
    if (!newChild) {
      node.removeChild(oldChild)
      --i
      continue
    }

    // reorder
    node.insertBefore(newChild, oldChild)
  }
}