import { readFileSync } from 'node:fs'
import { fileURLToPath, pathToFileURL } from 'node:url'
import { dirname, resolve } from 'node:path'
import { JSDOM, VirtualConsole } from 'jsdom'
const HERE = dirname(fileURLToPath(import.meta.url))
const GATEWAY = process.argv[2]
const dist = resolve(HERE, '../../../release/web')
const idx = readFileSync(dist + '/index.html', 'utf8')
const jsFile = (idx.match(/src="\.\/assets\/([^"]+\.js)"/) || [])[1]
const code = readFileSync(dist + '/assets/' + jsFile, 'utf8')
const dom = new JSDOM(idx, { url: GATEWAY + '/web/index.html#workbench', runScripts: 'outside-only', pretendToBeVisual: true, virtualConsole: new VirtualConsole() })
const w = dom.window
w.fetch = async (u) => ({ ok: true, status: 200, json: async () => ({ win: '2026年', tabs: {} }), text: async () => '{}' })
try { w.eval(code) } catch (e) { console.log('EVAL_ERR', String(e).slice(0, 120)) }
await new Promise((r) => setTimeout(r, 1500))
const d = w.document
const chain = []
let el = d.getElementById('root')
while (el && el.tagName !== 'BODY') { chain.unshift(el.tagName.toLowerCase() + (el.id ? '#' + el.id : '') + (el.className ? '.' + String(el.className).trim().split(/\s+/).join('.') : '')); el = el.parentElement }
console.log('ROOT_CHAIN ' + JSON.stringify(chain))
const wrap = d.querySelector('.wrap')
console.log('HAS_WRAP ' + !!wrap)
if (wrap) {
  const cs = ['header.top', 'nav.tabs', 'main#root', 'footer#foot'].map((s) => s + '=' + !!wrap.querySelector(s))
  console.log('WRAP_KIDS ' + cs.join(' '))
}