xatto/src/updateNode.ts

xatto is View Layer Library based on Function and Context using VirtualDOM. This is developed by forking from jorgebucaran/superfine.

import { assign } from './assign'
import { TEXT } from './consts/attributeNames'
import { NODE, PREV_PROPS } from './consts/glueNodeAttributeNames'
import { TEXT_NODE } from './consts/tagNames'
import { OBJECT } from './consts/typeNames'
import { NAME, PROPS } from './consts/vNodeAttributeNames'
import { deepGet } from './deepGet'
import { GlueNode } from './GlueNode'
import { Props } from './Props'
import { updateAttribute } from './updateAttribute'

export function updateNode (
  glueNode: GlueNode,
  isSVG: Boolean,
  eventProxy: (e: Event) => void,
  eventTargetProps: WeakMap<EventTarget, Props>
): [Node, boolean] {
  const node = glueNode[NODE]!
  const props = glueNode[PROPS]
  const prevProps = deepGet(glueNode, PREV_PROPS) || {}

  let updated = false

  if (glueNode[NAME] === TEXT_NODE) {
    const value = deepGet(props, TEXT) as string
    const oldValue = deepGet(prevProps, TEXT) as string

    updated = value != oldValue
    if (updated) {
      node.nodeValue = deepGet(props, TEXT) as string
    }
    return [node, updated]
  }

  for (const name in assign(assign({}, props), prevProps)) {
    if (
      OBJECT != typeof props[name] &&
      props[name] !==
        (name === 'value' || name === 'checked' ? node[name] : prevProps[name])
    ) {
      updateAttribute(
        node as Element,
        name,
        props[name],
        prevProps[name],
        isSVG,
        eventProxy
      )
      updated = true
    }
  }

  eventTargetProps.set(node, props)

  return [node, updated]
}