@hyperframes/producer 0.8.185 → 0.8.186

package/dist/distributed.js

@@ -2255,7 +2255,10 @@ function stripCompilerMountBootstrap(source) {
     ""
   );
 }
-function detectRenderModeHints(html) {
+function runtimeRoot(document2) {
+  return document2.querySelector('[data-composition-id][data-root="true"]') ?? document2.querySelector("[data-composition-id]");
+}
+function detectRenderModeHints(html, pageMotionBlur) {
   const reasons = [];
   const { document: document2 } = parseHTML4(html);
   if (document2.querySelector("canvas[layoutsubtree]")) {
@@ -2263,6 +2266,11 @@ function detectRenderModeHints(html) {
       code: "htmlInCanvas",
       message: "Detected html-in-canvas API (layoutsubtree canvas). Chrome does not support concurrent drawElementImage across multiple workers; render is pinned to a single worker."
     });
+  } else if (pageMotionBlur !== "off" && runtimeRoot(document2)?.getAttribute("data-motion-blur") === "on") {
+    reasons.push({
+      code: "captureMotionBlur",
+      message: 'Detected capture motion blur (data-motion-blur="on"), which draws each frame with html-in-canvas; routed through screenshot capture mode.'
+    });
   }
   if (document2.querySelector("iframe")) {
     reasons.push({
@@ -3294,7 +3302,7 @@ async function compileForRender(projectDir, htmlPath, downloadDir, options = {})
     /(<(?:video|audio)\b[^>]*?)\s+preload\s*=\s*["']none["']/gi,
     "$1"
   );
-  const renderModeHints = detectRenderModeHints(sanitizedHtml);
+  const renderModeHints = detectRenderModeHints(sanitizedHtml, options.pageMotionBlur);
   const hasShaderTransitions = detectShaderTransitionUsage(sanitizedHtml);
   const usesThreeDTransforms = detectThreeDTransformUsage(sanitizedHtml);
   const usesMixBlendMode = detectMixBlendModeUsage(sanitizedHtml);
@@ -3779,6 +3787,7 @@ async function runCompileStage(input) {
     abortSignal,
     variables: input.variables,
     urlByAbsentLocalPath: input.urlByAbsentLocalPath,
+    pageMotionBlur: input.pageMotionBlur,
     animatedGifCacheDir: cfg.extractCacheDir ? join6(cfg.extractCacheDir, "animated-gif") : void 0,
     ffmpegProcessTimeout: cfg.ffmpegProcessTimeout
   });
@@ -4075,6 +4084,7 @@ async function runProbeStage(input) {
         variables: job.config.variables,
         deviceScaleFactor,
         motionBlur,
+        pageMotionBlur: job.config.pageMotionBlur,
         requiresWebGpu: compositionRequiresWebGpu(compiled.html),
         subTimelineWaitMemo
       };
@@ -6806,7 +6816,8 @@ function buildSyntheticRenderJob(input) {
     hdrMode: input.hdrMode,
     strictness: input.strictness,
     producerConfig: input.producerConfig,
-    variables: input.variables
+    variables: input.variables,
+    pageMotionBlur: "off"
   };
   return createRenderJob(renderConfig);
 }
@@ -6930,6 +6941,7 @@ function buildChunkCaptureOptions(input) {
     skipReadinessVideoIds: input.skipReadinessVideoIds,
     videoMetadataHints: input.videoMetadataHints,
     ...videoCaptureBeyondViewport !== void 0 ? { captureBeyondViewport: videoCaptureBeyondViewport } : {},
+    pageMotionBlur: "distributed-render",
     // A fixed warmup count keeps `beginFrameTimeTicks` host-independent.
     lockWarmupTicks: true,
     requiresWebGpu: compositionRequiresWebGpu3(input.html)
@@ -8596,7 +8608,8 @@ async function compilePlanComposition(projectDir, config, planDir, options) {
     // Distributed renders must not capture host-specific system fonts —
     // the Lambda/worker filesystem won't have the same fonts installed.
     allowSystemFontCapture: false,
-    variables: config.variables
+    variables: config.variables,
+    pageMotionBlur: job.config.pageMotionBlur
   });
   logPlanStage(log, "compile", stageStarted);
   let compiled = compileResult.compiled;

package/dist/hyperframe.manifest.json

@@ -1,7 +1,7 @@
 {
   "version": "0.1.0",
   "buildId": "dev",
-  "sha256": "6b080917689b34014c8f3884d89beea5dcd39986c93335d117c29fa055e0ecd8",
+  "sha256": "70c934b140617fa19f8ceb0444d107d1232d9c56987c0207d4e05fc658356a42",
   "artifacts": {
     "iife": "hyperframe.runtime.iife.js",
     "esm": "hyperframe.runtime.mjs"