fix: correct HyperFrames CLI syntax — render takes file path + -o flag, not --width/--height args

lib/renderer.js

@@ -1,52 +1,45 @@
 import { execFile } from 'child_process';
-import { promisify } from 'util';
 import path from 'path';
 import fs from 'fs';
 
-const execFileAsync = promisify(execFile);
-
 export async function renderVideo(compDir, outputFile, config, onProgress) {
   const { format = '9:16', duration = 75 } = config;
   const [w, h] = format === '9:16' ? [1080, 1920] : format === '1:1' ? [1080, 1080] : [1920, 1080];
   onProgress?.(0);
 
-  // Write meta.json
-  const meta = { duration, width: w, height: h, fps: 30 };
-  fs.writeFileSync(path.join(compDir, 'meta.json'), JSON.stringify(meta, null, 2));
+  // Write meta.json — HyperFrames reads width/height/fps/duration from here
+  fs.writeFileSync(path.join(compDir, 'meta.json'), JSON.stringify(
+    { duration, width: w, height: h, fps: 30 }, null, 2
+  ));
 
-  // Detect Chrome path for Docker
-  const chromePaths = [
+  // Detect Chrome
+  const chromePath = [
     process.env.PUPPETEER_EXECUTABLE_PATH,
     process.env.CHROME_PATH,
     '/usr/bin/chromium',
     '/usr/bin/chromium-browser',
     '/usr/bin/google-chrome',
-  ].filter(Boolean);
+  ].find(p => p && fs.existsSync(p));
 
-  let chromePath = null;
-  for (const p of chromePaths) {
-    if (fs.existsSync(p)) { chromePath = p; break; }
-  }
-  console.log(`[renderer] Chrome path: ${chromePath || 'auto-detect'}`);
+  console.log(`[renderer] Chrome: ${chromePath || 'auto'} | ${w}x${h} | ${duration}s`);
 
-  // Build hyperframes render args
+  // Correct CLI: npx hyperframes render ./index.html -o output.mp4
   const args = ['hyperframes', 'render',
-    '--output', outputFile,
-    '--width', String(w),
-    '--height', String(h),
-    '--fps', '30',
+    path.join(compDir, 'index.html'),
+    '-o', outputFile,
   ];
-  if (chromePath) args.push('--chrome-path', chromePath);
+
+  const env = {
+    ...process.env,
+    PUPPETEER_EXECUTABLE_PATH: chromePath || '/usr/bin/chromium',
+    CHROME_PATH: chromePath || '/usr/bin/chromium',
+  };
 
   return new Promise((resolve, reject) => {
     const proc = execFile('npx', args, {
       cwd: compDir,
       maxBuffer: 500 * 1024 * 1024,
-      env: {
-        ...process.env,
-        PUPPETEER_EXECUTABLE_PATH: chromePath || '/usr/bin/chromium',
-        CHROME_PATH: chromePath || '/usr/bin/chromium',
-      },
+      env,
     });
 
     let stderr = '';
@@ -62,10 +55,7 @@ export async function renderVideo(compDir, outputFile, config, onProgress) {
     });
     proc.on('close', (code) => {
       if (code === 0) { onProgress?.(1); resolve(outputFile); }
-      else {
-        const errMsg = stderr.slice(-500) || `exit code ${code}`;
-        reject(new Error(`HyperFrames render failed:\n${errMsg}`));
-      }
+      else reject(new Error(`HyperFrames render failed:\n${stderr.slice(-800)}`));
     });
   });
 }