import type { Node } from 'ultrahtml'
import { decode } from 'tiny-decode'
import { TEXT_NODE, parse } from 'ultrahtml'

export const maxAccountFieldCount = computed(() => isGlitchEdition.value ? 16 : 4)

export function convertMetadata(metadata: string) {
  try {
    const tree = parse(metadata)
    return (tree.children as Node[]).map(n => convertToText(n)).join('').trim()
  }
  catch (err) {
    console.error(err)
    return ''
  }
}

function convertToText(input: Node): string {
  let text = ''

  if (input.type === TEXT_NODE)
    return decode(input.value)

  if ('children' in input)
    text = (input.children as Node[]).map(n => convertToText(n)).join('')

  return text
}