import fs from 'node:fs'
import process from 'node:process'
import { ensureArchive, hash, readMember } from '../../refactor/scripts/releases.mjs'
import { expect, test } from './fixtures.js'

const baseline = JSON.parse(fs.readFileSync('refactor/baselines/jassub-release.json', 'utf8'))
const release = baseline.release
const archive = await ensureArchive(release)
const member = `package/${release.manifest.main.replace(/^\.\//, '')}`
const code = readMember(archive, member).toString()
const onDemandRender = process.env.ARTPLAYER_JASSUB_ON_DEMAND !== 'false'
const subtitles = `[Script Info]
ScriptType: v4.00+
PlayResX: 640
PlayResY: 360
[V4+ Styles]
Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
Style: Default,Liberation Sans,36,&H00FFFFFF,&H000000FF,&H00000000,&H00000000,0,0,0,0,100,100,0,0,1,2,0,2,10,10,20,1
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:04.00,Default,,0,0,0,,Before seek
Dialogue: 0,0:00:05.00,0:00:30.00,Default,,0,0,0,,After seek with actual WASM
`

for (const core of ['candidate', 'published', 'published-5.3.1-beta.1']) {
  test(`JASSUB published ${release.version} renders actual WASM subtitles through seek and layout with ${core} core`, async ({ page, context }, testInfo) => {
    const resources = []
    const external = []
    const origin = new URL(testInfo.project.use.baseURL).origin
    await context.route('**/*', (route) => {
      if (new URL(route.request().url()).origin !== origin) {
        external.push(route.request().url())
        return route.abort()
      }
      return route.continue()
    })
    context.on('response', (response) => {
      if (response.url().includes('/assets/jassub/'))
        resources.push({ url: response.url(), status: response.status(), contentType: response.headers()['content-type'] })
    })
    await page.goto(`/test/player.html?core=${core}`)
    await page.addScriptTag({ content: code })
    await page.evaluate(() => {
      window.jassubNative = { workers: [], snapshots: [], errors: [] }
      const NativeWorker = window.Worker
      window.Worker = class extends NativeWorker {
        constructor(...args) {
          super(...args)
          this.observation = { url: String(args[0]), terminated: 0, sent: [], received: [] }
          window.jassubNative.workers.push(this.observation)
          this.addEventListener('message', ({ data }) => this.observation.received.push({ target: data.target, images: data.images?.length, width: data.width, height: data.height }))
        }

        postMessage(message, ...rest) {
          this.observation.sent.push({ target: message.target, time: message.time, width: message.width, height: message.height })
          return super.postMessage(message, ...rest)
        }

        terminate() {
          this.observation.terminated++
          return super.terminate()
        }
      }
      window.createPlayer('/assets/sample/steve-jobs.mp4')
    })
    try {
      await expect.poll(() => page.evaluate(() => window.art.duration)).toBeGreaterThan(30)
      await page.locator('#play').click()
      await expect.poll(() => page.evaluate(() => window.art.currentTime)).toBeGreaterThan(0.1)
      await page.locator('#pause').click()
      await page.evaluate(async ({ subContent, onDemandRender }) => {
        const register = window.artplayerPluginJassub.default || window.artplayerPluginJassub
        window.art.plugins.add(register({
          subContent,
          workerUrl: '/assets/jassub/jassub-worker.js',
          wasmUrl: '/assets/jassub/jassub-worker.wasm',
          modernWasmUrl: '/assets/jassub/jassub-worker-modern.wasm',
          availableFonts: { 'liberation sans': '/assets/jassub/default.woff2' },
          fonts: ['/assets/jassub/default.woff2'],
          offscreenRender: false,
          onDemandRender,
        }))
        window.jassub = window.art.plugins.artplayerPluginJassub.instance
        window.jassub.addEventListener('error', event => window.jassubNative.errors.push(String(event.error)))
        await new Promise((resolve, reject) => {
          window.jassub.addEventListener('ready', resolve, { once: true })
          window.jassub.addEventListener('error', event => reject(event.error), { once: true })
        })
        window.jassubPixels = (phase) => {
          const canvas = window.jassub._canvas
          const rect = canvas.getBoundingClientRect()
          const pixels = canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height).data
          let visible = 0
          let signature = 0
          for (let i = 3; i < pixels.length; i += 4) {
            if (pixels[i] > 0) {
              visible++
              signature = (signature + i * pixels[i]) >>> 0
            }
          }
          const state = { phase, visible, signature, width: canvas.width, height: canvas.height, cssWidth: rect.width, cssHeight: rect.height, time: window.art.currentTime, connected: canvas.isConnected }
          window.jassubNative.lastPixel = state
          if (phase)
            window.jassubNative.snapshots.push(state)
          return state
        }
      }, { subContent: subtitles, onDemandRender })
      await page.locator('#play').click()
      await expect.poll(() => page.evaluate(() => window.jassubPixels().visible)).toBeGreaterThan(100)
      const before = await page.evaluate(() => window.jassubPixels('before-seek'))
      expect(before.connected).toBe(true)
      await page.locator('#pause').click()
      await page.evaluate(async () => {
        const seeked = new Promise(resolve => window.art.video.addEventListener('seeked', resolve, { once: true }))
        window.art.currentTime = 10
        await seeked
      })
      await page.locator('#play').click()
      await expect.poll(() => page.evaluate(() => window.jassubPixels().signature)).not.toBe(before.signature)
      await expect.poll(() => page.evaluate(() => window.jassubPixels().visible)).toBeGreaterThan(100)
      const after = await page.evaluate(() => window.jassubPixels('after-seek'))
      expect(after.time).toBeGreaterThanOrEqual(10)
      expect(after.signature).not.toBe(before.signature)
      await page.evaluate(() => {
        window.art.fullscreenWeb = true
      })
      await expect.poll(() => page.evaluate(() => window.jassubPixels().cssWidth)).toBeGreaterThan(before.cssWidth)
      await expect.poll(() => page.evaluate(() => window.jassubPixels().visible)).toBeGreaterThan(100)
      await page.evaluate(() => window.jassubPixels('fullscreen'))
      await testInfo.attach('actual-jassub-page', { body: await page.screenshot(), contentType: 'image/png' })
      await page.evaluate(() => window.art.destroy(false))
      expect(await page.evaluate(() => document.querySelectorAll('.JASSUB').length)).toBe(0)
      expect(await page.evaluate(() => window.jassubNative.workers.map(worker => worker.terminated))).toEqual([1])
      expect(await page.evaluate(() => window.jassubNative.errors)).toEqual([])
      expect(external).toEqual([])
      expect(resources.some(item => item.url.endsWith('.wasm') && item.status === 200 && item.contentType === 'application/wasm')).toBe(true)
      expect(resources.some(item => item.url.endsWith('.woff2') && item.status === 200)).toBe(true)
    }
    finally {
      const state = await page.evaluate(() => window.jassubNative).catch(error => ({ unavailable: error.message }))
      await testInfo.attach('actual-jassub-evidence', { body: JSON.stringify({ core, onDemandRender, release: { version: release.version, integrity: release.integrity, member, sha256: hash(code) }, subtitleSha256: hash(subtitles), resources, external, state, limitation: 'Actual published plugin, worker, WASM and local font with offscreenRender=false. No default offscreen path, failure recovery, repeated destruction or device acceptance.' }, null, 2), contentType: 'application/json' })
      if (!page.isClosed()) {
        await page.evaluate(() => {
          if (window.art && !window.art.isDestroy)
            window.art.destroy()
        })
      }
    }
  })
}