import {expect, test} from 'bun:test';
import {existsSync, readFileSync} from 'fs';
import path from 'path';
import {RenderInternals, openBrowser} from '@remotion/renderer';
import {
	getRemotionVersionFromIndexHtml,
	VERSION,
} from '@remotion/serverless-client';

test(
	'Bundle studio',
	async () => {
		const browser = openBrowser('chrome');

		const tab = await (
			await browser
		).newPage({
			context: () => null,
			logLevel: 'info',
			indent: false,
			pageIndex: 0,
			onBrowserLog: null,
			onLog: console.log,
		});
		const folder = path.join(process.cwd(), '..', 'example', 'build');
		const indexHtmlExists = existsSync(path.join(folder, 'index.html'));
		if (!indexHtmlExists) {
			throw new Error('index.html does not exist in the build folder');
		}

		const bundleJs = existsSync(path.join(folder, 'bundle.js'));
		if (!bundleJs) {
			throw new Error('bundle.js does not exist in the build folder');
		}
		const contents = readFileSync(path.join(folder, 'bundle.js'), 'utf-8');
		if (contents.includes('PreviewToolbar') || contents.includes('TopPanel')) {
			throw new Error('Studio was bundled');
		}

		const indexHtmlContent = readFileSync(
			path.join(folder, 'index.html'),
			'utf-8',
		);
		const version = getRemotionVersionFromIndexHtml(indexHtmlContent);
		expect(version).toBe(VERSION);

		const {port, close} = await RenderInternals.serveStatic(
			path.join(process.cwd(), '..', 'example', 'build'),
			{
				port: null,
				offthreadVideoThreads: 1,
				downloadMap: RenderInternals.makeDownloadMap(),
				indent: false,
				logLevel: 'info',
				offthreadVideoCacheSizeInBytes: null,
				remotionRoot: path.join(process.cwd(), '..', 'example'),
				binariesDirectory: null,
				forceIPv4: false,
			},
		);
		await tab.goto({
			url: `http://localhost:${port}`,
			timeout: 10000,
			options: {},
		});
		await new Promise((resolve) => {
			setTimeout(() => {
				resolve(null);
			}, 3000);
		});
		const result = await tab.evaluateHandle(() => {
			return document.querySelectorAll('.css-reset').length;
		});
		expect(result.toString()).toBeGreaterThan(1);

		await (await browser).close({silent: false});
		await close();
	},
	{timeout: 20000},
);