hyperframes 0.8.74 → 0.8.76

package/dist/fontLocalizeCli.js

@@ -66166,6 +66166,8 @@ function readExternalScriptAttributes(el) {
     attributes2.integrity = el.getAttribute("integrity") || "";
   if (el.hasAttribute("crossorigin"))
     attributes2.crossorigin = el.getAttribute("crossorigin") || "";
+  if ((el.getAttribute("type") || "").trim().toLowerCase() === "module")
+    attributes2.type = "module";
   return attributes2;
 }
 function ensureExternalScriptTag(doc, src, attributes2 = {}) {
@@ -66181,6 +66183,8 @@ function ensureExternalScriptTag(doc, src, attributes2 = {}) {
       el.setAttribute("integrity", integrity);
     if (attributes2.crossorigin !== void 0)
       el.setAttribute("crossorigin", attributes2.crossorigin);
+    if (attributes2.type)
+      el.setAttribute("type", attributes2.type);
   }
   if (!existing.length) {
     const el = elements[0];
@@ -66194,6 +66198,80 @@ var init_externalScripts = __esm({
   }
 });
 
+// ../core/dist/compiler/importMaps.js
+function parseImportMap(json, rebase) {
+  let parsed;
+  try {
+    parsed = JSON.parse(json);
+  } catch {
+    return null;
+  }
+  if (!parsed || typeof parsed !== "object")
+    return null;
+  const { imports, scopes } = parsed;
+  return {
+    imports: rebaseEntries(imports, rebase),
+    scopes: scopes && Object.fromEntries(Object.entries(scopes).map(([prefix, entries2]) => [
+      rebase(prefix),
+      rebaseEntries(entries2, rebase) ?? {}
+    ]))
+  };
+}
+function mergeEntries(into, from, where) {
+  for (const [specifier, url] of Object.entries(from ?? {})) {
+    if (!(specifier in into))
+      into[specifier] = url;
+    else if (into[specifier] !== url) {
+      console.warn(`[HyperFrames] import map conflict for "${specifier}"${where}: keeping ${into[specifier]}, ignoring ${url}.`);
+    }
+  }
+}
+function mergeImportMapsIntoDocument(doc, maps) {
+  if (maps.length === 0)
+    return;
+  let el = doc.querySelector('script[type="importmap"]');
+  let page = {};
+  try {
+    page = el ? JSON.parse(el.textContent || "{}") : {};
+  } catch {
+    console.warn("[HyperFrames] the page's import map is not valid JSON; replacing it.");
+  }
+  const imports = { ...page.imports };
+  const scopes = { ...page.scopes };
+  for (const map of maps) {
+    mergeEntries(imports, map.imports, "");
+    for (const [prefix, entries2] of Object.entries(map.scopes ?? {})) {
+      mergeEntries(scopes[prefix] ??= {}, entries2, ` in scope ${prefix}`);
+    }
+  }
+  if (!el) {
+    el = doc.createElement("script");
+    el.setAttribute("type", "importmap");
+    doc.head.prepend(el);
+  }
+  el.textContent = JSON.stringify({
+    ...page,
+    imports,
+    ...Object.keys(scopes).length ? { scopes } : {}
+  }).replace(/</g, "\\u003c");
+}
+function emitMountedModuleScripts(doc, importMaps, moduleScripts) {
+  mergeImportMapsIntoDocument(doc, importMaps);
+  for (const content of moduleScripts) {
+    const el = doc.createElement("script");
+    el.setAttribute("type", "module");
+    el.textContent = content;
+    doc.body.appendChild(el);
+  }
+}
+var rebaseEntries;
+var init_importMaps = __esm({
+  "../core/dist/compiler/importMaps.js"() {
+    "use strict";
+    rebaseEntries = (entries2, rebase) => entries2 && Object.fromEntries(Object.entries(entries2).map(([specifier, url]) => [specifier, rebase(url)]));
+  }
+});
+
 // ../core/dist/runtime/flattenedRoot.js
 function markFlattenedInnerRoot(prepared) {
   const authoredRootId = prepared.getAttribute("id")?.trim();
@@ -66642,7 +66720,13 @@ function scopeCssToComposition(css, compositionId, scopeSelectorOverride, author
 function jsonScriptLiteral(value) {
   return JSON.stringify(value).replace(/</g, "\\u003c");
 }
-function wrapScopedCompositionScript(source, compositionId, errorLabel = "[HyperFrames] composition script error:", scopeSelectorOverride, timelineCompositionId = compositionId, authoredRootId) {
+function scopedModulePrelude(timelineCompositionId, compositionSrc) {
+  return `const __hyperframes = (function(__hfBaseHyperframes, __hfTimelineCompId, __hfCompositionSrc) {
+  return ${SCOPED_HYPERFRAMES_EXPRESSION};
+})(window.__hyperframes, ${jsonScriptLiteral(timelineCompositionId)}, ${jsonScriptLiteral(compositionSrc?.trim() || null)});
+`;
+}
+function wrapScopedCompositionScript(source, compositionId, errorLabel = "[HyperFrames] composition script error:", scopeSelectorOverride, timelineCompositionId = compositionId, authoredRootId, compositionSrc) {
   const compositionIdLiteral = jsonScriptLiteral(compositionId);
   const timelineCompositionIdLiteral = jsonScriptLiteral(timelineCompositionId);
   const errorLabelLiteral = jsonScriptLiteral(errorLabel);
@@ -66657,6 +66741,7 @@ function wrapScopedCompositionScript(source, compositionId, errorLabel = "[Hyper
   var __hfTimelineCompId = ${timelineCompositionIdLiteral};
   var __hfErrorLabel = ${errorLabelLiteral};
   var __hfAuthoredRootId = ${authoredRootIdLiteral};
+  var __hfCompositionSrc = ${jsonScriptLiteral(compositionSrc?.trim() || null)};
   var __hfAuthoredRootAttr = ${jsonScriptLiteral(AUTHORED_ROOT_ID_ATTR)};
   var __hfEscapeAttr = function(value) {
     return (value + "").replace(/\\\\/g, "\\\\\\\\").replace(/"/g, "\\\\\\"");
@@ -66962,15 +67047,7 @@ function wrapScopedCompositionScript(source, compositionId, errorLabel = "[Hyper
         },
       });
   var __hfBaseHyperframes = window.__hyperframes;
-  var __hfScopedHyperframes = !__hfBaseHyperframes
-    ? __hfBaseHyperframes
-    : Object.assign({}, __hfBaseHyperframes, {
-        getVariables: function() {
-          var byComp = window.__hfVariablesByComp;
-          var scoped = byComp && __hfTimelineCompId ? byComp[__hfTimelineCompId] : null;
-          return scoped ? Object.assign({}, scoped) : {};
-        },
-      });
+  var __hfScopedHyperframes = ${SCOPED_HYPERFRAMES_EXPRESSION};
   var __hfRun = function() {
     try {
       (function(document, gsap, window, __hyperframes) {
@@ -66993,13 +67070,26 @@ function buildVariablesByCompScript(variablesByComp) {
   const json = jsonScriptLiteral(variablesByComp);
   return `window.__hfVariablesByComp = Object.assign({}, window.__hfVariablesByComp || {}, ${json});`;
 }
-var AUTHORED_ROOT_ID_ATTR, INNER_ROOT_ATTR, GLOBAL_AT_RULES;
+var AUTHORED_ROOT_ID_ATTR, INNER_ROOT_ATTR, GLOBAL_AT_RULES, SCOPED_HYPERFRAMES_EXPRESSION;
 var init_compositionScoping = __esm({
   "../core/dist/compiler/compositionScoping.js"() {
     "use strict";
     AUTHORED_ROOT_ID_ATTR = "data-hf-authored-id";
     INNER_ROOT_ATTR = "data-hf-inner-root";
     GLOBAL_AT_RULES = /* @__PURE__ */ new Set(["keyframes", "-webkit-keyframes", "font-face"]);
+    SCOPED_HYPERFRAMES_EXPRESSION = `!__hfBaseHyperframes
+    ? __hfBaseHyperframes
+    : Object.assign({}, __hfBaseHyperframes, {
+        assetUrl: function(path) {
+          var page = window.document.baseURI;
+          return new URL(path, __hfCompositionSrc ? new URL(__hfCompositionSrc, page) : page).href;
+        },
+        getVariables: function() {
+          var byComp = window.__hfVariablesByComp;
+          var scoped = byComp && __hfTimelineCompId ? byComp[__hfTimelineCompId] : null;
+          return scoped ? Object.assign({}, scoped) : {};
+        },
+      })`;
   }
 });
 
@@ -72428,6 +72518,13 @@ function parseGsapScriptAcornForWrite(script) {
   }
 }
 function parseGsapScriptAcorn(script) {
+  const parsed = parseMemo.get(script) ?? parseGsapScriptAcornUncached(script);
+  parseMemo.delete(script);
+  parseMemo.set(script, parsed);
+  if (parseMemo.size > PARSE_MEMO_ENTRIES) parseMemo.delete(parseMemo.keys().next().value);
+  return structuredClone(parsed);
+}
+function parseGsapScriptAcornUncached(script) {
   try {
     const ast = parseProgram3(script);
     const scope = collectScopeBindings(ast);
@@ -72575,7 +72672,7 @@ function extractGsapLabels(script) {
     return [];
   }
 }
-var PROPERTY_GROUPS2, PROP_TO_GROUP2, SKIP_KEYS, FUNCTION_TYPES, GSAP_METHODS, MAX_DEPTH, MAX_ITERS, SAFE_DEFAULT_NODES, SUPPORTED_PARAMS_CACHE, roundPercentage, GSAP_METHODS2, QUERY_METHODS, ITERATION_METHODS, SCOPE_NODE_TYPES, CONST_NODES, MATH_FNS, MATH_CONSTS, BUILTIN_VAR_KEYS, DROPPED_VAR_KEYS, EXTRAS_KEYS, PERCENTAGE_KEY_RE, GSAP_DEFAULT_DURATION;
+var PROPERTY_GROUPS2, PROP_TO_GROUP2, SKIP_KEYS, FUNCTION_TYPES, GSAP_METHODS, MAX_DEPTH, MAX_ITERS, SAFE_DEFAULT_NODES, SUPPORTED_PARAMS_CACHE, roundPercentage, GSAP_METHODS2, QUERY_METHODS, ITERATION_METHODS, SCOPE_NODE_TYPES, CONST_NODES, MATH_FNS, MATH_CONSTS, BUILTIN_VAR_KEYS, DROPPED_VAR_KEYS, EXTRAS_KEYS, PERCENTAGE_KEY_RE, GSAP_DEFAULT_DURATION, PARSE_MEMO_ENTRIES, parseMemo;
 var init_gsapParserAcorn = __esm({
   "../parsers/dist/gsapParserAcorn.js"() {
     "use strict";
@@ -72655,6 +72752,8 @@ var init_gsapParserAcorn = __esm({
     ]);
     PERCENTAGE_KEY_RE = /^(\d+(?:\.\d+)?)%$/;
     GSAP_DEFAULT_DURATION = 0.5;
+    PARSE_MEMO_ENTRIES = 4;
+    parseMemo = /* @__PURE__ */ new Map();
   }
 });
 
@@ -74206,6 +74305,81 @@ function collectDeclaredVariableIds(htmlTagRaw) {
   }
   return declared;
 }
+function variablesDeclarationFindings(tag, tags) {
+  const raw = readJsonAttr(tag.raw, "data-composition-variables");
+  if (!raw) return [];
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch (err) {
+    const reason = err instanceof Error ? err.message : "unknown";
+    return [
+      {
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: `data-composition-variables is not valid JSON (${reason}).`,
+        fixHint: `Provide a JSON array of variable declarations: data-composition-variables='[{"id":"title","type":"string","label":"Title","default":"Hello"}]'.`,
+        snippet: truncateSnippet(tag.raw)
+      }
+    ];
+  }
+  if (!Array.isArray(parsed)) {
+    return [
+      {
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: "data-composition-variables must be a JSON array of variable declarations.",
+        fixHint: `Wrap declarations in [] and give each an id, type, label, and default: '[{"id":"title","type":"string","label":"Title","default":"Hello"}]'.`,
+        snippet: truncateSnippet(tag.raw)
+      }
+    ];
+  }
+  const findings = [];
+  const knownTypes = new Set(COMPOSITION_VARIABLE_TYPES2);
+  const varSrcIds = /* @__PURE__ */ new Set();
+  for (const other of tags) {
+    const bound = readAttr(other.raw, "data-var-src");
+    if (bound) varSrcIds.add(bound);
+  }
+  for (let i = 0; i < parsed.length; i += 1) {
+    const entry = parsed[i];
+    if (!entry || typeof entry !== "object" || Array.isArray(entry)) {
+      findings.push({
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: `data-composition-variables entry [${i}] must be an object with id, type, label, and default.`,
+        snippet: truncateSnippet(tag.raw)
+      });
+      continue;
+    }
+    const e = entry;
+    const missing = [];
+    if (typeof e.id !== "string") missing.push("id");
+    if (typeof e.type !== "string" || !knownTypes.has(e.type)) missing.push("type");
+    if (typeof e.label !== "string") missing.push("label");
+    if (!("default" in e)) missing.push("default");
+    if (missing.length > 0) {
+      findings.push({
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: `data-composition-variables entry [${i}] is missing or has invalid: ${missing.join(", ")}. Type must be one of string, number, color, boolean, enum, font, image.`,
+        snippet: truncateSnippet(tag.raw)
+      });
+      continue;
+    }
+    const id = String(e.id);
+    if ((e.type === "image" || varSrcIds.has(id)) && typeof e.default === "string" && e.default.length > 0 && !isSafeMediaUrl(e.default)) {
+      findings.push({
+        code: "unloadable_media_variable_default",
+        severity: "error",
+        message: `Variable "${id}" defaults to a URL the runtime will refuse to load, so any element bound to it renders its authored fallback src instead and the render still exits 0.`,
+        fixHint: `Media URLs must be relative, http(s), blob:, or a data:image/* URI. Copy the file into the project and reference it relatively (e.g. "assets/bg.png") rather than by absolute path.`,
+        snippet: truncateSnippet(tag.raw)
+      });
+    }
+  }
+  return findings;
+}
 function collectAllDeclaredVariableIds(tags) {
   const all = /* @__PURE__ */ new Set();
   for (const tag of tags) {
@@ -76664,84 +76838,8 @@ var init_dist3 = __esm({
       // on any structural problem. Surface JSON / shape failures so authors
       // catch them at lint time rather than wondering why their `getVariables()`
       // defaults aren't applied.
-      // fallow-ignore-next-line complexity
-      ({ tags }) => {
-        const htmlTag = findHtmlTag(tags);
-        if (!htmlTag) return [];
-        const raw = readJsonAttr(htmlTag.raw, "data-composition-variables");
-        if (!raw) return [];
-        let parsed;
-        try {
-          parsed = JSON.parse(raw);
-        } catch (err) {
-          const reason = err instanceof Error ? err.message : "unknown";
-          return [
-            {
-              code: "invalid_composition_variables_declaration",
-              severity: "error",
-              message: `data-composition-variables is not valid JSON (${reason}).`,
-              fixHint: `Provide a JSON array of variable declarations: data-composition-variables='[{"id":"title","type":"string","label":"Title","default":"Hello"}]'.`,
-              snippet: truncateSnippet(htmlTag.raw)
-            }
-          ];
-        }
-        if (!Array.isArray(parsed)) {
-          return [
-            {
-              code: "invalid_composition_variables_declaration",
-              severity: "error",
-              message: "data-composition-variables must be a JSON array of variable declarations.",
-              fixHint: `Wrap declarations in [] and give each an id, type, label, and default: '[{"id":"title","type":"string","label":"Title","default":"Hello"}]'.`,
-              snippet: truncateSnippet(htmlTag.raw)
-            }
-          ];
-        }
-        const findings = [];
-        const knownTypes = new Set(COMPOSITION_VARIABLE_TYPES2);
-        const varSrcIds = /* @__PURE__ */ new Set();
-        for (const tag of tags) {
-          const bound = readAttr(tag.raw, "data-var-src");
-          if (bound) varSrcIds.add(bound);
-        }
-        for (let i = 0; i < parsed.length; i += 1) {
-          const entry = parsed[i];
-          if (!entry || typeof entry !== "object" || Array.isArray(entry)) {
-            findings.push({
-              code: "invalid_composition_variables_declaration",
-              severity: "error",
-              message: `data-composition-variables entry [${i}] must be an object with id, type, label, and default.`,
-              snippet: truncateSnippet(htmlTag.raw)
-            });
-            continue;
-          }
-          const e = entry;
-          const missing = [];
-          if (typeof e.id !== "string") missing.push("id");
-          if (typeof e.type !== "string" || !knownTypes.has(e.type)) missing.push("type");
-          if (typeof e.label !== "string") missing.push("label");
-          if (!("default" in e)) missing.push("default");
-          if (missing.length > 0) {
-            findings.push({
-              code: "invalid_composition_variables_declaration",
-              severity: "error",
-              message: `data-composition-variables entry [${i}] is missing or has invalid: ${missing.join(", ")}. Type must be one of string, number, color, boolean, enum, font, image.`,
-              snippet: truncateSnippet(htmlTag.raw)
-            });
-            continue;
-          }
-          const id = String(e.id);
-          if ((e.type === "image" || varSrcIds.has(id)) && typeof e.default === "string" && e.default.length > 0 && !isSafeMediaUrl(e.default)) {
-            findings.push({
-              code: "unloadable_media_variable_default",
-              severity: "error",
-              message: `Variable "${id}" defaults to a URL the runtime will refuse to load, so any element bound to it renders its authored fallback src instead and the render still exits 0.`,
-              fixHint: `Media URLs must be relative, http(s), blob:, or a data:image/* URI. Copy the file into the project and reference it relatively (e.g. "assets/bg.png") rather than by absolute path.`,
-              snippet: truncateSnippet(htmlTag.raw)
-            });
-          }
-        }
-        return findings;
-      },
+      // Checked on every element that declares: <html>, or the composition root.
+      ({ tags }) => tags.filter((tag) => readJsonAttr(tag.raw, "data-composition-variables")).flatMap((tag) => variablesDeclarationFindings(tag, tags)),
       // html_dir_attribute_breaks_render — valid non-LTR dir values on
       // <html> renders correctly in preview/snapshot but produces a fully
       // blank/black video from render, with no other lint/validate/inspect
@@ -78753,6 +78851,8 @@ function inlineSubCompositions(document2, hosts, options) {
   const scripts = [];
   const externalScriptSrcs = [];
   const scriptItems = [];
+  const importMaps = [];
+  const moduleScripts = [];
   const externalLinks = [];
   const seenLinkHrefs = /* @__PURE__ */ new Set();
   const variablesByComp = {};
@@ -78840,7 +78940,24 @@ function inlineSubCompositions(document2, hosts, options) {
     }
     for (const scriptEl of plan2.scriptSources) {
       const externalSrc = resolveSubAssetPath(scriptEl.getAttribute("src"));
-      if (externalSrc) {
+      const type = (scriptEl.getAttribute("type") || "").trim().toLowerCase();
+      if (type === "importmap") {
+        const map = parseImportMap(scriptEl.textContent || "", (url) => {
+          const authored = url.trim();
+          const rebased = resolveSubAssetPath(authored);
+          if (rebased === authored)
+            return rebased;
+          const urlLike = /^(\/|\.\.?\/|[a-z][a-z\d+.-]*:)/i.test(rebased) ? rebased : `./${rebased}`;
+          return authored.endsWith("/") && !urlLike.endsWith("/") ? `${urlLike}/` : urlLike;
+        });
+        if (map)
+          importMaps.push(map);
+        else
+          console.warn(`[HyperFrames] ${src}: import map is not valid JSON, so it is skipped.`);
+      } else if (type === "module" && !externalSrc) {
+        const prelude = scriptCompositionId ? scopedModulePrelude(runtimeCompId || scopeCompId || scriptCompositionId, src) : "";
+        moduleScripts.push(prelude + (scriptEl.textContent || ""));
+      } else if (externalSrc) {
         if (!externalScriptSrcs.includes(externalSrc)) {
           externalScriptSrcs.push(externalSrc);
         }
@@ -78850,7 +78967,7 @@ function inlineSubCompositions(document2, hosts, options) {
           ...readExternalScriptAttributes(scriptEl)
         });
       } else {
-        const wrappedScript = scriptCompositionId ? wrapScopedCompositionScript(scriptEl.textContent || "", scriptCompositionId, scriptErrorLabel, runtimeScope || void 0, runtimeCompId || scopeCompId || scriptCompositionId, authoredRootId) : wrapInlineScriptWithErrorBoundary(scriptEl.textContent || "", scriptErrorLabel);
+        const wrappedScript = scriptCompositionId ? wrapScopedCompositionScript(scriptEl.textContent || "", scriptCompositionId, scriptErrorLabel, runtimeScope || void 0, runtimeCompId || scopeCompId || scriptCompositionId, authoredRootId, src) : wrapInlineScriptWithErrorBoundary(scriptEl.textContent || "", scriptErrorLabel);
         scripts.push(wrappedScript);
         scriptItems.push({ kind: "inline", content: wrappedScript });
       }
@@ -78911,12 +79028,22 @@ function inlineSubCompositions(document2, hosts, options) {
       queue.push({ element: nestedHost.host, ancestry: nestedAncestry });
     }
   }
-  return { styles, scripts, externalScriptSrcs, scriptItems, externalLinks, variablesByComp };
+  return {
+    styles,
+    scripts,
+    externalScriptSrcs,
+    scriptItems,
+    externalLinks,
+    variablesByComp,
+    importMaps,
+    moduleScripts
+  };
 }
 var init_inlineSubCompositions = __esm({
   "../core/dist/compiler/inlineSubCompositions.js"() {
     "use strict";
     init_externalScripts();
+    init_importMaps();
     init_rewriteSubCompPaths();
     init_getVariables();
     init_compositionScoping();
@@ -79108,6 +79235,7 @@ var init_htmlBundler = __esm({
     "use strict";
     init_scriptRuns();
     init_externalScripts();
+    init_importMaps();
     init_flattenedRoot();
     init_flattenedRoot();
     init_getVariables();
@@ -79155,6 +79283,7 @@ var init_compiler = __esm({
     init_assetPaths();
     init_mediaRenderIds();
     init_externalScripts();
+    init_importMaps();
   }
 });
 
@@ -85258,6 +85387,7 @@ __export(src_exports, {
   scaleProtocolTimeoutForComposition: () => scaleProtocolTimeoutForComposition,
   selectVerifySampleIndicesForTask: () => selectVerifySampleIndicesForTask,
   shouldClampToScreenshotForConcreteGpu: () => shouldClampToScreenshotForConcreteGpu,
+  shouldDisableBrowserPoolForParallelWorker: () => shouldDisableBrowserPoolForParallelWorker,
   showVideoElements: () => showVideoElements,
   spawnStreamingEncoder: () => spawnStreamingEncoder,
   syncVideoFrameVisibility: () => syncVideoFrameVisibility,
@@ -92366,13 +92496,19 @@ function defaultSessionFactory(input) {
   let probeSession = input.probeSession;
   return {
     create: async () => {
-      const session = probeSession ? probeSession : await openSegmentedSession({ ...input, probeSession: null });
+      const session = probeSession ?? await openSegmentedSession(input);
       if (probeSession) {
         openSegmentedSessionReuse(input, probeSession);
         probeSession = null;
       }
-      if (!session.isInitialized) await initializeSession(session);
-      await completeDeferredDrawElementInit(session);
+      try {
+        if (!session.isInitialized) await initializeSession(session);
+        await completeDeferredDrawElementInit(session);
+      } catch (error) {
+        await closeCaptureSession(session).catch(() => {
+        });
+        throw error;
+      }
       return session;
     }
   };
@@ -92383,16 +92519,19 @@ function openSegmentedSessionReuse(input, session) {
 async function openSegmentedSession(input) {
   const captureCfg = input.cfg.forceScreenshot === input.plan.forceScreenshot ? input.cfg : { ...input.cfg, forceScreenshot: input.plan.forceScreenshot };
   const videoInjector = input.createRenderVideoFrameInjector();
-  if (input.probeSession) {
-    prepareCaptureSessionForReuse(input.probeSession, input.framesDir, videoInjector);
-    return input.probeSession;
-  }
+  const captureOptions = input.buildCaptureOptions();
+  const ownBrowser = shouldDisableBrowserPoolForParallelWorker({
+    parallel: (input.workerCount ?? 1) > 1,
+    platform: process.platform,
+    deviceScaleFactor: captureOptions.deviceScaleFactor,
+    headlessShellPath: resolveHeadlessShellPath(captureCfg)
+  });
   return createCaptureSession(
     input.fileServer.url,
     input.framesDir,
-    input.buildCaptureOptions(),
+    captureOptions,
     videoInjector,
-    captureCfg
+    ownBrowser ? { ...captureCfg, enableBrowserPool: false } : captureCfg
   );
 }
 async function concatSegments(concat, segmentPaths, videoOnlyPath, abortSignal, cfg) {
@@ -92405,7 +92544,7 @@ async function concatSegments(concat, segmentPaths, videoOnlyPath, abortSignal,
 }
 async function createSegmentWorker(run, id) {
   const { input, deps } = run;
-  const factory = input.sessionFactoryForWorker?.(id) ?? input.sessionFactory ?? defaultSessionFactory(input);
+  const factory = input.sessionFactoryForWorker?.(id) ?? run.sessionFactory;
   return {
     id,
     factory,
@@ -92527,16 +92666,16 @@ async function runCaptureSegmentedStage(input) {
     segmentDir,
     skipSize: skip.size,
     workerCount: Math.max(1, input.workerCount ?? 1),
-    recycleEvery: input.browserRecycleEverySegments ?? 0
+    recycleEvery: input.browserRecycleEverySegments ?? 0,
+    sessionFactory: input.sessionFactory ?? defaultSessionFactory(input)
   };
   const queue = createSegmentQueue(pending);
   const segmentPaths = segments.map((s) => segmentOutputPath(segmentDir, s.index));
   if (pending.length === 0) return concatResumedRun(run, segmentPaths);
   let fellBackToStreaming = false;
   const workers = [];
-  for (let id = 0; id < run.workerCount; id++) workers.push(await createSegmentWorker(run, id));
   const consoleOf = () => workers[0]?.ctx.session.browserConsoleBuffer ?? [];
-  let lastBrowserConsole = consoleOf();
+  let lastBrowserConsole = [];
   const runWorkerLoop = async (worker) => {
     for (; ; ) {
       if (fellBackToStreaming) return;
@@ -92551,6 +92690,7 @@ async function runCaptureSegmentedStage(input) {
   };
   try {
     assertNotAborted();
+    for (let id = 0; id < run.workerCount; id++) workers.push(await createSegmentWorker(run, id));
     const outcomes = await Promise.allSettled(workers.map((w) => runWorkerLoop(w)));
     for (const worker of workers) dedupPerfs.push(getCapturePerfSummary(worker.ctx.session));
     const failure = outcomes.find((o) => o.status === "rejected");
@@ -96174,6 +96314,13 @@ function inlineSubCompositions2(html, subCompositions, projectDir, variableOverr
     }
     flushInline();
   }
+  if (body) {
+    emitMountedModuleScripts(
+      document2,
+      result.importMaps,
+      result.moduleScripts
+    );
+  }
   emitRootCompositionVariableStyles(
     document2,
     result.variablesByComp,
@@ -104290,8 +104437,8 @@ async function runFontLocalize(io, localize) {
 }
 
 // src/version.ts
-var VERSION = true ? "0.8.74" : "0.0.0-dev";
-var PRODUCER_VERSION = true ? "0.8.74" : "0.0.0-dev";
+var VERSION = true ? "0.8.76" : "0.0.0-dev";
+var PRODUCER_VERSION = true ? "0.8.76" : "0.0.0-dev";
 
 // src/fontLocalizeCli.ts
 async function readStdin() {