hyperframes 0.8.120 → 0.8.122

package/dist/{chunk-LIPKCOYU.js → chunk-DNIJ7MH6.js}

@@ -6,8 +6,8 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 
 // src/version.ts
-var VERSION = true ? "0.8.120" : "0.0.0-dev";
-var PRODUCER_VERSION = true ? "0.8.120" : "0.0.0-dev";
+var VERSION = true ? "0.8.122" : "0.0.0-dev";
+var PRODUCER_VERSION = true ? "0.8.122" : "0.0.0-dev";
 
 export {
   VERSION,

package/dist/{chunk-CK2YS3E3.js → chunk-DQKPTQEA.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-5ETJX6WM.js";
 import {
   runEnvironmentChecks
-} from "./chunk-OV62R47Q.js";
+} from "./chunk-5KTDZVF3.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
@@ -25,24 +25,24 @@ import {
   getFreeDiskMb,
   getShmSizeMb,
   getSystemMeta
-} from "./chunk-U7AMFQ6G.js";
+} from "./chunk-EB5XYJBZ.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
 import {
   resolveExtractCacheDir
-} from "./chunk-IUBZ3DSO.js";
+} from "./chunk-NKS75GFI.js";
 import {
   getUpdateMeta,
   withMeta
-} from "./chunk-7N3IODU7.js";
+} from "./chunk-74G66BSC.js";
 import {
   CONFIG_PATH,
   withFileLock
 } from "./chunk-XUXGIA7H.js";
 import {
   VERSION
-} from "./chunk-LIPKCOYU.js";
+} from "./chunk-DNIJ7MH6.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";

package/dist/{chunk-U7AMFQ6G.js → chunk-EB5XYJBZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-AMKC3AXA.js";
 import {
   getSystemTotalMb
-} from "./chunk-IUBZ3DSO.js";
+} from "./chunk-NKS75GFI.js";
 
 // src/telemetry/system.ts
 import { cpus, freemem, platform as platform2, release as release2 } from "os";

package/dist/{chunk-SVI32JAG.js → chunk-EBODC6OT.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   getMimeType,
   injectMediaCodecMapIntoHtml
-} from "./chunk-LP3KFEVQ.js";
+} from "./chunk-J22NAGNW.js";
 import {
   PROXY_VARIANT_CONFIG,
   ProxyCapacityError,
@@ -18,10 +18,10 @@ import {
   recordProxyRequest,
   resolveProxy,
   resolveProxyVariantRequest
-} from "./chunk-OWMGDQBZ.js";
+} from "./chunk-2BMZEUGD.js";
 import {
   resolveAutoProxy
-} from "./chunk-WJP3UOB3.js";
+} from "./chunk-ABMHBIWX.js";
 
 // src/utils/staticProjectServer.ts
 import { createServer } from "http";

package/dist/{chunk-FSLYPQ5Z.js → chunk-F7MXHGU3.js}

@@ -2559,9 +2559,10 @@ function findAllTweenCalls(ast, ref, scope, targetBindings) {
   return results;
 }
 var PERCENTAGE_KEY_RE = /^(\d+(?:\.\d+)?)%$/;
-function tryResolveStringProp(propValue, scope) {
+function tryResolveStringProp(propValue, scope, source) {
   const val = resolveNode(propValue, scope);
-  return typeof val === "string" ? val : void 0;
+  if (typeof val === "string") return val;
+  return source === void 0 ? void 0 : `__raw:${source.slice(propValue.start, propValue.end)}`;
 }
 function parsePercentageKeyframes(node, scope, source) {
   const keyframes = [];
@@ -2588,9 +2589,9 @@ function parsePercentageKeyframes(node, scope, source) {
       }
       keyframes.push({ percentage, properties, ...kfEase ? { ease: kfEase } : {} });
     } else if (key === "ease") {
-      ease = tryResolveStringProp(prop.value, scope) ?? ease;
+      ease = tryResolveStringProp(prop.value, scope, source) ?? ease;
     } else if (key === "easeEach") {
-      easeEach = tryResolveStringProp(prop.value, scope) ?? easeEach;
+      easeEach = tryResolveStringProp(prop.value, scope, source) ?? easeEach;
     }
   }
   keyframes.sort((a, b) => a.percentage - b.percentage);
@@ -3000,7 +3001,7 @@ function applyTimelineDefaults(anims, defaults) {
       if (defaults.duration !== void 0) anim.duration = defaults.duration;
       else if (defaults.durationUnresolved) anim.durationUnresolved = true;
     }
-    if (anim.ease === void 0 && defaults.ease !== void 0) {
+    if (anim.ease === void 0 && defaults.ease !== void 0 && !anim.keyframes) {
       anim.ease = defaults.ease;
     }
   }

package/dist/{chunk-B3MQEZBK.js → chunk-FD5UEKRP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-IHFUKJOR.js";
 import {
   trackCommandFailure
-} from "./chunk-IJ2O4BLJ.js";
+} from "./chunk-OZ4V6VQ2.js";
 import {
   failCommand
 } from "./chunk-PBN6GBJE.js";

package/dist/{chunk-NRTZ2JPC.js → chunk-GA46NF76.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   VALID_CANVAS_RESOLUTIONS,
   resolveResolutionFlagPair
-} from "./chunk-FSLYPQ5Z.js";
+} from "./chunk-F7MXHGU3.js";
 
 // src/utils/parseOutputResolution.ts
 function parseOutputResolutionFlag(raw, options) {

package/dist/{chunk-LP3KFEVQ.js → chunk-J22NAGNW.js}

@@ -21,7 +21,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-6ZX3YCCU.js";
+} from "./chunk-JQPICVXM.js";
 import {
   atomicTempPath,
   createFileAtomically,
@@ -34,7 +34,7 @@ import {
   measureAudio,
   requiredFfmpeg,
   resolveLocalAudioPath
-} from "./chunk-BKQXLO55.js";
+} from "./chunk-Y6WM6GY3.js";
 import {
   PROXY_PARAMS_VERSION,
   PROXY_PENDING_RETRY_AFTER_SECONDS,
@@ -60,11 +60,11 @@ import {
   shouldPrewarmProxy,
   waitForProxy,
   walkDir
-} from "./chunk-OWMGDQBZ.js";
+} from "./chunk-2BMZEUGD.js";
 import {
   findTimelineScript,
   parseGsapScriptAcorn
-} from "./chunk-TRLP3CSL.js";
+} from "./chunk-NSVHO5LZ.js";
 import {
   STUDIO_MANUAL_EDITS_PATH
 } from "./chunk-KC5XXX3X.js";
@@ -81,26 +81,27 @@ import {
   motionPathPluginUrl,
   parseFps,
   sameInstant
-} from "./chunk-2WKWEB4T.js";
+} from "./chunk-VP4IJ3NC.js";
 import {
   MagicString,
   VALID_CANVAS_RESOLUTIONS,
   unrollComputedTimeline
-} from "./chunk-FSLYPQ5Z.js";
+} from "./chunk-F7MXHGU3.js";
 import {
+  AFTER_FONTS_SCRIPT_TYPE,
   addScenePartsManifest,
+  deferScriptsUntilFonts,
   ensureHfIds
-} from "./chunk-5IABQ7OX.js";
+} from "./chunk-LQBR4IC7.js";
 import {
   findStartTags,
-  injectScriptsIntoHtml,
   injectTagsAtHeadStart,
   insertBeforeCloseTag,
   isFullHtmlDocument,
   resolveRateSpec,
   sourceTimeAt,
   stripEmbeddedRuntimeScripts
-} from "./chunk-SHLFJFPM.js";
+} from "./chunk-C6MUZ4T2.js";
 import {
   ProjectRootMissingError,
   folderGone,
@@ -113,7 +114,7 @@ import {
 import {
   isWithinProjectRoot,
   readProjectFile
-} from "./chunk-NITBGIHR.js";
+} from "./chunk-N4RVOW43.js";
 import {
   FFPROBE_PATH_ENV,
   findFfBinary
@@ -2991,9 +2992,10 @@ function findAllTweenCalls(ast, ref, scope, targetBindings) {
   return results;
 }
 var PERCENTAGE_KEY_RE = /^(\d+(?:\.\d+)?)%$/;
-function tryResolveStringProp(propValue, scope) {
+function tryResolveStringProp(propValue, scope, source) {
   const val = resolveNode(propValue, scope);
-  return typeof val === "string" ? val : void 0;
+  if (typeof val === "string") return val;
+  return source === void 0 ? void 0 : `__raw:${source.slice(propValue.start, propValue.end)}`;
 }
 function parsePercentageKeyframes(node, scope, source) {
   const keyframes = [];
@@ -3020,9 +3022,9 @@ function parsePercentageKeyframes(node, scope, source) {
       }
       keyframes.push({ percentage, properties, ...kfEase ? { ease: kfEase } : {} });
     } else if (key === "ease") {
-      ease = tryResolveStringProp(prop.value, scope) ?? ease;
+      ease = tryResolveStringProp(prop.value, scope, source) ?? ease;
     } else if (key === "easeEach") {
-      easeEach = tryResolveStringProp(prop.value, scope) ?? easeEach;
+      easeEach = tryResolveStringProp(prop.value, scope, source) ?? easeEach;
     }
   }
   keyframes.sort((a, b) => a.percentage - b.percentage);
@@ -3342,7 +3344,7 @@ function applyTimelineDefaults(anims, defaults) {
       if (defaults.duration !== void 0) anim.duration = defaults.duration;
       else if (defaults.durationUnresolved) anim.durationUnresolved = true;
     }
-    if (anim.ease === void 0 && defaults.ease !== void 0) {
+    if (anim.ease === void 0 && defaults.ease !== void 0 && !anim.keyframes) {
       anim.ease = defaults.ease;
     }
   }
@@ -3935,7 +3937,7 @@ function preservedVarsEntries(varsNode, source) {
 function buildConvertedVarsCode(animation, varsNode, source) {
   const { fromProps, toProps } = conversionEndpoints(animation);
   const easeEach = animation.ease;
-  const easeEachEntry = easeEach ? `, easeEach: ${JSON.stringify(easeEach)}` : "";
+  const easeEachEntry = easeEach ? `, easeEach: ${valueToCode(easeEach)}` : "";
   const kfCode = `{ "0%": ${recordToCode(fromProps)}, "100%": ${recordToCode(toProps)}${easeEachEntry} }`;
   const entries = [`keyframes: ${kfCode}`, ...preservedVarsEntries(varsNode, source)];
   if (easeEach) entries.push(`ease: "none"`);
@@ -4397,7 +4399,7 @@ function buildCollapsedFlatVars(animation, collapse) {
 function buildKeyframesVarsCode(animation, fromProps, toProps, varsNode, source, setDuration) {
   const fromEntries = Object.entries(fromProps).map(([k, v]) => `${safeKey(k)}: ${valueToCode(v)}`);
   const toEntries = Object.entries(toProps).map(([k, v]) => `${safeKey(k)}: ${valueToCode(v)}`);
-  const easeEntry = animation.ease ? `, easeEach: ${JSON.stringify(animation.ease)}` : "";
+  const easeEntry = animation.ease ? `, easeEach: ${valueToCode(animation.ease)}` : "";
   const kfCode = `{ "0%": { ${fromEntries.join(", ")} }, "100%": { ${toEntries.join(", ")} }${easeEntry} }`;
   let preserved = preservedVarsEntries(varsNode, source);
   if (setDuration !== void 0) {
@@ -4451,11 +4453,11 @@ function convertToKeyframesFromScript(script, animationId, resolvedFromValues, s
 function buildKeyframeObjectCode(keyframes, easeEach) {
   const entries = mergePercentageKeyframes(keyframes).map((kf) => {
     const props = Object.entries(kf.properties).map(([k, v]) => `${safeKey(k)}: ${valueToCode(v)}`);
-    if (kf.ease) props.push(`ease: ${JSON.stringify(kf.ease)}`);
+    if (kf.ease) props.push(`ease: ${valueToCode(kf.ease)}`);
     if (kf.auto) props.push(`_auto: 1`);
     return `${JSON.stringify(`${kf.percentage}%`)}: { ${props.join(", ")} }`;
   });
-  if (easeEach) entries.push(`easeEach: ${JSON.stringify(easeEach)}`);
+  if (easeEach) entries.push(`easeEach: ${valueToCode(easeEach)}`);
   return `{ ${entries.join(", ")} }`;
 }
 function materializeKeyframesFromScript(script, animationId, keyframes, easeEach, resolvedSelector) {
@@ -4508,7 +4510,7 @@ function replaceTweenWithKeyframesInScript(script, animationId, edit) {
   const sorted = [...edit.keyframes].sort((a, b) => a.percentage - b.percentage);
   const parts = [`keyframes: ${buildKeyframeObjectCode(sorted, edit.easeEach)}`, ...kept];
   parts.push(`duration: ${valueToCode(edit.duration)}`);
-  if (edit.ease) parts.push(`ease: ${JSON.stringify(edit.ease)}`);
+  if (edit.ease) parts.push(`ease: ${valueToCode(edit.ease)}`);
   if (animation.hasUnresolvedSelector || animation.targetSelector !== edit.targetSelector) {
     const selectorArg = call.node.arguments[0];
     ms.overwrite(selectorArg.start, selectorArg.end, JSON.stringify(edit.targetSelector));
@@ -4526,7 +4528,7 @@ function addAnimationWithKeyframesToScript(script, targetSelector, position, dur
   const sorted = [...keyframes].sort((a, b) => a.percentage - b.percentage);
   const kfObjCode = buildKeyframeObjectCode(sorted, easeEach);
   const varParts = [`keyframes: ${kfObjCode}`, `duration: ${valueToCode(duration)}`];
-  if (ease) varParts.push(`ease: ${JSON.stringify(ease)}`);
+  if (ease) varParts.push(`ease: ${valueToCode(ease)}`);
   const stmtCode = `${parsed.timelineVar}.to(${JSON.stringify(targetSelector)}, { ${varParts.join(", ")} }, ${valueToCode(position)});`;
   const ms = new MagicString(script);
   ms.appendLeft(insertionPoint, "\n" + stmtCode);
@@ -5084,7 +5086,7 @@ function buildUnrollReplacement(timelineVar, animation, elements) {
   const calls = elements.map((el) => {
     const sorted = [...el.keyframes].sort((a, b) => a.percentage - b.percentage);
     const kfCode = buildKeyframeObjectCode(sorted, el.easeEach);
-    return `${timelineVar}.to(${JSON.stringify(el.selector)}, { keyframes: ${kfCode}, duration: ${duration}, ease: ${JSON.stringify(ease)} }, ${posCode});`;
+    return `${timelineVar}.to(${JSON.stringify(el.selector)}, { keyframes: ${kfCode}, duration: ${duration}, ease: ${valueToCode(ease)} }, ${posCode});`;
   });
   return calls.join("\n  ");
 }
@@ -5095,7 +5097,7 @@ function buildUnrollCallForElement(timelineVar, animation, el) {
   const posCode = typeof pos === "number" ? String(pos) : JSON.stringify(pos);
   const sorted = [...el.keyframes].sort((a, b) => a.percentage - b.percentage);
   const kfCode = buildKeyframeObjectCode(sorted, el.easeEach);
-  return `${timelineVar}.to(${JSON.stringify(el.selector)}, { keyframes: ${kfCode}, duration: ${duration}, ease: ${JSON.stringify(ease)} }, ${posCode});`;
+  return `${timelineVar}.to(${JSON.stringify(el.selector)}, { keyframes: ${kfCode}, duration: ${duration}, ease: ${valueToCode(ease)} }, ${posCode});`;
 }
 var REFUSE_UNROLL = /* @__PURE__ */ Symbol("refuse-unroll");
 function loopBodyRawStatements(loopNode) {
@@ -6584,7 +6586,7 @@ async function prepareGsapMutationScript(c, res, firstMutation) {
   let block = extractGsapScriptBlock(html);
   if (!block && (firstMutation.type === "add" || firstMutation.type === "add-with-keyframes")) {
     const compId = html.match(/data-composition-id="([^"]+)"/)?.[1] ?? "main";
-    const { GSAP_CDN } = await import("./dist-NP53GO3N.js");
+    const { GSAP_CDN } = await import("./dist-Z7QP5AQY.js");
     const bootstrap = [
       `<script src="${GSAP_CDN}"></script>`,
       "<script>",
@@ -8420,6 +8422,11 @@ function buildSubCompositionHtml(projectDir, compPath, runtimeUrl, baseHref, raw
     rewrittenContent = contentDoc.body.innerHTML || rawComp;
   }
   rewrittenContent = stripEmbeddedRuntimeScripts(rewrittenContent);
+  const { document: scriptsDoc } = parseHTML(
+    `<!DOCTYPE html><html><head></head><body>${rewrittenContent}</body></html>`
+  );
+  deferScriptsUntilFonts(scriptsDoc);
+  rewrittenContent = scriptsDoc.body.innerHTML;
   rewrittenContent = tagRootCompositionFile(rewrittenContent, compPath);
   const indexPath = join62(projectDir, "index.html");
   let headContent = "";
@@ -8630,7 +8637,8 @@ function injectMotionPathPluginIfNeeded(html) {
   const match = html.match(gsapScript);
   if (match) {
     const version = match[0].match(/gsap@([\d.]+)/)?.[1];
-    const pluginTag = `<script src="${motionPathPluginUrl(version)}"></script>`;
+    const gsapTagType = match[0].match(/\stype=("[^"]*"|'[^']*')/i)?.[0] ?? "";
+    const pluginTag = `<script${gsapTagType} src="${motionPathPluginUrl(version)}"></script>`;
     const end = html.indexOf(match[0]) + match[0].length;
     return html.slice(0, end) + "\n" + pluginTag + html.slice(end);
   }
@@ -8652,12 +8660,9 @@ function injectStudioMotionScript(html, projectDir, activeCompositionPath) {
     activeCompositionPath
   });
   if (!script) return html;
-  return injectScriptsIntoHtml(
-    injectStudioMotionDependencies(html, manifestContent),
-    [],
-    [script],
-    false
-  );
+  const withDependencies = injectStudioMotionDependencies(html, manifestContent);
+  const tag = `<script type="${AFTER_FONTS_SCRIPT_TYPE}">${script.replace(/<\/script/gi, "<\\/script")}</script>`;
+  return insertBeforeCloseTag(withDependencies, "body", tag) ?? `${withDependencies}${tag}`;
 }
 var GSAP_FALLBACK_ATTR = "data-hf-gsap-fallback";
 var GSAP_CDN_FALLBACK_SCRIPT = `<script ${GSAP_FALLBACK_ATTR}>

package/dist/{chunk-LHU6KXWL.js → chunk-JD3C44FP.js}

@@ -19,10 +19,10 @@ import {
 import {
   formatVariableValidationIssue,
   validateVariables
-} from "./chunk-2WKWEB4T.js";
+} from "./chunk-VP4IJ3NC.js";
 import {
   extractCompositionMetadata
-} from "./chunk-FSLYPQ5Z.js";
+} from "./chunk-F7MXHGU3.js";
 
 // src/utils/variables.ts
 import { readFileSync } from "fs";

package/dist/{chunk-6ZX3YCCU.js → chunk-JQPICVXM.js}

@@ -8,19 +8,19 @@ import {
   isAllowedHtmlAttribute,
   isSafeAttributeValue,
   sanitizeRichTextChildren
-} from "./chunk-2WKWEB4T.js";
+} from "./chunk-VP4IJ3NC.js";
 import {
   removeElementWithGsapCascade
-} from "./chunk-FSLYPQ5Z.js";
+} from "./chunk-F7MXHGU3.js";
 import {
   EXCLUDED_TAGS,
   ensureHfIds,
   mintHfId,
   walkCompositionDescendants
-} from "./chunk-5IABQ7OX.js";
+} from "./chunk-LQBR4IC7.js";
 import {
   require_dist
-} from "./chunk-NITBGIHR.js";
+} from "./chunk-N4RVOW43.js";
 import {
   readClipTiming,
   readMediaOffsetSeconds,

package/dist/{chunk-QWD3NM22.js → chunk-KCJGTEJD.js}

@@ -6,7 +6,7 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   updateNoticesSuppressed
-} from "./chunk-7N3IODU7.js";
+} from "./chunk-74G66BSC.js";
 import {
   hostAnswers
 } from "./chunk-K4WIOZFP.js";

package/dist/{chunk-WMCV6DHA.js → chunk-KJHOYQ2T.js}

@@ -6,10 +6,10 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   getMimeType
-} from "./chunk-LP3KFEVQ.js";
+} from "./chunk-J22NAGNW.js";
 import {
   injectTagsAtHeadStart
-} from "./chunk-SHLFJFPM.js";
+} from "./chunk-C6MUZ4T2.js";
 
 // src/utils/compositionServer.ts
 import { createHash } from "crypto";

package/dist/{chunk-5IABQ7OX.js → chunk-LQBR4IC7.js}

@@ -21,7 +21,7 @@ import {
   shouldClampResolvedMediaDuration,
   stripEmbeddedRuntimeScripts,
   warnUnknownEnumValues
-} from "./chunk-SHLFJFPM.js";
+} from "./chunk-C6MUZ4T2.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-NITBGIHR.js";
+} from "./chunk-N4RVOW43.js";
 import {
   CSS_URL_RE,
   checkSubCompositionUsability,
@@ -121,6 +121,54 @@ function inlineScriptRuns(scripts, isPinned = () => false) {
     runs.push({ members, anchor: null });
   return runs;
 }
+var AFTER_FONTS_SCRIPT_TYPE = "text/hf-after-fonts";
+var AFTER_FONTS_MODULE_TYPE = `${AFTER_FONTS_SCRIPT_TYPE}+module`;
+var AFTER_FONTS_SCRIPTS = `script[type="${AFTER_FONTS_SCRIPT_TYPE}"], script[type="${AFTER_FONTS_MODULE_TYPE}"]`;
+var AFTER_FONTS_CLAIM = "__hfAfterFontsClaimed";
+var AFTER_FONTS_FALLBACK_ATTR = "data-hf-after-fonts-fallback";
+var afterFontsFallback = () => `document.addEventListener("DOMContentLoaded", function () {
+  if (window.${AFTER_FONTS_CLAIM}) return;
+  var T = "${AFTER_FONTS_SCRIPT_TYPE}";
+  var all = [].slice.call(document.querySelectorAll('${AFTER_FONTS_SCRIPTS}'));
+  if (!all.length) return;
+  console.warn("[hyperframes] the runtime has no web-font gate; composition scripts run without waiting for fonts");
+  var late = function (el) { return el.type !== T || (el.hasAttribute("src") && el.hasAttribute("defer")); };
+  var queue = all.filter(function (el) { return !late(el); }).concat(all.filter(late));
+  (function next() {
+    var el = queue.shift();
+    if (!el) return;
+    var s = document.createElement("script");
+    for (var i = 0; i < el.attributes.length; i++) s.setAttribute(el.attributes[i].name, el.attributes[i].value);
+    if (el.type === T) s.removeAttribute("type"); else s.type = "module";
+    s.async = el.hasAttribute("async");
+    s.text = el.text;
+    var waits = s.type !== "module" && s.hasAttribute("src") && !s.async && !s.noModule;
+    if (waits) { s.addEventListener("load", next); s.addEventListener("error", next); }
+    el.replaceWith(s);
+    if (!waits) next();
+  })();
+});`;
+function deferScriptsUntilFonts(document, isFramework = () => false) {
+  let deferred = false;
+  for (const el of document.querySelectorAll("body script")) {
+    if (isFramework(el) || el.closest("noscript, svg"))
+      continue;
+    if (isClassicInline(el))
+      el.setAttribute("type", AFTER_FONTS_SCRIPT_TYPE);
+    else if ((el.getAttribute("type") || "").trim().toLowerCase() === "module") {
+      el.setAttribute("type", AFTER_FONTS_MODULE_TYPE);
+    } else
+      continue;
+    deferred = true;
+  }
+  if (!deferred || !document.head || document.querySelector(`script[${AFTER_FONTS_FALLBACK_ATTR}]`)) {
+    return;
+  }
+  const fallback = document.createElement("script");
+  fallback.setAttribute(AFTER_FONTS_FALLBACK_ATTR, "");
+  fallback.textContent = afterFontsFallback();
+  document.head.insertBefore(fallback, document.head.firstChild);
+}
 function cssStyleMergeKey(el) {
   const rawType = el.getAttribute("type") ?? "";
   const type = el.tagName.toLowerCase() === "link" ? rawType.split(";")[0].trim() : rawType;
@@ -2735,6 +2783,7 @@ async function bundleProject(projectDir, options) {
   enforceCompositionPixelSizing(document);
   autoHealMissingCompositionIds(document);
   coalesceHeadStylesAndBodyScripts(document);
+  deferScriptsUntilFonts(document, (el) => el.hasAttribute(RUNTIME_BOOTSTRAP_ATTR));
   injectTextRenderingRule(document);
   const inlineAssets = options?.inlineAssets !== false;
   for (const el of [...document.querySelectorAll("[src], [href], [poster], [xlink\\:href]")]) {
@@ -3012,6 +3061,8 @@ function addScenePartsManifest(html, ignore = []) {
 export {
   compileHtml,
   inlineScriptRuns,
+  AFTER_FONTS_SCRIPT_TYPE,
+  deferScriptsUntilFonts,
   cssStyleMergeKey,
   headStyleRuns,
   compositionStyle,

package/dist/{chunk-KWABBJYI.js → chunk-MOPVB4VL.js}

@@ -16,7 +16,7 @@ import {
 import {
   DEFAULT_VP9_CPU_USED,
   renderProvenanceArgs
-} from "./chunk-IUBZ3DSO.js";
+} from "./chunk-NKS75GFI.js";
 import {
   loadOptionalPackage
 } from "./chunk-XT5P4QMO.js";
@@ -202,7 +202,7 @@ function inferInputKind(inputPath) {
 }
 async function probeMedia(inputPath) {
   const isImage = inferInputKind(inputPath) === "image";
-  const engine = await import("./src-QOQJLFDK.js");
+  const engine = await import("./src-S7FSBDSO.js");
   const meta = await engine.extractMediaMetadata(inputPath);
   if (isImage) {
     return { width: meta.width, height: meta.height, fps: 0, frameCount: 1 };

package/dist/{chunk-NITBGIHR.js → chunk-N4RVOW43.js}

@@ -7534,11 +7534,11 @@ function deriveDurationFromClips(tags, rootTag) {
   return resolveCompositionDuration({ authoredDurationSeconds: null, clipEndsSeconds: clipEnds });
 }
 async function loadParseGsapScript() {
-  const mod = await import("./gsapParserAcorn-FLWABPQM.js");
+  const mod = await import("./gsapParserAcorn-3Z742FXU.js");
   return mod.parseGsapScriptAcorn;
 }
 async function loadGsapScriptMotionPathFirstUseIndex() {
-  const mod = await import("./gsapParserAcorn-FLWABPQM.js");
+  const mod = await import("./gsapParserAcorn-3Z742FXU.js");
   return mod.gsapScriptMotionPathFirstUseIndex;
 }
 var SCENE_BOUNDARY_EPSILON_SECONDS = 0.05;

package/dist/{chunk-6A332WKF.js → chunk-NA2DKY3M.js}

@@ -6,23 +6,24 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   serveStaticProjectHtml
-} from "./chunk-SVI32JAG.js";
+} from "./chunk-EBODC6OT.js";
 import {
   resolveProject
-} from "./chunk-B3MQEZBK.js";
+} from "./chunk-FD5UEKRP.js";
 import {
   AUDIT_SEEK_OPTIONS,
   installPageFunctionGuard,
   seekCompositionTimeline,
-  waitForCompositionFonts
-} from "./chunk-TOOQJPUJ.js";
+  waitForCompositionFonts,
+  waitForRuntimeReady
+} from "./chunk-Q4GCD5WE.js";
 import {
   launchManagedBrowser,
   resolveManagedGpuMode
-} from "./chunk-OI3IIR2X.js";
+} from "./chunk-3VG4A22C.js";
 import {
   resolveDiagnosticNavigationTimeoutMs
-} from "./chunk-OLFFCC2D.js";
+} from "./chunk-C477PVA2.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
@@ -36,7 +37,7 @@ import {
 import {
   printDeprecationNotice,
   withMeta
-} from "./chunk-7N3IODU7.js";
+} from "./chunk-74G66BSC.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -669,7 +670,7 @@ async function collectTweenBoundaries(page) {
   });
 }
 async function bundleProjectHtml(projectDir) {
-  const { bundleToSingleHtml } = await import("./compiler-GPUSYMA6.js");
+  const { bundleToSingleHtml } = await import("./compiler-DNZFJIKO.js");
   return bundleToSingleHtml(projectDir);
 }
 async function alignViewportToComposition(page, url) {
@@ -691,8 +692,8 @@ async function alignViewportToComposition(page, url) {
 async function runLayoutAudit(projectDir, opts) {
   const { ensureBrowser } = await import("./manager-CT3D67CG.js");
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-QOQJLFDK.js");
-  const { assertWebGpuAdapterAvailable, compositionRequiresWebGpu, resolveLocalBrowserGpuMode } = await import("./gpuPolicy-WWBLJO6C.js");
+  const { buildChromeArgs } = await import("./src-S7FSBDSO.js");
+  const { assertWebGpuAdapterAvailable, compositionRequiresWebGpu, resolveLocalBrowserGpuMode } = await import("./gpuPolicy-J5CPE3TK.js");
   const html = await bundleProjectHtml(projectDir);
   const server = await serveStaticProjectHtml(
     projectDir,
@@ -722,10 +723,7 @@ async function runLayoutAudit(projectDir, opts) {
     });
     await assertWebGpuAdapterAvailable(page, requiresWebGpu);
     await alignViewportToComposition(page, server.url);
-    await page.waitForFunction(() => !!window.__timelines, {
-      timeout: opts.timeout
-    }).catch(() => {
-    });
+    await waitForRuntimeReady(page, opts.timeout);
     await waitForCompositionFonts(page, 750);
     await new Promise((resolveSettle) => setTimeout(resolveSettle, 250));
     const duration = await getCompositionDuration(page);

package/dist/{chunk-IUBZ3DSO.js → chunk-NKS75GFI.js}

@@ -22,7 +22,7 @@ import {
   renderFrameIdForRenderId,
   resolveAuthoredTimingWindow,
   toFps
-} from "./chunk-2WKWEB4T.js";
+} from "./chunk-VP4IJ3NC.js";
 import {
   AUDIO_GROUP_RENDER_ID_ATTR,
   COLOR_GRADING_SOURCE_HIDDEN_ATTR,
@@ -52,7 +52,7 @@ import {
   shiftRateLane,
   sourceTimeAt,
   timeAtSourceTime
-} from "./chunk-SHLFJFPM.js";
+} from "./chunk-C6MUZ4T2.js";
 import {
   chromeMajorCeiling,
   exceedsChromeCeiling
@@ -60,7 +60,7 @@ import {
 import {
   isWithinProjectRoot,
   resolveProjectRelativeSrc
-} from "./chunk-NITBGIHR.js";
+} from "./chunk-N4RVOW43.js";
 import {
   FFMPEG_PATH_ENV,
   FFPROBE_PATH_ENV,