hyperframes 0.7.0 → 0.7.2

package/dist/cli.js

@@ -50,7 +50,7 @@ var VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    VERSION = true ? "0.7.0" : "0.0.0-dev";
+    VERSION = true ? "0.7.2" : "0.0.0-dev";
   }
 });
 
@@ -35159,8 +35159,10 @@ async function extractAudioMetadata(filePath) {
     const audioStream = output.streams.find((s2) => s2.codec_type === "audio");
     if (!audioStream) throw new Error("[FFmpeg] No audio stream found");
     const durationSeconds = output.format.duration ? parseFloat(output.format.duration) : 0;
+    const streamDuration = audioStream.duration ? parseFloat(audioStream.duration) : void 0;
     return {
       durationSeconds,
+      streamDurationSeconds: streamDuration && streamDuration > 0 ? streamDuration : void 0,
       sampleRate: audioStream.sample_rate ? parseInt(audioStream.sample_rate) : 44100,
       channels: audioStream.channels || 2,
       audioCodec: audioStream.codec_name || "unknown",
@@ -35754,7 +35756,7 @@ async function muxVideoWithAudio(videoPath, audioPath, outputPath, signal, confi
   if (fps !== void 0) {
     args.push("-r", fpsToFfmpegArg(fps));
   }
-  args.push("-shortest", "-y", outputPath);
+  args.push("-y", outputPath);
   const processTimeout = config?.ffmpegProcessTimeout ?? DEFAULT_CONFIG2.ffmpegProcessTimeout;
   const result = await runFfmpeg(args, { signal, timeout: processTimeout });
   if (signal?.aborted) {
@@ -42425,6 +42427,8 @@ function trackRenderComplete(props) {
       stage_video_extract_ms: props.stageVideoExtractMs,
       stage_audio_process_ms: props.stageAudioProcessMs,
       stage_capture_ms: props.stageCaptureMs,
+      stage_capture_setup_ms: props.stageCaptureSetupMs,
+      stage_capture_frame_ms: props.stageCaptureFrameMs,
       stage_encode_ms: props.stageEncodeMs,
       stage_assemble_ms: props.stageAssembleMs,
       extract_resolve_ms: props.extractResolveMs,
@@ -47115,6 +47119,8 @@ function stagesPayload(stages) {
     stageVideoExtractMs: stages.videoExtractMs,
     stageAudioProcessMs: stages.audioProcessMs,
     stageCaptureMs: stages.captureMs,
+    stageCaptureSetupMs: stages.captureSetupMs,
+    stageCaptureFrameMs: stages.captureFrameMs,
     stageEncodeMs: stages.encodeMs,
     stageAssembleMs: stages.assembleMs
   };
@@ -92490,6 +92496,7 @@ function extractRequestedFontFamilies(html) {
     for (const originalCase of families) {
       const normalized = originalCase.toLowerCase();
       if (!normalized || GENERIC_FAMILIES2.has(normalized)) continue;
+      if (normalized.startsWith("var(")) continue;
       if (!requested.has(normalized)) requested.set(normalized, originalCase);
     }
   }
@@ -93948,18 +93955,6 @@ function updateJobStatus(job, status, stage, progress, onProgress) {
   if (status === "failed" || status === "complete") job.completedAt = /* @__PURE__ */ new Date();
   if (onProgress) onProgress(job, stage);
 }
-function createCompiledFrameSrcResolver(compiledDir) {
-  const compiledRoot = resolve23(compiledDir);
-  return (framePath) => {
-    const resolvedFramePath = resolve23(framePath);
-    if (!isPathInside3(resolvedFramePath, compiledRoot)) return null;
-    const relativePath = relative7(compiledRoot, resolvedFramePath);
-    if (!relativePath || relativePath.startsWith("..") || isAbsolute9(relativePath)) {
-      return null;
-    }
-    return `/${relativePath.split(/[\\/]+/).map((segment) => encodeURIComponent(segment)).join("/")}`;
-  };
-}
 function createMemorySampler(intervalMs = 250) {
   let peakRss = 0;
   let peakHeap = 0;
@@ -94347,7 +94342,9 @@ function buildRenderPerfSummary(input2) {
     hdrDiagnostics: input2.hdrDiagnostics.videoExtractionFailures > 0 || input2.hdrDiagnostics.imageDecodeFailures > 0 ? { ...input2.hdrDiagnostics } : void 0,
     hdrPerf: input2.hdrPerf ? finalizeHdrPerf(input2.hdrPerf) : void 0,
     observability: input2.observability,
-    captureAvgMs: input2.totalFrames > 0 ? Math.round((input2.perfStages.captureMs ?? 0) / input2.totalFrames) : void 0,
+    captureAvgMs: input2.totalFrames > 0 ? Math.round(
+      (input2.perfStages.captureFrameMs ?? input2.perfStages.captureMs ?? 0) / input2.totalFrames
+    ) : void 0,
     peakRssMb: Math.round(input2.peakRssBytes / (1024 * 1024)),
     peakHeapUsedMb: Math.round(input2.peakHeapUsedBytes / (1024 * 1024)),
     staticDedup: aggregateDedup(input2.dedupPerfs)
@@ -99470,6 +99467,12 @@ function shouldUseStreamingEncode(cfg, outputFormat, workerCount, durationSecond
   if (durationSeconds > cfg.streamingEncodeMaxDurationSeconds) return false;
   return workerCount === 1;
 }
+function resolveCaptureForceScreenshotForPageSideCompositing(args) {
+  return args.usePageSideCompositing ? true : args.forceScreenshot;
+}
+function shouldDiscardProbeSessionForPageSideCompositing(args) {
+  return args.hasProbeSession && args.usePageSideCompositing;
+}
 function extractStandaloneEntryFromIndex(indexHtml, entryFile) {
   const normalizedEntryFile = normalizeCompositionSrcPath(entryFile);
   const { document: document2 } = parseHTML(indexHtml);
@@ -99800,11 +99803,9 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
       videoMetadataHints,
       skipReadinessVideoIds: videoReadinessSkipIds
     });
-    const frameSrcResolver = createCompiledFrameSrcResolver(compiledDir);
     const createRenderVideoFrameInjector = () => createVideoFrameInjector(frameLookup, {
       frameDataUriCacheLimit: cfg.frameDataUriCacheLimit,
-      frameDataUriCacheBytesLimitMb: cfg.frameDataUriCacheBytesLimitMb,
-      frameSrcResolver
+      frameDataUriCacheBytesLimitMb: cfg.frameDataUriCacheBytesLimitMb
     });
     let captureCalibration;
     const htmlInCanvasDetected = compiled.renderModeHints.reasons.some(
@@ -99889,8 +99890,24 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
     const usePageSideCompositingForTransitions = (cfg.enablePageSideCompositing || isGif) && compiled.hasShaderTransitions && !hasHdrContent && !isPngSequence && !needsAlpha;
     if (usePageSideCompositingForTransitions) {
       activeFileServer.addPreHeadScript(HF_PAGE_SIDE_COMPOSITING_STUB);
+      if (shouldDiscardProbeSessionForPageSideCompositing({
+        hasProbeSession: probeSession !== null,
+        usePageSideCompositing: true
+      }) && probeSession) {
+        lastBrowserConsole = probeSession.browserConsoleBuffer;
+        await closeCaptureSession(probeSession);
+        probeSession = null;
+        log2.info(
+          "[Render] Recreating capture session so page-side compositing pre-head script is loaded."
+        );
+      }
+      captureForceScreenshot = resolveCaptureForceScreenshotForPageSideCompositing({
+        forceScreenshot: captureForceScreenshot,
+        usePageSideCompositing: true
+      });
+      updateCaptureObservability({ forceScreenshot: captureForceScreenshot });
       log2.info(
-        "[Render] Page-side compositing enabled \u2014 bypassing Node-side layered shader-blend path. Engine will capture one opaque RGB frame per output frame."
+        "[Render] Page-side compositing enabled \u2014 bypassing Node-side layered shader-blend path. Engine will capture one opaque RGB screenshot per output frame."
       );
     }
     const useLayeredComposite = !usePageSideCompositingForTransitions && shouldUseLayeredComposite({
@@ -99969,10 +99986,13 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
       lastBrowserConsole = hdrRes.lastBrowserConsole;
       hdrPerf = hdrRes.hdrPerf;
       perfStages.captureMs = hdrRes.captureDurationMs;
+      perfStages.captureFrameMs = hdrRes.captureDurationMs;
+      perfStages.captureSetupMs = Math.max(0, Date.now() - stage4Start - hdrRes.captureDurationMs);
       perfStages.encodeMs = hdrRes.encodeMs;
     } else {
       let streamingHandled = false;
       if (useStreamingEncode) {
+        const captureFrameStart = Date.now();
         const streamingRes = await observeRenderStage(
           observability,
           "capture_streaming",
@@ -100012,6 +100032,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
             dedupPerfs
           })
         );
+        const captureFrameMs = Date.now() - captureFrameStart;
         if (streamingRes.success) {
           streamingHandled = true;
           workerCount = streamingRes.workerCount;
@@ -100019,6 +100040,8 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
           probeSession = streamingRes.probeSession;
           lastBrowserConsole = streamingRes.lastBrowserConsole;
           perfStages.captureMs = Date.now() - stage4Start;
+          perfStages.captureFrameMs = captureFrameMs;
+          perfStages.captureSetupMs = Math.max(0, perfStages.captureMs - captureFrameMs);
           perfStages.encodeMs = streamingRes.encodeMs;
         } else {
           useStreamingEncode = false;
@@ -100027,6 +100050,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
         }
       }
       if (!streamingHandled) {
+        const captureFrameStart = Date.now();
         const captureRes = await observeRenderStage(
           observability,
           "capture_disk",
@@ -100052,11 +100076,14 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
             onProgress
           })
         );
+        const captureFrameMs = Date.now() - captureFrameStart;
         workerCount = captureRes.workerCount;
         updateCaptureObservability({ workerCount });
         probeSession = captureRes.probeSession;
         lastBrowserConsole = captureRes.lastBrowserConsole;
         perfStages.captureMs = Date.now() - stage4Start;
+        perfStages.captureFrameMs = captureFrameMs;
+        perfStages.captureSetupMs = Math.max(0, perfStages.captureMs - captureFrameMs);
         const encodeRes = await observeRenderStage(
           observability,
           "encode",
@@ -107651,6 +107678,8 @@ function trackRenderMetrics(job, elapsedMs, options, docker) {
     stageVideoExtractMs: stages.videoExtractMs,
     stageAudioProcessMs: stages.audioProcessMs,
     stageCaptureMs: stages.captureMs,
+    stageCaptureSetupMs: stages.captureSetupMs,
+    stageCaptureFrameMs: stages.captureFrameMs,
     stageEncodeMs: stages.encodeMs,
     stageAssembleMs: stages.assembleMs,
     extractResolveMs: extract?.resolveMs,

package/dist/studio/assets/{index-CccCJ2B6.js → index-BG050Nfr.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-CbNg8Ghm.js";/*!
+import{n as Qi}from"./index-C3MVn8bx.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public