hyperframes 0.8.49 → 0.8.50

package/dist/fontLocalizeCli.js

@@ -55501,7 +55501,7 @@ function buildChromeArgs(options, config) {
     // frame-capture loop then blocks waiting for it, deadlocking the render.
     "--autoplay-policy=no-user-gesture-required"
   ];
-  if (browserGpuMode !== "software") {
+  if (browserGpuMode !== "software" || options.requiresWebGpu) {
     chromeArgs.push(WEBGPU_FLAG);
   }
   if (browserGpuMode === "software") {
@@ -55525,6 +55525,28 @@ function buildChromeArgs(options, config) {
   }
   return chromeArgs;
 }
+function compositionRequiresWebGpu(html) {
+  for (const [tag] of html.matchAll(/<(?:[^<>"']|"[^"]*"|'[^']*')*>/g)) {
+    if (/\bdata-composition-id\b/i.test(tag)) return /\bdata-requires-webgpu(?:\s|=|>)/i.test(tag);
+  }
+  return false;
+}
+async function assertWebGpuAdapterAvailable(page, requiresWebGpu) {
+  if (!requiresWebGpu) return;
+  const hasUsableAdapter = await page.evaluate(async (timeoutMs) => {
+    if (typeof navigator === "undefined" || !navigator.gpu) return false;
+    try {
+      const adapter2 = await Promise.race([
+        navigator.gpu.requestAdapter(),
+        new Promise((resolve18) => setTimeout(() => resolve18(null), timeoutMs))
+      ]);
+      return !!adapter2 && !adapter2.info.isFallbackAdapter;
+    } catch {
+      return false;
+    }
+  }, WEBGPU_ADAPTER_PROBE_TIMEOUT_MS);
+  if (!hasUsableAdapter) throw new WebGpuUnavailableError();
+}
 function getBrowserGpuArgs(mode, platform3) {
   if (mode === "software") {
     return ["--use-gl=angle", "--use-angle=swiftshader", "--enable-unsafe-swiftshader"];
@@ -55549,7 +55571,7 @@ function getBrowserGpuArgs(mode, platform3) {
       return ["--enable-gpu-rasterization"];
   }
 }
-var _puppeteer, CACHED_HEADLESS_SHELL_EXECUTABLES, ENABLE_BROWSER_POOL, BEGINFRAME_ONLY_FLAGS, BEGINFRAME_SCREENSHOT_PROBE_ATTEMPTS, BEGINFRAME_PROBE_TIMEOUT_MS, BEGINFRAME_PROBE_CLEANUP_TIMEOUT_MS, _autoBrowserGpuModeCache, _unverifiedHardwareGpuWarned, browserLeasePool, _cachedVramMb, CANVAS_DRAW_ELEMENT_FEATURE_FLAG, WEBGPU_FLAG;
+var _puppeteer, CACHED_HEADLESS_SHELL_EXECUTABLES, ENABLE_BROWSER_POOL, BEGINFRAME_ONLY_FLAGS, BEGINFRAME_SCREENSHOT_PROBE_ATTEMPTS, BEGINFRAME_PROBE_TIMEOUT_MS, BEGINFRAME_PROBE_CLEANUP_TIMEOUT_MS, _autoBrowserGpuModeCache, _unverifiedHardwareGpuWarned, browserLeasePool, _cachedVramMb, CANVAS_DRAW_ELEMENT_FEATURE_FLAG, WEBGPU_FLAG, WebGpuUnavailableError, WEBGPU_ADAPTER_PROBE_TIMEOUT_MS;
 var init_browserManager = __esm({
   "../engine/src/services/browserManager.ts"() {
     "use strict";
@@ -55588,6 +55610,15 @@ var init_browserManager = __esm({
     _cachedVramMb = null;
     CANVAS_DRAW_ELEMENT_FEATURE_FLAG = "--enable-features=CanvasDrawElement";
     WEBGPU_FLAG = "--enable-unsafe-webgpu";
+    WebGpuUnavailableError = class extends Error {
+      constructor() {
+        super(
+          "This composition declares data-requires-webgpu, but no hardware WebGPU adapter could be obtained on this browser launch (a software fallback adapter such as swiftshader reports one but cannot render it). Run on a host with a GPU, or remove data-requires-webgpu."
+        );
+        this.name = "WebGpuUnavailableError";
+      }
+    };
+    WEBGPU_ADAPTER_PROBE_TIMEOUT_MS = 1e4;
   }
 });
 
@@ -59198,8 +59229,9 @@ async function createCaptureSession(serverUrl, outputDir, options, onBeforeCaptu
     config
   );
   const preMode = headlessShell && isLinux && !effectiveForceScreenshot && !supersampling && !drawElementTransparent ? "beginframe" : "screenshot";
+  const requiresWebGpu = options.requiresWebGpu ?? await fetch(`${serverUrl}/index.html`, { signal: AbortSignal.timeout(5e3) }).then((res) => res.text()).then(compositionRequiresWebGpu).catch(() => false);
   const chromeArgs = buildChromeArgs(
-    { width: options.width, height: options.height, captureMode: preMode },
+    { width: options.width, height: options.height, captureMode: preMode, requiresWebGpu },
     { ...config, browserGpuMode: resolvedGpuMode }
   );
   const browserLease = await acquireBrowser(chromeArgs, config);
@@ -59210,7 +59242,8 @@ async function createCaptureSession(serverUrl, outputDir, options, onBeforeCaptu
     options,
     onBeforeCapture,
     config,
-    useDrawElement
+    useDrawElement,
+    requiresWebGpu
   });
 }
 async function constructCaptureSessionWithRollback(input) {
@@ -59259,6 +59292,7 @@ async function constructCaptureSession(input) {
     onBeforeCapture,
     config,
     useDrawElement,
+    requiresWebGpu,
     onPageCreated
   } = input;
   const { browser, captureMode } = browserLease;
@@ -59321,6 +59355,7 @@ async function constructCaptureSession(input) {
     serverUrl,
     outputDir,
     onBeforeCapture,
+    requiresWebGpu,
     isInitialized: false,
     browserConsoleBuffer: [],
     scriptLoadFailures: [],
@@ -59774,6 +59809,7 @@ async function initializeSession(session) {
       );
       throw error;
     }
+    await assertWebGpuAdapterAvailable(page, session.requiresWebGpu ?? false);
   };
   if (session.captureMode === "screenshot") {
     await gotoEntryPage();
@@ -64589,6 +64625,37 @@ var init_htmlCompiler = __esm({
   }
 });
 
+// ../core/dist/compiler/scriptRuns.js
+function isClassicInline(el) {
+  const type = (el.getAttribute("type") || "").trim().toLowerCase();
+  return !type || type === "text/javascript" || type === "application/javascript";
+}
+function isSeparateExecution(el, isPinned) {
+  return el.hasAttribute("src") || isPinned(el) || (el.getAttribute("type") || "").trim().toLowerCase() === "module";
+}
+function inlineScriptRuns(scripts, isPinned = () => false) {
+  const runs = [];
+  let members = [];
+  for (const el of scripts) {
+    if (isSeparateExecution(el, isPinned)) {
+      if (members.length === 0)
+        continue;
+      runs.push({ members, anchor: el });
+      members = [];
+    } else if (isClassicInline(el)) {
+      members.push(el);
+    }
+  }
+  if (members.length > 0)
+    runs.push({ members, anchor: null });
+  return runs;
+}
+var init_scriptRuns = __esm({
+  "../core/dist/compiler/scriptRuns.js"() {
+    "use strict";
+  }
+});
+
 // ../core/dist/compiler/externalScripts.js
 function readExternalScriptAttributes(el) {
   const attributes2 = {};
@@ -68995,6 +69062,46 @@ var require_dist = __commonJS({
   }
 });
 
+// ../parsers/dist/topLevelElements.js
+function isSubCompositionHost(node) {
+  return node.attrs["data-composition-src"] !== void 0 || node.attrs["data-composition-id"] !== void 0;
+}
+function isTimedElement(node) {
+  const { attrs } = node;
+  return attrs["data-start"] !== void 0 || attrs["data-track-index"] !== void 0 && attrs["data-duration"] !== void 0 || MEDIA_TAGS.has(node.tag.toLowerCase());
+}
+function topLevelElements(root) {
+  const rows = [];
+  const visit = (node) => {
+    if (NON_RENDERED_TAGS.has(node.tag.toLowerCase())) return;
+    if (isSubCompositionHost(node) || isTimedElement(node)) rows.push(node);
+    else node.children.forEach(visit);
+  };
+  root.children.forEach(visit);
+  return rows;
+}
+function trackKindOf(node) {
+  const explicit = node.attrs["data-track-kind"]?.trim().toLowerCase();
+  if (explicit && TRACK_KINDS.includes(explicit))
+    return { kind: explicit, source: "attribute" };
+  const tag = node.tag.toLowerCase();
+  if (tag === "video" || tag === "audio") return { kind: tag, source: "tag" };
+  if (isSubCompositionHost(node)) {
+    const legacy = node.attrs["data-composition-id"] === "captions" || /(?:^|\s)caption[-_]/.test(node.attrs.class ?? "");
+    return legacy ? { kind: "captions", source: "legacy-captions" } : { kind: "graphics", source: "sub-composition" };
+  }
+  return { kind: "graphics", source: "tag" };
+}
+var NON_RENDERED_TAGS, MEDIA_TAGS, TRACK_KINDS;
+var init_topLevelElements = __esm({
+  "../parsers/dist/topLevelElements.js"() {
+    "use strict";
+    NON_RENDERED_TAGS = /* @__PURE__ */ new Set(["script", "style", "template", "noscript", "link", "meta"]);
+    MEDIA_TAGS = /* @__PURE__ */ new Set(["video", "audio", "img"]);
+    TRACK_KINDS = ["video", "audio", "captions", "graphics"];
+  }
+});
+
 // ../parsers/dist/assetResolution.js
 function hasUnresolvedTemplatingToken(url) {
   return /<<[^<>]+>>|\{\{[^{}]+\}\}|\$\{[^{}]+\}/.test(url);
@@ -73120,6 +73227,94 @@ function extractScenesFromClips(ctx) {
   collectCompositionIdScenes(ctx, seen, scenes);
   return scenes;
 }
+function toNode(open) {
+  const attrs = {};
+  for (const name of NODE_ATTRS) attrs[name] = readDecodedAttr(open.raw, name) ?? void 0;
+  return { tag: open.name, attrs, children: [], open };
+}
+function enclosing(stack, root, index) {
+  let top = stack.at(-1);
+  while (top && stack.length > 1 && index >= top.end) {
+    stack.pop();
+    top = stack.at(-1);
+  }
+  return top?.node ?? root;
+}
+function buildTree(ctx) {
+  const { rootTag } = ctx;
+  const rootEnd = rootTag?.closeIndex;
+  if (!rootTag || rootEnd == null) return null;
+  const root = toNode(rootTag);
+  const stack = [{ node: root, end: rootEnd }];
+  for (const tag of ctx.tags.filter((t) => t.index > rootTag.index && t.index < rootEnd)) {
+    const node = toNode(tag);
+    enclosing(stack, root, tag.index).children.push(node);
+    if (tag.closeIndex != null) stack.push({ node, end: tag.closeIndex });
+  }
+  return root;
+}
+function hasNestedStructure(node) {
+  if (OPAQUE_TAGS.has(node.tag)) return null;
+  for (const child of node.children) {
+    if (NON_LAYOUT_TAGS.has(child.tag)) continue;
+    if (!INLINE_TEXT_TAGS.has(child.tag)) return child;
+    const deeper = hasNestedStructure(child);
+    if (deeper) return deeper;
+  }
+  return null;
+}
+function nestedStructureFindings(rows, severity) {
+  return rows.flatMap((row) => {
+    const nested = isSubCompositionHost(row) ? null : hasNestedStructure(row);
+    if (!nested) return [];
+    return [
+      {
+        code: "nested_structure_needs_subcomposition",
+        severity,
+        message: `${describe(row)} is a timeline element that contains nested ${describe(nested)}. The timeline shows one row per top-level element, and the root composition is built only from sub-compositions.`,
+        elementId: row.attrs.id,
+        fixHint: `Move ${describe(row)} and its contents into a sub-composition file and mount it with data-composition-src.`
+      }
+    ];
+  });
+}
+function missingDurationFindings(rows, severity) {
+  const intendedClip = (row) => !MEDIA_TAGS2.has(row.tag) || row.attrs["data-start"] !== void 0 || row.attrs["data-track-index"] !== void 0;
+  return rows.filter(
+    (row) => row.attrs["data-duration"] === void 0 && row.attrs["data-end"] === void 0 && !isSubCompositionHost(row) && intendedClip(row)
+  ).map((row) => {
+    const isMedia = MEDIA_TAGS2.has(row.tag);
+    return {
+      code: isMedia ? "media_missing_duration" : "timeline_element_missing_timing",
+      severity,
+      message: isMedia ? `${describe(row)} is media on the timeline without data-duration, so its clip has no length.` : `${describe(row)} is a timeline element without data-duration, so the timeline cannot draw where it ends.`,
+      elementId: row.attrs.id,
+      fixHint: `Add data-duration (in seconds) to ${describe(row)}.`
+    };
+  });
+}
+function captionFindings(rows, severity) {
+  const captionRows = rows.filter((row) => trackKindOf(row).kind === "captions");
+  const findings = captionRows.filter((row) => trackKindOf(row).source === "legacy-captions").map((row) => ({
+    code: "caption_track_kind_missing",
+    severity,
+    message: `${describe(row)} looks like captions but is not marked as such, so the timeline cannot group it on the caption track.`,
+    elementId: row.attrs.id,
+    fixHint: `Add data-track-kind="captions" to ${describe(row)}.`
+  }));
+  const lanes = new Set(
+    captionRows.flatMap((row) => row.attrs["data-track-index"] ?? row.attrs["data-track"] ?? [])
+  );
+  if (lanes.size > 1) {
+    findings.push({
+      code: "multiple_caption_tracks",
+      severity,
+      message: `Captions are spread across ${lanes.size} timeline tracks. Keep all captions on one track.`,
+      fixHint: "Give every caption element the same data-track-index."
+    });
+  }
+  return findings;
+}
 function dedupeKeyFor(finding) {
   return [
     finding.code,
@@ -73174,7 +73369,7 @@ async function lintHyperframeHtml(html, options = {}) {
     timings: { totalMs: performance.now() - startedAt, ...timings }
   };
 }
-var import_postcss_selector_parser, COMPOSITION_ID_IN_CSS_PATTERN, TIMELINE_REGISTRY_INIT_PATTERN, TIMELINE_REGISTRY_OBJECT_LITERAL_PATTERN, TIMELINE_REGISTRY_ASSIGN_PATTERN, WINDOW_TIMELINE_ASSIGN_PATTERN, INVALID_SCRIPT_CLOSE_PATTERN, TIMELINE_REGISTRY_KEY_PATTERN, TIMELINE_REGISTRY_OBJECT_OPEN_PATTERN, TIMELINE_REGISTRY_OBJECT_ENTRY_PATTERN, REGEX_ALLOWED_BEFORE, REGEX_ALLOWED_KEYWORDS, WORD_CHAR, CodeContext, VISIBLE_MARKUP_COMMENT_PATTERN, VISIBLE_MARKUP_COMMENT_PROTECTED_BLOCK_PATTERN, coreRules, IMAGE_SRC_EXT, VIDEO_SRC_EXT, AUDIO_SRC_EXT, SRC_KIND_NOUN, mediaRules, AUDIO_GROUP_TIMING_ATTRS, MAX_COMPOSITION_LINES, MAX_TIMED_ELEMENTS_PER_TRACK, TRACK_DENSITY_EXEMPT_TAGS, CAPTION_CUE_TOKEN, HEAVY_OVERLAY_ELEMENT_COUNT_WARN, HEAVY_OVERLAY_EXEMPT_TAGS, HEAVY_OVERLAY_CSS_PATTERN, INLINE_STYLE_DISPLAY_NONE_PATTERN, compositionRules, SCENE_BOUNDARY_EPSILON_SECONDS, UNRESOLVED_TARGET, gsapWindowsCache, CONFLICTING_TRANSLATE_PROPS, CONFLICTING_SCALE_PROPS, RELATIVE_TWEEN_VALUE, TRANSFORM_SENSITIVE_READ, TRANSFORM_INVARIANT_READ, CALLBACK_MEASUREMENT_PATTERN, NUMBER_METHODS, gsapRules, captionRules, adapterRules, TEXTURE_BASE_CLASS, TEXTURE_CLASS_PREFIX, textureRules, GENERIC_FAMILIES, fontRules, slideshowRules, RULE_GROUPS, LINT_RULE_COUNT, LINT_RULE_GROUP_COUNTS;
+var import_postcss_selector_parser, COMPOSITION_ID_IN_CSS_PATTERN, TIMELINE_REGISTRY_INIT_PATTERN, TIMELINE_REGISTRY_OBJECT_LITERAL_PATTERN, TIMELINE_REGISTRY_ASSIGN_PATTERN, WINDOW_TIMELINE_ASSIGN_PATTERN, INVALID_SCRIPT_CLOSE_PATTERN, TIMELINE_REGISTRY_KEY_PATTERN, TIMELINE_REGISTRY_OBJECT_OPEN_PATTERN, TIMELINE_REGISTRY_OBJECT_ENTRY_PATTERN, REGEX_ALLOWED_BEFORE, REGEX_ALLOWED_KEYWORDS, WORD_CHAR, CodeContext, VISIBLE_MARKUP_COMMENT_PATTERN, VISIBLE_MARKUP_COMMENT_PROTECTED_BLOCK_PATTERN, coreRules, IMAGE_SRC_EXT, VIDEO_SRC_EXT, AUDIO_SRC_EXT, SRC_KIND_NOUN, mediaRules, AUDIO_GROUP_TIMING_ATTRS, MAX_COMPOSITION_LINES, MAX_TIMED_ELEMENTS_PER_TRACK, TRACK_DENSITY_EXEMPT_TAGS, CAPTION_CUE_TOKEN, HEAVY_OVERLAY_ELEMENT_COUNT_WARN, HEAVY_OVERLAY_EXEMPT_TAGS, HEAVY_OVERLAY_CSS_PATTERN, INLINE_STYLE_DISPLAY_NONE_PATTERN, compositionRules, SCENE_BOUNDARY_EPSILON_SECONDS, UNRESOLVED_TARGET, gsapWindowsCache, CONFLICTING_TRANSLATE_PROPS, CONFLICTING_SCALE_PROPS, RELATIVE_TWEEN_VALUE, TRANSFORM_SENSITIVE_READ, TRANSFORM_INVARIANT_READ, CALLBACK_MEASUREMENT_PATTERN, NUMBER_METHODS, gsapRules, captionRules, adapterRules, TEXTURE_BASE_CLASS, TEXTURE_CLASS_PREFIX, textureRules, GENERIC_FAMILIES, fontRules, slideshowRules, INLINE_TEXT_TAGS, OPAQUE_TAGS, NON_LAYOUT_TAGS, MEDIA_TAGS2, NODE_ATTRS, describe, structureRules, RULE_GROUPS, LINT_RULE_COUNT, LINT_RULE_GROUP_COUNTS;
 var init_dist3 = __esm({
   "../lint/dist/index.js"() {
     "use strict";
@@ -73188,6 +73383,7 @@ var init_dist3 = __esm({
     init_compositionContract();
     init_composition();
     init_slideshow();
+    init_topLevelElements();
     init_esm10();
     init_esm10();
     COMPOSITION_ID_IN_CSS_PATTERN = /\[data-composition-id=["']([^"']+)["']\]/g;
@@ -76263,6 +76459,64 @@ ${other.raw}`)
         return findings;
       }
     ];
+    INLINE_TEXT_TAGS = /* @__PURE__ */ new Set([
+      "br",
+      "wbr",
+      "b",
+      "i",
+      "u",
+      "s",
+      "em",
+      "strong",
+      "small",
+      "sub",
+      "sup",
+      "mark",
+      "span",
+      "a",
+      "code",
+      "abbr"
+    ]);
+    OPAQUE_TAGS = /* @__PURE__ */ new Set([
+      "svg",
+      "canvas",
+      "picture",
+      "video",
+      "audio",
+      "select",
+      "textarea",
+      "iframe",
+      "object"
+    ]);
+    NON_LAYOUT_TAGS = /* @__PURE__ */ new Set(["style", "script", "template", "noscript"]);
+    MEDIA_TAGS2 = /* @__PURE__ */ new Set(["img", "video", "audio"]);
+    NODE_ATTRS = [
+      "id",
+      "class",
+      "data-start",
+      "data-duration",
+      "data-end",
+      "data-track",
+      "data-track-index",
+      "data-track-kind",
+      "data-composition-id",
+      "data-composition-src"
+    ];
+    describe = (node) => `<${node.tag}${node.attrs.id ? ` id="${node.attrs.id}"` : ""}>`;
+    structureRules = [
+      (ctx) => {
+        if (ctx.options.isSubComposition) return [];
+        const root = buildTree(ctx);
+        if (!root) return [];
+        const severity = ctx.options.host === "studio" ? "error" : "warning";
+        const rows = topLevelElements(root);
+        return [
+          ...nestedStructureFindings(rows, severity),
+          ...missingDurationFindings(rows, severity),
+          ...captionFindings(rows, severity)
+        ];
+      }
+    ];
     RULE_GROUPS = [
       { group: "core", rules: coreRules },
       { group: "media", rules: mediaRules },
@@ -76272,7 +76526,8 @@ ${other.raw}`)
       { group: "adapters", rules: adapterRules },
       { group: "textures", rules: textureRules },
       { group: "fonts", rules: fontRules },
-      { group: "slideshow", rules: slideshowRules }
+      { group: "slideshow", rules: slideshowRules },
+      { group: "structure", rules: structureRules }
     ];
     LINT_RULE_COUNT = RULE_GROUPS.reduce((n, g) => n + g.rules.length, 0);
     LINT_RULE_GROUP_COUNTS = Object.fromEntries(
@@ -76714,6 +76969,7 @@ var MAX_INLINE_ASSET_BYTES;
 var init_htmlBundler = __esm({
   "../core/dist/compiler/htmlBundler.js"() {
     "use strict";
+    init_scriptRuns();
     init_externalScripts();
     init_flattenedRoot();
     init_flattenedRoot();
@@ -76754,6 +77010,7 @@ var init_compiler = __esm({
     init_getVariables();
     init_htmlParityContract();
     init_htmlDocument();
+    init_scriptRuns();
     init_staticGuard();
     init_compositionScoping();
     init_inlineSubCompositions();
@@ -82554,6 +82811,7 @@ __export(src_exports, {
   TRANSITIONS: () => TRANSITIONS,
   VIDEO_FRAME_FORMATS: () => VIDEO_FRAME_FORMATS,
   VideoSourceExtractionError: () => VideoSourceExtractionError,
+  WebGpuUnavailableError: () => WebGpuUnavailableError,
   acquireBrowser: () => acquireBrowser,
   analyzeClipMediaFit: () => analyzeClipMediaFit,
   analyzeCompositionHdr: () => analyzeCompositionHdr,
@@ -82566,6 +82824,7 @@ __export(src_exports, {
   assertMediaPayload: () => assertMediaPayload,
   assertPublicHttpsUrl: () => assertPublicHttpsUrl,
   assertSwiftShader: () => assertSwiftShader,
+  assertWebGpuAdapterAvailable: () => assertWebGpuAdapterAvailable,
   augmentPageNavigationTimeoutError: () => augmentPageNavigationTimeoutError,
   augmentProtocolTimeoutError: () => augmentProtocolTimeoutError,
   beginFrameCapture: () => beginFrameCapture,
@@ -82589,6 +82848,7 @@ __export(src_exports, {
   cloneCaptureWarnings: () => cloneCaptureWarnings,
   closeCaptureSession: () => closeCaptureSession,
   completeDeferredDrawElementInit: () => completeDeferredDrawElementInit,
+  compositionRequiresWebGpu: () => compositionRequiresWebGpu,
   computeWorkerSizing: () => computeWorkerSizing,
   convertTransfer: () => convertTransfer,
   createCaptureSession: () => createCaptureSession,
@@ -91297,22 +91557,16 @@ function coalesceHeadStylesAndBodyScripts(html) {
     }
   }
   if (body) {
-    const bodyScripts = Array.from(body.querySelectorAll("script")).filter((el) => {
-      const src = (el.getAttribute("src") || "").trim();
-      if (src) return false;
-      const type = (el.getAttribute("type") || "").trim().toLowerCase();
-      return !type || type === "text/javascript" || type === "application/javascript";
-    });
-    if (bodyScripts.length > 0) {
-      const mergedJs = bodyScripts.map((el) => (el.textContent || "").trim()).filter(Boolean).join("\n;\n").trim();
-      for (const el of bodyScripts) {
-        el.remove();
-      }
-      if (mergedJs) {
-        const script = document2.createElement("script");
-        script.textContent = mergedJs;
-        body.appendChild(script);
-      }
+    for (const { members, anchor } of inlineScriptRuns(
+      Array.from(body.querySelectorAll("script"))
+    )) {
+      const mergedJs = members.map((el) => (el.textContent || "").trim()).filter(Boolean).join("\n;\n").trim();
+      for (const el of members) el.remove();
+      if (!mergedJs) continue;
+      const script = document2.createElement("script");
+      script.textContent = mergedJs;
+      if (anchor) anchor.before(script);
+      else body.appendChild(script);
     }
   }
   return document2.toString();
@@ -92675,7 +92929,8 @@ async function runProbeStage(input) {
       quality: captureFormat === "png" ? void 0 : 80,
       variables: job.config.variables,
       deviceScaleFactor,
-      motionBlur
+      motionBlur,
+      requiresWebGpu: compositionRequiresWebGpu(compiled.html)
     };
     const PROBE_MAX_ATTEMPTS = 2;
     for (let attempt = 1; attempt <= PROBE_MAX_ATTEMPTS; attempt++) {
@@ -98366,7 +98621,8 @@ async function executeRenderPipeline(input) {
       skipReadinessVideoIds: videoReadinessSkipIds,
       // Probe-resolved duration: drawElement self-verification derives its
       // sample frame indices from this so they land inside the drained range.
-      compositionDurationSeconds: job.duration
+      compositionDurationSeconds: job.duration,
+      requiresWebGpu: compositionRequiresWebGpu(compiled.html)
     });
     const createRenderVideoFrameInjector = () => createVideoFrameInjector(frameLookup, {
       frameDataUriCacheLimit: cfg.frameDataUriCacheLimit,
@@ -100717,8 +100973,8 @@ async function runFontLocalize(io, localize) {
 }
 
 // src/version.ts
-var VERSION = true ? "0.8.49" : "0.0.0-dev";
-var PRODUCER_VERSION = true ? "0.8.49" : "0.0.0-dev";
+var VERSION = true ? "0.8.50" : "0.0.0-dev";
+var PRODUCER_VERSION = true ? "0.8.50" : "0.0.0-dev";
 
 // src/fontLocalizeCli.ts
 async function readStdin() {

package/dist/hyperframes-player.global.js

@@ -1,4 +1,4 @@
-"use strict";var HyperframesPlayer=(()=>{var ee=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.prototype.hasOwnProperty;var dt=(r,e)=>{for(var t in e)ee(r,t,{get:e[t],enumerable:!0})},lt=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of st(e))!at.call(r,n)&&n!==t&&ee(r,n,{get:()=>e[n],enumerable:!(i=ot(e,n))||i.enumerable});return r};var ut=r=>lt(ee({},"__esModule",{value:!0}),r);var Kt={};dt(Kt,{HyperframesPlayer:()=>K,SPEED_PRESETS:()=>re,formatSpeed:()=>N,formatTime:()=>G});function ke(r){return r.hasRuntime||r.runtimeInjected?!1:!!(r.hasNestedCompositions||r.hasTimelines&&r.attempts>=5)}function P(r){return typeof r=="object"&&r!==null}function xe(r){return P(r)&&typeof r.getDuration=="function"}function Me(r){return P(r)&&typeof r.duration=="function"&&typeof r.time=="function"&&typeof r.seek=="function"&&typeof r.play=="function"&&typeof r.pause=="function"}var k="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.49/dist/hyperframe.runtime.iife.js";function O(r){if(r===null)return null;let e=Number.parseInt(r,10);return Number.isFinite(e)&&e>0?e:null}function ct(r){let e=r?.querySelector("[data-composition-id][data-width][data-height]")??r?.querySelector("[data-width][data-height]");if(!e)return null;let t=O(e.getAttribute("data-width")),i=O(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var q=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),n=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(ke({hasRuntime:i,hasTimelines:n,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let s=this._resolvePlaybackDurationAdapter(t);if(s&&s.getDuration()>0){this.stop();let a=ct(this._iframe.contentDocument);this._callbacks.onReady({duration:s.getDuration(),adapter:s,compositionSize:a});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||P(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=k,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!P(t))return null;let i=Object.keys(t);if(i.length===0)return null;let n=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=n&&n in t?n:i[i.length-1],s=t[o];return Me(s)?s:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(xe(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var Le=`
+"use strict";var HyperframesPlayer=(()=>{var ee=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.prototype.hasOwnProperty;var dt=(r,e)=>{for(var t in e)ee(r,t,{get:e[t],enumerable:!0})},lt=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of st(e))!at.call(r,n)&&n!==t&&ee(r,n,{get:()=>e[n],enumerable:!(i=ot(e,n))||i.enumerable});return r};var ut=r=>lt(ee({},"__esModule",{value:!0}),r);var Kt={};dt(Kt,{HyperframesPlayer:()=>K,SPEED_PRESETS:()=>re,formatSpeed:()=>N,formatTime:()=>G});function ke(r){return r.hasRuntime||r.runtimeInjected?!1:!!(r.hasNestedCompositions||r.hasTimelines&&r.attempts>=5)}function P(r){return typeof r=="object"&&r!==null}function xe(r){return P(r)&&typeof r.getDuration=="function"}function Me(r){return P(r)&&typeof r.duration=="function"&&typeof r.time=="function"&&typeof r.seek=="function"&&typeof r.play=="function"&&typeof r.pause=="function"}var k="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.50/dist/hyperframe.runtime.iife.js";function O(r){if(r===null)return null;let e=Number.parseInt(r,10);return Number.isFinite(e)&&e>0?e:null}function ct(r){let e=r?.querySelector("[data-composition-id][data-width][data-height]")??r?.querySelector("[data-width][data-height]");if(!e)return null;let t=O(e.getAttribute("data-width")),i=O(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var q=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),n=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(ke({hasRuntime:i,hasTimelines:n,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let s=this._resolvePlaybackDurationAdapter(t);if(s&&s.getDuration()>0){this.stop();let a=ct(this._iframe.contentDocument);this._callbacks.onReady({duration:s.getDuration(),adapter:s,compositionSize:a});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||P(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=k,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!P(t))return null;let i=Object.keys(t);if(i.length===0)return null;let n=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=n&&n in t?n:i[i.length-1],s=t[o];return Me(s)?s:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(xe(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var Le=`
   :host {
     display: block;
     position: relative;