import { useDocument } from './packages/js/dist/esm/index.js'
import { createFileReader } from './packages/js/dist/esm/readers/node-readline.js'

const doc = useDocument(createFileReader('./docs/pages/index.tce'))

for await (const node of doc) {
  if (node.head === 'Section') {
    console.log('Found Section:', node.head, node.tail)
    
    for await (const sectionChild of node.children()) {
      console.log('  Section child:', sectionChild.head, sectionChild.content)
      
      if (sectionChild.head === 'Block') {
        for await (const blockChild of sectionChild.children()) {
          console.log('    Block child:', blockChild.head, blockChild.content)
          
          if (blockChild.head === 'Button') {
            console.log('      Found Button:', blockChild.head, blockChild.tail)
            for await (const buttonChild of blockChild.children()) {
              console.log('        Button child:', { head: buttonChild.head, content: buttonChild.content, tail: buttonChild.tail })
            }
            break
          }
        }
      }
    }
    break
  }
}