export function createElement()

in tensorflow_similarity/visualization/projector_v2/lib/renderer.ts [36:76]

• 38 lines of code
• 10 McCabe index (conditional complexity)

export function createElement(
  tagName: string,
  props: Partial<Props> | null = null,
  children: Array<HTMLElement | string> = []
) {
  const element = document.createElement(tagName);

  if (props !== null) {
    for (const [key, value] of Object.entries(props)) {
      switch (key) {
        case 'onPassiveClick':
          element.addEventListener('click', props.onPassiveClick!, {
            passive: true,
          });
          break;
        case 'onPassiveMouseMove':
          element.addEventListener('mousemove', props.onPassiveMouseMove!, {
            passive: true,
          });
          break;
        case 'onChange':
          element.addEventListener('change', props.onChange!);
          break;
        default:
          if (typeof value === 'string') {
            element.setAttribute(key, value);
          } else {
            throw new RangeError(`Callback for ${key} is not implemented yet.`);
          }
      }
    }
  }

  for (const child of children) {
    const el =
      child instanceof HTMLElement ? child : document.createTextNode(child);
    element.appendChild(el);
  }

  return element;
}