loopwind 0.23.0 → 0.24.0

package/test-templates/test-sdk.mjs

@@ -1,139 +0,0 @@
-import { defineTemplate, renderImage, renderVideo } from '../dist/sdk/index.js';
-import fs from 'fs/promises';
-import React from 'react';
-
-// Helper to create inline template modules for testing
-function createTemplateModule(meta, render) {
-  return { meta, default: render };
-}
-
-// Test 1: Static image template
-const staticTemplateModule = createTemplateModule(
-  {
-    name: 'sdk-static',
-    type: 'image',
-    size: { width: 1200, height: 630 },
-    props: {
-      title: 'string',
-      subtitle: 'string',
-    },
-  },
-  ({ tw, title, subtitle }) => (
-    React.createElement('div', { style: tw('flex flex-col w-full h-full bg-gradient-to-br from-green-600 to-teal-700 p-12 justify-center items-center') },
-      React.createElement('h1', { style: tw('text-6xl font-bold text-white mb-4') }, title),
-      React.createElement('p', { style: tw('text-2xl text-white/80') }, subtitle),
-      React.createElement('p', { style: tw('text-white/60 mt-8') }, 'Rendered via SDK')
-    )
-  )
-);
-const staticTemplate = defineTemplate(staticTemplateModule);
-
-// Test 2: Animated video template
-const animatedTemplateModule = createTemplateModule(
-  {
-    name: 'sdk-animated',
-    type: 'video',
-    size: { width: 1920, height: 1080 },
-    video: { fps: 30, duration: 2 },
-    props: {
-      title: 'string',
-    },
-  },
-  ({ tw, title }) => (
-    React.createElement('div', { style: tw('flex flex-col items-center justify-center w-full h-full bg-gray-900') },
-      React.createElement('div', { style: tw('w-20 h-20 rounded-full bg-gradient-to-br from-pink-500 to-orange-500 mb-8 ease-out enter-bounce-in/0/300') }),
-      React.createElement('h1', { style: tw('text-7xl font-bold text-white ease-out enter-fade-in-up/200/600') }, title),
-      React.createElement('p', { style: tw('text-2xl text-white/60 mt-4 ease-out enter-fade-in/500/900') }, 'SDK Video Test')
-    )
-  )
-);
-const animatedTemplate = defineTemplate(animatedTemplateModule);
-
-// Test 3: QR code template
-const qrTemplateModule = createTemplateModule(
-  {
-    name: 'sdk-qr',
-    type: 'image',
-    size: { width: 800, height: 800 },
-    props: {
-      url: 'string',
-    },
-  },
-  ({ tw, qr, url }) => (
-    React.createElement('div', { style: tw('flex flex-col items-center justify-center w-full h-full bg-white p-8') },
-      React.createElement('h2', { style: tw('text-3xl font-bold text-gray-900 mb-6') }, 'SDK QR Test'),
-      React.createElement('img', {
-        src: qr(url, { width: 400, margin: 2 }),
-        style: tw('w-80 h-80')
-      }),
-      React.createElement('p', { style: tw('text-gray-600 mt-6') }, url)
-    )
-  )
-);
-const qrTemplate = defineTemplate(qrTemplateModule);
-
-async function runTests() {
-  console.log('Testing loopwind SDK...\n');
-
-  // Test 1: Static image
-  console.log('1. Rendering static image...');
-  try {
-    const imageBuffer = await renderImage(staticTemplate, {
-      title: 'Hello SDK',
-      subtitle: 'Programmatic rendering works!'
-    }, { format: 'png' });
-    await fs.writeFile('output/sdk-static.png', imageBuffer);
-    console.log(`   ✔ sdk-static.png (${(imageBuffer.length / 1024).toFixed(1)}KB)\n`);
-  } catch (err) {
-    console.log(`   ✖ Failed: ${err.message}\n`);
-  }
-
-  // Test 2: Animated video
-  console.log('2. Rendering animated video...');
-  try {
-    const videoBuffer = await renderVideo(animatedTemplate, {
-      title: 'SDK Animation'
-    }, { format: 'mp4' });
-    await fs.writeFile('output/sdk-animated.mp4', videoBuffer);
-    console.log(`   ✔ sdk-animated.mp4 (${(videoBuffer.length / 1024).toFixed(1)}KB)\n`);
-  } catch (err) {
-    console.log(`   ✖ Failed: ${err.message}\n`);
-  }
-
-  // Test 3: QR code
-  console.log('3. Rendering QR code...');
-  try {
-    const qrBuffer = await renderImage(qrTemplate, {
-      url: 'https://loopwind.dev'
-    }, { format: 'png' });
-    await fs.writeFile('output/sdk-qr.png', qrBuffer);
-    console.log(`   ✔ sdk-qr.png (${(qrBuffer.length / 1024).toFixed(1)}KB)\n`);
-  } catch (err) {
-    console.log(`   ✖ Failed: ${err.message}\n`);
-  }
-
-  // Test 4: Different formats
-  console.log('4. Testing different formats (JPEG, WebP)...');
-  try {
-    const jpegBuffer = await renderImage(staticTemplate, {
-      title: 'JPEG Test',
-      subtitle: 'Quality 85'
-    }, { format: 'jpeg', quality: 85 });
-    await fs.writeFile('output/sdk-static.jpg', jpegBuffer);
-
-    const webpBuffer = await renderImage(staticTemplate, {
-      title: 'WebP Test',
-      subtitle: 'Modern format'
-    }, { format: 'webp' });
-    await fs.writeFile('output/sdk-static.webp', webpBuffer);
-
-    console.log(`   ✔ sdk-static.jpg (${(jpegBuffer.length / 1024).toFixed(1)}KB)`);
-    console.log(`   ✔ sdk-static.webp (${(webpBuffer.length / 1024).toFixed(1)}KB)\n`);
-  } catch (err) {
-    console.log(`   ✖ Failed: ${err.message}\n`);
-  }
-
-  console.log('SDK tests complete!');
-}
-
-runTests().catch(console.error);

package/test-video-720p.mjs

@@ -1,96 +0,0 @@
-import { renderSVG, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import { Resvg } from '@resvg/resvg-wasm';
-import HME from 'h264-mp4-encoder';
-import React from 'react';
-
-// Same complex template but at 720p
-const template = defineTemplate({
-  name: 'perf-test-720',
-  type: 'video',
-  size: { width: 1280, height: 720 },
-  video: { fps: 30, duration: 5 },
-  render: ({ tw, progress, frame }) => React.createElement(
-    'div',
-    { style: tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800') },
-    React.createElement('h1', {
-      style: tw('text-7xl font-black text-white ease-out-cubic enter-bounce-in-up/0/800')
-    }, 'LOOPWIND'),
-    React.createElement('p', {
-      style: tw('text-2xl text-white/80 mt-4 ease-out enter-fade-in-up/400/600')
-    }, 'Performance Test'),
-    React.createElement('div', { style: tw('flex gap-4 mt-8') },
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/900/400')
-      }, 'Box 1'),
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/1050/400')
-      }, 'Box 2'),
-      React.createElement('div', {
-        style: tw('px-4 py-2 bg-white/10 rounded-full text-white ease-out enter-fade-in-up/1200/400')
-      }, 'Box 3')
-    )
-  )
-});
-
-async function runTest() {
-  console.log('Initializing WASM...');
-  await initWasm();
-
-  const totalFrames = 150;
-  const width = 1280;
-  const height = 720;
-
-  // Phase 1: SVG generation
-  console.log('\n=== 720p Complex Template Test ===');
-  const svgStart = Date.now();
-  const svgs = [];
-  for (let i = 0; i < totalFrames; i++) {
-    const progress = i / (totalFrames - 1);
-    const svg = await renderSVG(template, { progress, frame: i });
-    svgs.push(svg);
-  }
-  const svgTime = Date.now() - svgStart;
-  console.log('SVG generation: ' + svgTime + 'ms (' + (svgTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Phase 2: RGBA conversion (resvg)
-  const rgbaStart = Date.now();
-  const rgbaFrames = [];
-  for (let i = 0; i < totalFrames; i++) {
-    const resvg = new Resvg(svgs[i], { fitTo: { mode: 'width', value: width } });
-    const rendered = resvg.render();
-    rgbaFrames.push(rendered.pixels);
-  }
-  const rgbaTime = Date.now() - rgbaStart;
-  console.log('RGBA conversion: ' + rgbaTime + 'ms (' + (rgbaTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Phase 3: H.264 encoding
-  const encodeStart = Date.now();
-  const encoder = await HME.createH264MP4Encoder();
-  encoder.width = width;
-  encoder.height = height;
-  encoder.frameRate = 30;
-  encoder.quantizationParameter = 23;
-  encoder.speed = 10;
-  encoder.groupOfPictures = 30;
-  encoder.initialize();
-
-  for (let i = 0; i < rgbaFrames.length; i++) {
-    encoder.addFrameRgba(rgbaFrames[i]);
-  }
-  encoder.finalize();
-  const output = encoder.FS.readFile(encoder.outputFilename);
-  encoder.delete();
-  const encodeTime = Date.now() - encodeStart;
-  console.log('H.264 encoding: ' + encodeTime + 'ms (' + (encodeTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Summary
-  const totalTime = svgTime + rgbaTime + encodeTime;
-  console.log('\n=== SUMMARY (720p) ===');
-  console.log('SVG generation:  ' + svgTime + 'ms (' + ((svgTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('RGBA conversion: ' + rgbaTime + 'ms (' + ((rgbaTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('H.264 encoding:  ' + encodeTime + 'ms (' + ((encodeTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('TOTAL:           ' + totalTime + 'ms');
-  console.log('Real-time ratio: ' + (totalTime/5000).toFixed(2) + 'x');
-}
-
-runTest().catch(console.error);

package/test-video-breakdown.mjs

@@ -1,98 +0,0 @@
-import { renderSVG, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import { Resvg } from '@resvg/resvg-wasm';
-import HME from 'h264-mp4-encoder';
-import React from 'react';
-
-// Same complex template
-const template = defineTemplate({
-  name: 'perf-test-1080',
-  type: 'video',
-  size: { width: 1920, height: 1080 },
-  video: { fps: 30, duration: 5 },
-  render: ({ tw, progress, frame }) => React.createElement(
-    'div',
-    { style: tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800') },
-    React.createElement('h1', {
-      style: tw('text-9xl font-black text-white ease-out-cubic enter-bounce-in-up/0/800')
-    }, 'LOOPWIND'),
-    React.createElement('p', {
-      style: tw('text-3xl text-white/80 mt-6 ease-out enter-fade-in-up/400/600')
-    }, 'Performance Test'),
-    React.createElement('div', { style: tw('flex gap-6 mt-12') },
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/900/400')
-      }, 'Box 1'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1050/400')
-      }, 'Box 2'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1200/400')
-      }, 'Box 3')
-    )
-  )
-});
-
-async function runTest() {
-  console.log('Initializing WASM...');
-  await initWasm();
-
-  const totalFrames = 150;
-  const width = 1920;
-  const height = 1080;
-
-  // Phase 1: SVG generation
-  console.log('\n=== Phase 1: SVG Generation ===');
-  const svgStart = Date.now();
-  const svgs = [];
-  for (let i = 0; i < totalFrames; i++) {
-    const progress = i / (totalFrames - 1);
-    const svg = await renderSVG(template, { progress, frame: i });
-    svgs.push(svg);
-  }
-  const svgTime = Date.now() - svgStart;
-  console.log('SVG generation: ' + svgTime + 'ms (' + (svgTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Phase 2: RGBA conversion (resvg)
-  console.log('\n=== Phase 2: RGBA Conversion (resvg) ===');
-  const rgbaStart = Date.now();
-  const rgbaFrames = [];
-  for (let i = 0; i < totalFrames; i++) {
-    const resvg = new Resvg(svgs[i], { fitTo: { mode: 'width', value: width } });
-    const rendered = resvg.render();
-    rgbaFrames.push(rendered.pixels);
-  }
-  const rgbaTime = Date.now() - rgbaStart;
-  console.log('RGBA conversion: ' + rgbaTime + 'ms (' + (rgbaTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Phase 3: H.264 encoding
-  console.log('\n=== Phase 3: H.264 Encoding ===');
-  const encodeStart = Date.now();
-  const encoder = await HME.createH264MP4Encoder();
-  encoder.width = width;
-  encoder.height = height;
-  encoder.frameRate = 30;
-  encoder.quantizationParameter = 23;
-  encoder.speed = 10;
-  encoder.groupOfPictures = 30;
-  encoder.initialize();
-
-  for (let i = 0; i < rgbaFrames.length; i++) {
-    encoder.addFrameRgba(rgbaFrames[i]);
-  }
-  encoder.finalize();
-  const output = encoder.FS.readFile(encoder.outputFilename);
-  encoder.delete();
-  const encodeTime = Date.now() - encodeStart;
-  console.log('H.264 encoding: ' + encodeTime + 'ms (' + (encodeTime/totalFrames).toFixed(1) + 'ms/frame)');
-
-  // Summary
-  const totalTime = svgTime + rgbaTime + encodeTime;
-  console.log('\n=== SUMMARY ===');
-  console.log('SVG generation:  ' + svgTime + 'ms (' + ((svgTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('RGBA conversion: ' + rgbaTime + 'ms (' + ((rgbaTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('H.264 encoding:  ' + encodeTime + 'ms (' + ((encodeTime/totalTime)*100).toFixed(0) + '%)');
-  console.log('TOTAL:           ' + totalTime + 'ms');
-  console.log('Real-time ratio: ' + (totalTime/5000).toFixed(2) + 'x');
-}
-
-runTest().catch(console.error);

package/test-video-perf-1080.mjs

@@ -1,67 +0,0 @@
-import { renderVideo, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import React from 'react';
-
-// More complex video template at 1080p
-const template = defineTemplate({
-  name: 'perf-test-1080',
-  type: 'video',
-  size: { width: 1920, height: 1080 }, // 1080p
-  video: { fps: 30, duration: 5 },
-  render: ({ tw, progress, frame }) => React.createElement(
-    'div',
-    { style: tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800') },
-    React.createElement('h1', {
-      style: tw('text-9xl font-black text-white ease-out-cubic enter-bounce-in-up/0/800')
-    }, 'LOOPWIND'),
-    React.createElement('p', {
-      style: tw('text-3xl text-white/80 mt-6 ease-out enter-fade-in-up/400/600')
-    }, 'Performance Test'),
-    React.createElement('div', { style: tw('flex gap-6 mt-12') },
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/900/400')
-      }, 'Box 1'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1050/400')
-      }, 'Box 2'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1200/400')
-      }, 'Box 3')
-    )
-  )
-});
-
-async function runTest() {
-  console.log('Initializing WASM...');
-  const wasmStart = Date.now();
-  await initWasm();
-  console.log('WASM init: ' + (Date.now() - wasmStart) + 'ms\n');
-
-  console.log('=== Video Render Performance Test (1080p, Complex) ===');
-  console.log('Resolution: 1920x1080 (1080p)');
-  console.log('Duration: 5 seconds');
-  console.log('FPS: 30');
-  console.log('Total frames: 150\n');
-
-  const start = Date.now();
-
-  const mp4 = await renderVideo(template, {}, {
-    onProgress: (frame, total) => {
-      if (frame % 30 === 0 || frame === total) {
-        const now = Date.now();
-        const elapsed = now - start;
-        const fps = frame / (elapsed / 1000);
-        console.log('Frame ' + frame + '/' + total + ' - ' + elapsed + 'ms elapsed - ' + fps.toFixed(1) + ' frames/sec');
-      }
-    }
-  });
-
-  const totalTime = Date.now() - start;
-  console.log('\n=== Results ===');
-  console.log('Total time: ' + totalTime + 'ms (' + (totalTime/1000).toFixed(2) + 's)');
-  console.log('Frames: 150');
-  console.log('Avg per frame: ' + (totalTime/150).toFixed(1) + 'ms');
-  console.log('Real-time ratio: ' + (totalTime/5000).toFixed(2) + 'x');
-  console.log('Output size: ' + (mp4.length / 1024).toFixed(0) + 'KB');
-}
-
-runTest().catch(console.error);

package/test-video-perf.mjs

@@ -1,56 +0,0 @@
-import { renderVideo, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import React from 'react';
-
-// Simple video template
-const template = defineTemplate({
-  name: 'perf-test',
-  type: 'video',
-  size: { width: 1280, height: 720 }, // 720p
-  video: { fps: 30, duration: 5 },
-  render: ({ tw, progress }) => React.createElement(
-    'div',
-    { style: tw('flex items-center justify-center w-full h-full bg-blue-600') },
-    React.createElement('div', {
-      style: {
-        ...tw('text-8xl font-bold text-white'),
-        opacity: progress
-      }
-    }, 'TEST')
-  )
-});
-
-async function runTest() {
-  console.log('Initializing WASM...');
-  const wasmStart = Date.now();
-  await initWasm();
-  console.log('WASM init: ' + (Date.now() - wasmStart) + 'ms\n');
-
-  console.log('=== Video Render Performance Test ===');
-  console.log('Resolution: 1280x720 (720p)');
-  console.log('Duration: 5 seconds');
-  console.log('FPS: 30');
-  console.log('Total frames: 150\n');
-
-  const start = Date.now();
-
-  const mp4 = await renderVideo(template, {}, {
-    onProgress: (frame, total) => {
-      if (frame % 30 === 0 || frame === total) {
-        const now = Date.now();
-        const elapsed = now - start;
-        const fps = frame / (elapsed / 1000);
-        console.log('Frame ' + frame + '/' + total + ' - ' + elapsed + 'ms elapsed - ' + fps.toFixed(1) + ' frames/sec');
-      }
-    }
-  });
-
-  const totalTime = Date.now() - start;
-  console.log('\n=== Results ===');
-  console.log('Total time: ' + totalTime + 'ms (' + (totalTime/1000).toFixed(2) + 's)');
-  console.log('Frames: 150');
-  console.log('Avg per frame: ' + (totalTime/150).toFixed(1) + 'ms');
-  console.log('Real-time ratio: ' + (totalTime/5000).toFixed(2) + 'x');
-  console.log('Output size: ' + (mp4.length / 1024).toFixed(0) + 'KB');
-}
-
-runTest().catch(console.error);

package/test-video-props.json

@@ -1,3 +0,0 @@
-{
-  "title": "Welcome!"
-}

package/test-worker-1080p.mjs

@@ -1,103 +0,0 @@
-import { renderSVG, initWasm, defineTemplate } from './dist/sdk/workers/index.js';
-import { Resvg } from '@resvg/resvg-wasm';
-import HME from 'h264-mp4-encoder';
-import React from 'react';
-
-// Test 1080p limits
-const template = defineTemplate({
-  name: 'worker-test-1080',
-  type: 'video',
-  size: { width: 1920, height: 1080 },
-  video: { fps: 30, duration: 10 },
-  render: ({ tw, progress, frame }) => React.createElement(
-    'div',
-    { style: tw('flex flex-col items-center justify-center w-full h-full bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-800') },
-    React.createElement('h1', {
-      style: tw('text-9xl font-black text-white ease-out-cubic enter-bounce-in-up/0/800')
-    }, 'LOOPWIND'),
-    React.createElement('p', {
-      style: tw('text-3xl text-white/80 mt-6 ease-out enter-fade-in-up/400/600')
-    }, 'Worker Test'),
-    React.createElement('div', { style: tw('flex gap-6 mt-12') },
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/900/400')
-      }, 'Feature 1'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1050/400')
-      }, 'Feature 2'),
-      React.createElement('div', {
-        style: tw('px-6 py-3 bg-white/10 rounded-full text-white text-lg ease-out enter-fade-in-up/1200/400')
-      }, 'Feature 3')
-    )
-  )
-});
-
-async function runTests() {
-  console.log('=== 1080p Worker Limits Test ===\n');
-  await initWasm();
-
-  const configs = [
-    { width: 1920, height: 1080, fps: 24, duration: 5, name: '1080p/24fps/5s' },
-    { width: 1920, height: 1080, fps: 24, duration: 10, name: '1080p/24fps/10s' },
-    { width: 1920, height: 1080, fps: 30, duration: 5, name: '1080p/30fps/5s' },
-  ];
-
-  for (const config of configs) {
-    const { width, height, fps, duration, name } = config;
-    const totalFrames = fps * duration;
-
-    console.log(`\nTesting ${name} (${totalFrames} frames)...`);
-    const start = Date.now();
-
-    // SVG generation
-    const svgStart = Date.now();
-    const svgs = [];
-    for (let i = 0; i < totalFrames; i++) {
-      const progress = i / (totalFrames - 1);
-      const svg = await renderSVG(template, { progress, frame: i });
-      svgs.push(svg);
-    }
-    const svgTime = Date.now() - svgStart;
-
-    // RGBA conversion
-    const rgbaStart = Date.now();
-    const rgbaFrames = [];
-    for (let i = 0; i < totalFrames; i++) {
-      const resvg = new Resvg(svgs[i], { fitTo: { mode: 'width', value: width } });
-      const rendered = resvg.render();
-      rgbaFrames.push(rendered.pixels);
-    }
-    const rgbaTime = Date.now() - rgbaStart;
-
-    // H.264 encoding
-    const encodeStart = Date.now();
-    const encoder = await HME.createH264MP4Encoder();
-    encoder.width = width;
-    encoder.height = height;
-    encoder.frameRate = fps;
-    encoder.quantizationParameter = 23;
-    encoder.speed = 10;
-    encoder.groupOfPictures = fps;
-    encoder.initialize();
-
-    for (const frame of rgbaFrames) {
-      encoder.addFrameRgba(frame);
-    }
-    encoder.finalize();
-    const output = encoder.FS.readFile(encoder.outputFilename);
-    encoder.delete();
-    const encodeTime = Date.now() - encodeStart;
-
-    const totalTime = Date.now() - start;
-    const realTimeRatio = totalTime / (duration * 1000);
-    const workerViable = totalTime < 30000;
-
-    console.log(`  Total: ${totalTime}ms (${realTimeRatio.toFixed(2)}x real-time)`);
-    console.log(`  SVG: ${svgTime}ms, RGBA: ${rgbaTime}ms, H.264: ${encodeTime}ms`);
-    console.log(`  RGBA/frame: ${(rgbaTime/totalFrames).toFixed(0)}ms`);
-    console.log(`  Worker viable (<30s): ${workerViable ? 'YES ✓' : 'NO ✗'}`);
-    console.log(`  Output size: ${(output.length / 1024).toFixed(0)}KB`);
-  }
-}
-
-runTests().catch(console.error);