#!/usr/bin/env node
import { optimizeImage } from 'wasm-image-optimization';
import { cropAndConvertToAvif, crawlAndProcessImage } from '../src/services/imageCrop.js';

async function run() {
    console.log('--- 1. Testing synthetic images ---');

    // Synthetic test 1: White border
    const whiteSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
        <rect width="300" height="300" fill="#ffffff"/>
        <rect x="100" y="100" width="100" height="100" fill="purple"/>
    </svg>`;
    const whiteImg = Buffer.from((await optimizeImage({ image: whiteSvg, format: 'png' })).data);

    const res1 = await cropAndConvertToAvif(whiteImg);
    console.log(`White border: 300x300 -> ${res1.width}x${res1.height}, ${res1.size} bytes`);
    if (res1.width !== 110 || res1.height !== 110) {
        throw new Error(`Expected 110x110, got ${res1.width}x${res1.height}`);
    }

    // Synthetic test 2: Transparent border
    const transSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
        <rect x="90" y="110" width="120" height="80" fill="green"/>
    </svg>`;
    const transImg = Buffer.from((await optimizeImage({ image: transSvg, format: 'png' })).data);

    const res2 = await cropAndConvertToAvif(transImg);
    console.log(`Transparent border: 300x300 -> ${res2.width}x${res2.height}, ${res2.size} bytes`);
    if (res2.width !== 130 || res2.height !== 90) {
        throw new Error(`Expected 130x90, got ${res2.width}x${res2.height}`);
    }

    // Synthetic test 3: Outer transparent, inner white border
    const mixedSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
        <rect x="100" y="100" width="200" height="200" fill="white"/>
        <rect x="150" y="170" width="100" height="60" fill="blue"/>
    </svg>`;
    const mixedImg = Buffer.from((await optimizeImage({ image: mixedSvg, format: 'png' })).data);

    const res3 = await cropAndConvertToAvif(mixedImg);
    console.log(`Mixed border: 400x400 -> ${res3.width}x${res3.height}, ${res3.size} bytes`);
    if (res3.width !== 110 || res3.height !== 70) {
        throw new Error(`Expected 110x70, got ${res3.width}x${res3.height}`);
    }

    console.log('\nAll synthetic tests PASSED!');

    // CLI URL test if provided as argument
    const testUrl = process.argv[2];
    if (testUrl) {
        console.log(`\n--- 2. Crawling URL: ${testUrl} ---`);
        const urlRes = await crawlAndProcessImage(testUrl);
        console.log(`Crawled & processed: ${urlRes.width}x${urlRes.height}, ${urlRes.size} bytes`);
    }

    process.exit(0);
}

run().catch((err) => {
    console.error('Test failed:', err);
    process.exit(1);
});