hyperframes 0.8.191 → 0.8.193

package/dist/{chunk-3NRB7YXW.js → chunk-2VXY3PEF.js}

@@ -19,6 +19,10 @@ import {
   resolveLocalAssetCandidates,
   resolveProjectRelativeSrc
 } from "./chunk-6BNTGNGD.js";
+import {
+  TIMING_TOLERANCE_SECONDS,
+  resolveCompositionDuration
+} from "./chunk-CZGHFATT.js";
 import {
   COMPOSITION_VARIABLE_TYPES,
   FONT_ALIAS_KEYS,
@@ -26,9 +30,10 @@ import {
   HTML_BODY_CSS_WIDTH_FIRST_RE,
   VIEWPORT_META_SIZE_RE,
   extractMediaSrcMutations,
+  isCompositionVariable,
   isSafeMediaUrl,
   resolveAliasDisplayName
-} from "./chunk-RUOG4VB7.js";
+} from "./chunk-PKZ7RK5N.js";
 import {
   COLOR_GRADING_SOURCE_TAGS,
   COMPOSITION_ATTRIBUTES,
@@ -56,14 +61,12 @@ import {
   isSceneLikeCompositionId,
   parseSlideshowManifest,
   resolveSlideshow
-} from "./chunk-IXLUTE6N.js";
+} from "./chunk-3422KMTD.js";
 import {
   base,
-  parse,
-  parseExpressionAt,
   recursive,
   simple
-} from "./chunk-I5JRXMCV.js";
+} from "./chunk-RXATE6FZ.js";
 import {
   __commonJS,
   __require,
@@ -3708,30 +3711,10 @@ var require_dist = __commonJS({
 });
 
 // ../lint/dist/index.js
+import { parse } from "acorn";
 var import_postcss_selector_parser = __toESM(require_dist(), 1);
 import postcss from "postcss";
-
-// ../parsers/dist/compositionDuration.js
-var TIMING_TOLERANCE_SECONDS = 0.05;
-var isPositiveFinite = (value) => value !== null && Number.isFinite(value) && value > 0;
-function resolveCompositionDuration(input) {
-  const pendingClips = input.clipEndsSeconds.filter((end) => end === null).length;
-  if (isPositiveFinite(input.authoredDurationSeconds)) {
-    return { seconds: input.authoredDurationSeconds, source: "authored", pendingClips };
-  }
-  const known = input.clipEndsSeconds.filter(isPositiveFinite);
-  if (known.length > 0) {
-    return { seconds: Math.max(...known), source: "derived", pendingClips };
-  }
-  return {
-    seconds: null,
-    source: "unresolved",
-    pendingClips,
-    reason: pendingClips > 0 ? "every clip's length is still pending" : "no authored duration and no clip with a length"
-  };
-}
-
-// ../lint/dist/index.js
+import { parse as parse2 } from "acorn";
 import postcss2 from "postcss";
 import postcss3 from "postcss";
 
@@ -3770,6 +3753,7 @@ function trackKindOf(node) {
 }
 
 // ../lint/dist/index.js
+import { parse as parse3, parseExpressionAt } from "acorn";
 import { createHash } from "crypto";
 import { existsSync as existsSync2, readFileSync, readdirSync } from "fs";
 import { dirname as dirname2, extname, join as join3, relative as relative2, resolve } from "path";
@@ -3895,6 +3879,7 @@ function resolveReferencedDuration(doc, el, startCache, visiting) {
 }
 
 // ../lint/dist/index.js
+import postcss4 from "postcss";
 import { execFile } from "child_process";
 import { existsSync } from "fs";
 import { join } from "path";
@@ -6457,7 +6442,7 @@ function callsFor(script) {
   if (cached) return cached;
   const calls = [];
   try {
-    const ast = parse(script.content, {
+    const ast = parse2(script.content, {
       ecmaVersion: "latest",
       sourceType: "script",
       allowReturnOutsideFunction: true
@@ -6783,6 +6768,16 @@ function variablesDeclarationFindings(tag, tags) {
       });
       continue;
     }
+    if (!isCompositionVariable(e)) {
+      findings.push({
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: `data-composition-variables entry [${i}] has a default that does not match its type, or an enum without an options array.`,
+        fixHint: "Use number defaults for number variables, boolean defaults for boolean variables, and string defaults for other types. Enum variables also require an options array.",
+        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({
@@ -7681,11 +7676,11 @@ function deriveDurationFromClips(tags, rootTag) {
   return resolveCompositionDuration({ authoredDurationSeconds: null, clipEndsSeconds: clipEnds });
 }
 async function loadParseGsapScript() {
-  const mod = await import("./gsapParserAcorn-SKODXC2N.js");
+  const mod = await import("./gsapParserAcorn-OOTY2MVN.js");
   return mod.parseGsapScriptAcorn;
 }
 async function loadGsapScriptMotionPathFirstUseIndex() {
-  const mod = await import("./gsapParserAcorn-SKODXC2N.js");
+  const mod = await import("./gsapParserAcorn-OOTY2MVN.js");
   return mod.gsapScriptMotionPathFirstUseIndex;
 }
 var SCENE_BOUNDARY_EPSILON_SECONDS = 0.05;
@@ -8819,7 +8814,7 @@ ${right.raw}`)
     return findings;
   },
   // gsap_timeline_registered_before_async_build — registering window.__timelines[id]
-  // BEFORE the timeline is built inside document.fonts.ready (or any async callback)
+  // BEFORE the timeline is built inside a font-ready callback
   // leaves an EMPTY timeline registered. The runtime's sub-composition readiness gate
   // treats "key present" as "ready" and nests the child ONCE, while still empty — so the
   // animation never renders when this composition is mounted as a sub-composition.
@@ -8828,9 +8823,11 @@ ${right.raw}`)
     const findings = [];
     for (const script of scripts) {
       const content = stripJsComments(script.content);
-      const regIdx = content.search(/window\s*\.\s*__timelines\s*\[/);
+      const regIdx = content.search(
+        /window\s*\.\s*__timelines\s*(?:\[[^\]]+\]|\.\s*[A-Za-z_$][\w$]*)\s*=\s*(?!=)/
+      );
       if (regIdx < 0) continue;
-      const fontsReadyIdx = content.search(/document\s*\.\s*fonts\s*\.\s*ready/);
+      const fontsReadyIdx = content.search(/document\s*\.\s*fonts\s*\.\s*(?:ready\b|load\s*\()/);
       if (fontsReadyIdx < 0) continue;
       if (regIdx >= fontsReadyIdx) continue;
       const tail = content.slice(fontsReadyIdx);
@@ -8838,8 +8835,8 @@ ${right.raw}`)
       findings.push({
         code: "gsap_timeline_registered_before_async_build",
         severity: "error",
-        message: 'window.__timelines is assigned BEFORE the timeline is built inside document.fonts.ready. An empty timeline registered early gets nested empty when this composition is used as a sub-composition (the readiness gate treats "key present" as "ready" and never re-nests), so the animation renders blank.',
-        fixHint: "Move the `window.__timelines[id] = tl;` assignment to the END of the document.fonts.ready callback, after the tweens are added. Optionally call window.__hfForceTimelineRebind() right after, to re-nest the populated timeline."
+        message: 'window.__timelines is assigned BEFORE the timeline is built inside document.fonts.ready or document.fonts.load(). An empty timeline registered early gets nested empty when this composition is used as a sub-composition (the readiness gate treats "key present" as "ready" and never re-nests), so the animation renders blank.',
+        fixHint: "Move the `window.__timelines[id] = tl;` assignment to the END of the font-ready callback, after the tweens are added. Optionally call window.__hfForceTimelineRebind() right after, to re-nest the populated timeline."
       });
     }
     return findings;
@@ -9868,22 +9865,29 @@ var GENERIC_FAMILIES = /* @__PURE__ */ new Set([
   "unset",
   "revert"
 ]);
-function stripCssComments2(css) {
-  return css.replace(/\/\*[\s\S]*?\*\//g, " ");
+function parseFontCss(css) {
+  try {
+    return postcss3.parse(css);
+  } catch {
+    return null;
+  }
+}
+function isFontFaceDeclaration(decl) {
+  let parent = decl.parent;
+  while (parent) {
+    if (parent.type === "atrule" && parent.name.toLowerCase() === "font-face") return true;
+    parent = parent.parent;
+  }
+  return false;
 }
 function extractFontFaceFamilies(styles) {
   const families = /* @__PURE__ */ new Set();
-  const fontFaceRe = /@font-face\s*\{[^}]*\}/gi;
-  const familyRe = /font-family\s*:\s*(['"]?)([^;'"]+)\1/i;
   for (const style of styles) {
-    const content = stripCssComments2(style.content);
-    let match;
-    while ((match = fontFaceRe.exec(content)) !== null) {
-      const familyMatch = match[0].match(familyRe);
-      if (familyMatch?.[2]) {
-        families.add(familyMatch[2].trim().toLowerCase());
-      }
-    }
+    parseFontCss(style.content)?.walkDecls(/^font-family$/i, (decl) => {
+      if (!isFontFaceDeclaration(decl)) return;
+      const name = normalizeUsedFontName(decl.value);
+      if (name) families.add(name);
+    });
   }
   return families;
 }
@@ -9892,22 +9896,43 @@ function normalizeUsedFontName(part) {
   if (!name || name.includes("(") || name.includes(")")) return null;
   return name;
 }
+function collectFontCustomProperties(styles) {
+  const properties = /* @__PURE__ */ new Map();
+  for (const style of styles) {
+    parseFontCss(style.content)?.walkDecls(/^--/, (decl) => {
+      if (!isFontFaceDeclaration(decl)) properties.set(decl.prop, decl.value);
+    });
+  }
+  return properties;
+}
+function resolveUsedFontNames(value, properties, resolving = /* @__PURE__ */ new Set()) {
+  return postcss3.list.comma(value).flatMap((part) => {
+    const variable = /^var\(\s*(--[^\s,()]+)\s*(?:,[\s\S]*)?\)$/i.exec(part.trim());
+    if (!variable) {
+      const name = normalizeUsedFontName(part);
+      return name ? [name] : [];
+    }
+    const property = variable[1];
+    if (!property || resolving.has(property) || resolving.size >= 8) return [];
+    const referenced = properties.get(property);
+    if (referenced === void 0) return [];
+    return resolveUsedFontNames(referenced, properties, new Set(resolving).add(property));
+  });
+}
 function extractUsedFontFamilies(styles) {
   const used = [];
   const seen = /* @__PURE__ */ new Set();
-  const propRe = /font-family\s*:\s*([^;}{]+)/gi;
+  const properties = collectFontCustomProperties(styles);
   for (const style of styles) {
-    const withoutFontFace = stripCssComments2(style.content).replace(/@font-face\s*\{[^}]*\}/gi, "");
-    let match;
-    while ((match = propRe.exec(withoutFontFace)) !== null) {
-      for (const part of match[1].split(",")) {
-        const name = normalizeUsedFontName(part);
-        if (name && !GENERIC_FAMILIES.has(name) && !seen.has(name)) {
+    parseFontCss(style.content)?.walkDecls(/^font-family$/i, (decl) => {
+      if (isFontFaceDeclaration(decl)) return;
+      for (const name of resolveUsedFontNames(decl.value, properties)) {
+        if (!GENERIC_FAMILIES.has(name) && !seen.has(name)) {
           seen.add(name);
           used.push(name);
         }
       }
-    }
+    });
   }
   return used;
 }
@@ -10010,15 +10035,12 @@ var fontRules = [
 ];
 function uniqueFontLocation(styles, families, locate) {
   const locations = [];
+  const properties = collectFontCustomProperties(styles);
   for (const style of styles) {
     try {
       postcss3.parse(style.content).walkDecls(/^font-family$/i, (decl) => {
-        let parent = decl.parent;
-        while (parent) {
-          if (parent.type === "atrule" && parent.name.toLowerCase() === "font-face") return;
-          parent = parent.parent;
-        }
-        if (!decl.value.split(",").some((part) => families.includes(normalizeUsedFontName(part) ?? "")))
+        if (isFontFaceDeclaration(decl)) return;
+        if (!resolveUsedFontNames(decl.value, properties).some((name) => families.includes(name)))
           return;
         locations.push(locate(style, decl.source?.start?.offset));
       });
@@ -10026,7 +10048,7 @@ function uniqueFontLocation(styles, families, locate) {
       return {};
     }
   }
-  return locations.length === 1 ? locations[0] : {};
+  return locations.length === 1 ? locations[0] ?? {} : {};
 }
 function parseTiming(raw) {
   const startStr = readAttr(raw, "data-start");
@@ -10295,7 +10317,7 @@ function withoutComments(source) {
 function staticShaders(source) {
   const shaders = [];
   try {
-    const ast = parse(source, {
+    const ast = parse3(source, {
       ecmaVersion: "latest",
       sourceType: "module",
       allowReturnOutsideFunction: true
@@ -10826,6 +10848,7 @@ function contentDigest(html) {
   return createHash("sha256").update(html).digest("hex").slice(0, 16);
 }
 var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set([".mp3", ".wav", ".aac", ".ogg", ".m4a", ".flac", ".opus"]);
+var CSS_URL_RE = /\burl\(\s*(?:"([^"]+)"|'([^']+)'|([^"')\s]+))\s*\)/gi;
 var MASK_IMAGE_URL_RE = /\b(?:-webkit-)?mask-image\s*:\s*[^;{}]*url\(\s*(?:"([^"]+)"|'([^']+)'|([^"')\s]+))\s*\)/gi;
 function isLocalStylesheetHref(href) {
   return !!href && !/^(https?:|data:|blob:|\/\/)/i.test(href);
@@ -11118,9 +11141,16 @@ function lintTextureMaskAssetNotFound(projectDir, htmlSources) {
   for (const { html, compSrcPath } of htmlSources) {
     const file = sourceFile(projectDir, compSrcPath);
     for (const cssSource of collectCssSources(projectDir, html, compSrcPath)) {
-      let match;
-      const pattern = new RegExp(MASK_IMAGE_URL_RE.source, MASK_IMAGE_URL_RE.flags);
-      while ((match = pattern.exec(cssSource.content)) !== null) {
+      let matches = [];
+      try {
+        postcss4.parse(cssSource.content).walkDecls(/^(?:-webkit-)?mask-image$/i, (declaration) => {
+          matches.push(...declaration.value.matchAll(CSS_URL_RE));
+        });
+      } catch (error) {
+        if (!(error instanceof postcss4.CssSyntaxError)) throw error;
+        matches = [...cssSource.content.matchAll(MASK_IMAGE_URL_RE)];
+      }
+      for (const match of matches) {
         const rawUrl = match[1] ?? match[2] ?? match[3] ?? "";
         if (isUnresolvedAssetPlaceholder(rawUrl)) continue;
         const url = cleanAssetUrl(rawUrl);
@@ -11322,7 +11352,6 @@ export {
   resolveReferencedStart,
   resolveReferencedDuration,
   require_dist,
-  resolveCompositionDuration,
   LINT_RULE_COUNT,
   LINT_RULE_GROUP_COUNTS,
   lintHyperframeHtml,

package/dist/{chunk-IXLUTE6N.js → chunk-3422KMTD.js}

@@ -10,7 +10,11 @@ var SLIDESHOW_MANIFEST_VERSION = 1;
 var SLIDESHOW_ISLAND_TYPE = "application/hyperframes-slideshow+json";
 function slideshowIslandRegex(flags = "i") {
   const escaped = SLIDESHOW_ISLAND_TYPE.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  return new RegExp(`<script[^>]*type=["']${escaped}["'][^>]*>([\\s\\S]*?)<\\/script>`, flags);
+  const htmlWhitespace = "[\\t\\n\\f\\r ]*";
+  return new RegExp(
+    `<script[^>]*type${htmlWhitespace}=${htmlWhitespace}["']${escaped}["'][^>]*>([\\s\\S]*?)<\\/script>`,
+    flags
+  );
 }
 function parseSlideshowManifest(html) {
   const re = slideshowIslandRegex("i");

package/dist/{chunk-VYQYVYQ5.js → chunk-3W4B6G7Y.js}

@@ -38,7 +38,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-LM265QNK.js";
+} from "./chunk-USWPZXEA.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -48,7 +48,7 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-3NRB7YXW.js";
+} from "./chunk-2VXY3PEF.js";
 import {
   checkSubCompositionUsability,
   resolveSubCompositionContent
@@ -69,9 +69,6 @@ import {
 import {
   parseHTML
 } from "./chunk-SDYDNHEE.js";
-import {
-  parse
-} from "./chunk-I5JRXMCV.js";
 
 // ../core/dist/compiler/htmlCompiler.js
 import { resolve } from "path";
@@ -170,7 +167,16 @@ function ensureExternalScriptTag(doc, src, attributes = {}) {
 }
 
 // ../core/dist/compiler/importMaps.js
-var rebaseEntries = (entries, rebase) => entries && Object.fromEntries(Object.entries(entries).map(([specifier, url]) => [specifier, rebase(url)]));
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isScopeMap(value) {
+  return isRecord(value) && Object.values(value).every(isRecord);
+}
+var rebaseEntries = (entries, rebase) => entries && Object.fromEntries(Object.entries(entries).map(([specifier, url]) => [
+  specifier,
+  typeof url === "string" ? rebase(url) : null
+]));
 function parseImportMap(json, rebase) {
   let parsed;
   try {
@@ -178,9 +184,13 @@ function parseImportMap(json, rebase) {
   } catch {
     return null;
   }
-  if (!parsed || typeof parsed !== "object")
+  if (!isRecord(parsed))
     return null;
   const { imports, scopes } = parsed;
+  if (imports !== void 0 && !isRecord(imports))
+    return null;
+  if (scopes !== void 0 && !isScopeMap(scopes))
+    return null;
   return {
     imports: rebaseEntries(imports, rebase),
     scopes: scopes && Object.fromEntries(Object.entries(scopes).map(([prefix, entries]) => [
@@ -191,9 +201,14 @@ function parseImportMap(json, 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) {
+    if (!Object.hasOwn(into, specifier)) {
+      Object.defineProperty(into, specifier, {
+        value: url,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else if (into[specifier] !== url) {
       console.warn(`[HyperFrames] import map conflict for "${specifier}"${where}: keeping ${into[specifier]}, ignoring ${url}.`);
     }
   }
@@ -213,7 +228,9 @@ function mergeImportMapsIntoDocument(doc, maps) {
   for (const map of maps) {
     mergeEntries(imports, map.imports, "");
     for (const [prefix, entries] of Object.entries(map.scopes ?? {})) {
-      mergeEntries(scopes[prefix] ??= {}, entries, ` in scope ${prefix}`);
+      const scope = (Object.hasOwn(scopes, prefix) ? scopes[prefix] : void 0) ?? {};
+      Object.defineProperty(scopes, prefix, { value: scope, enumerable: true });
+      mergeEntries(scope, entries, ` in scope ${prefix}`);
     }
   }
   if (!el) {
@@ -270,6 +287,7 @@ function sanitizeCssValue(value) {
 // ../core/dist/compiler/htmlBundler.js
 import { AsyncLocalStorage } from "async_hooks";
 import { readFileSync, existsSync, statSync } from "fs";
+import { parse as parseJs } from "acorn";
 import { resolve as resolve2, relative, dirname, isAbsolute, sep } from "path";
 
 // ../core/dist/compiler/standaloneEntry.js
@@ -2252,20 +2270,41 @@ function rebaseRelativePath(urlValue, fromDir, toDir) {
   const rebased = encodeUrlPath(relative(resolve2(toDir), absolutePath).split(sep).join("/"));
   return appendSuffixToUrl(rebased, suffix);
 }
-function rebaseSrcsetPaths(srcsetValue, fromDir, toDir) {
-  if (!srcsetValue)
-    return srcsetValue;
-  return srcsetValue.split(",").map((rawCandidate) => {
-    const candidate = rawCandidate.trim();
-    if (!candidate)
-      return candidate;
-    const parts = candidate.split(/\s+/);
-    const first = parts[0] ?? "";
-    if (parts.length === 0 || !isRelativeUrl(first))
-      return candidate;
-    parts[0] = rebaseRelativePath(first, fromDir, toDir);
-    return parts.join(" ");
-  }).join(", ");
+function rewriteSrcsetUrls(srcset, rewriteUrl) {
+  const parts = [];
+  let position = 0;
+  let written = 0;
+  while (position < srcset.length) {
+    while (position < srcset.length && /[ \t\n\r\f,]/.test(srcset.charAt(position)))
+      position++;
+    const start = position;
+    while (position < srcset.length && !/[ \t\n\r\f]/.test(srcset.charAt(position)))
+      position++;
+    let end = position;
+    while (end > start && srcset.charAt(end - 1) === ",")
+      end--;
+    if (end > start) {
+      const url = srcset.slice(start, end);
+      const rewritten = rewriteUrl(url);
+      if (rewritten !== url) {
+        parts.push(srcset.slice(written, start), rewritten);
+        written = end;
+      }
+    }
+    if (end < position)
+      continue;
+    let inParens = false;
+    while (position < srcset.length) {
+      const char = srcset.charAt(position++);
+      if (char === "(")
+        inParens = true;
+      else if (char === ")")
+        inParens = false;
+      else if (char === "," && !inParens)
+        break;
+    }
+  }
+  return parts.length > 0 ? parts.join("") + srcset.slice(written) : srcset;
 }
 function rebaseColorGradingLutPath(value, fromDir, toDir) {
   if (!value.trim().startsWith("{"))
@@ -2317,7 +2356,7 @@ function rebaseEntryAuthoredAssetPaths(document, sourceDir, projectDir) {
   for (const el of [...document.querySelectorAll("[srcset]")]) {
     const srcset = el.getAttribute("srcset");
     if (srcset)
-      el.setAttribute("srcset", rebaseSrcsetPaths(srcset, sourceDir, projectDir));
+      el.setAttribute("srcset", rewriteSrcsetUrls(srcset, (url) => isRelativeUrl(url) ? rebaseRelativePath(url, sourceDir, projectDir) : url));
   }
   for (const el of [...document.querySelectorAll(`[${HF_COLOR_GRADING_ATTR}]`)]) {
     const value = el.getAttribute(HF_COLOR_GRADING_ATTR);
@@ -2410,6 +2449,7 @@ var INLINE_MIME = {
   ".avif": "image/avif"
 };
 var MAX_INLINE_ASSET_BYTES = 2 * 1024 * 1024;
+var MAX_INLINED_BUNDLE_CHARS = 256 * 1024 * 1024;
 function safeStatSize(filePath) {
   try {
     return statSync(filePath).size;
@@ -2421,8 +2461,13 @@ function warnAssetTooLargeToInline(assetPath, byteLength) {
   const mb = (byteLength / (1024 * 1024)).toFixed(1);
   console.warn(`[HyperFrames] Not inlining "${assetPath}" (${mb} MB exceeds the ${MAX_INLINE_ASSET_BYTES / (1024 * 1024)} MB inline limit). The bundle may not be self-contained.`);
 }
+function warnInlineBudgetExhausted(assetPath) {
+  console.warn(`[HyperFrames] Not inlining "${assetPath}" and later assets: the bundle already inlines ${MAX_INLINED_BUNDLE_CHARS / (1024 * 1024)} MB of data URLs. The bundle may not be self-contained.`);
+}
 function createAssetInliner(resolveProjectPath, inlineAssets) {
   const assets = /* @__PURE__ */ new Map();
+  let inlinedChars = 0;
+  let budgetExhausted = false;
   const readAsset = (filePath, mimeType) => {
     const byteLength = safeStatSize(filePath);
     if (byteLength !== null && byteLength > MAX_INLINE_ASSET_BYTES)
@@ -2458,7 +2503,16 @@ function createAssetInliner(resolveProjectPath, inlineAssets) {
       warnAssetTooLargeToInline(basePath, asset.tooLarge);
       return null;
     }
-    return asset.dataUrl === null ? null : appendSuffixToUrl(asset.dataUrl, suffix);
+    if (asset.dataUrl === null)
+      return null;
+    if (budgetExhausted || inlinedChars + asset.dataUrl.length > MAX_INLINED_BUNDLE_CHARS) {
+      if (!budgetExhausted)
+        warnInlineBudgetExhausted(basePath);
+      budgetExhausted = true;
+      return null;
+    }
+    inlinedChars += asset.dataUrl.length;
+    return appendSuffixToUrl(asset.dataUrl, suffix);
   };
 }
 function isExternalSvgFragmentUse(el, attr, urlValue) {
@@ -2514,22 +2568,6 @@ function rewriteColorGradingLutWithInlinedAssets(value, inlineAsset) {
   Reflect.set(lut, "src", inlined);
   return JSON.stringify(parsed);
 }
-function rewriteSrcsetWithInlinedAssets(srcsetValue, inlineAsset) {
-  if (!srcsetValue)
-    return srcsetValue;
-  return srcsetValue.split(",").map((rawCandidate) => {
-    const candidate = rawCandidate.trim();
-    if (!candidate)
-      return candidate;
-    const parts = candidate.split(/\s+/);
-    if (parts.length === 0)
-      return candidate;
-    const maybeInlined = inlineAsset(parts[0] ?? "");
-    if (maybeInlined)
-      parts[0] = maybeInlined;
-    return parts.join(" ");
-  }).join(", ");
-}
 function rewriteCssUrlsWithInlinedAssets(cssText, inlineAsset) {
   if (!cssText)
     return cssText;
@@ -2792,7 +2830,7 @@ function joinJsChunks(chunks) {
 }
 function parsesAsScript(source) {
   try {
-    parse(source, { ecmaVersion: "latest", sourceType: "script" });
+    parseJs(source, { ecmaVersion: "latest", sourceType: "script" });
     return true;
   } catch {
     return false;
@@ -3222,7 +3260,7 @@ async function bundleProject(projectDir, options) {
   for (const el of [...document.querySelectorAll("[srcset]")]) {
     const srcset = el.getAttribute("srcset");
     if (srcset)
-      el.setAttribute("srcset", rewriteSrcsetWithInlinedAssets(srcset, inlineAsset));
+      el.setAttribute("srcset", rewriteSrcsetUrls(srcset, (url) => inlineAsset(url) ?? url));
   }
   const liveStyles = [...document.querySelectorAll("style")].filter(isAlwaysAppliedStyle);
   const liveCss = liveStyles.map((el) => el.textContent || "");

package/dist/{chunk-JYSSPQDT.js → chunk-4LXZJIVY.js}

@@ -8,34 +8,34 @@ import {
   launchManagedBrowser,
   resolveManagedGpuMode,
   rethrowAfterBrowserCleanup
-} from "./chunk-WY3TQ2PT.js";
+} from "./chunk-UIC7B5KW.js";
 import {
   gotoWhenSent
 } from "./chunk-MOEGCMKI.js";
 import {
   pageNavigationTimeoutMs,
   windowsChromeCrashRemediation
-} from "./chunk-TJKE4EYX.js";
+} from "./chunk-UB7BIDBS.js";
 import {
   oneProcessOverPipe
 } from "./chunk-DKPNNYBZ.js";
 import {
   resolveCompositionViewportFromHtml
-} from "./chunk-COWQITWP.js";
+} from "./chunk-4TKJWWPL.js";
 import {
   resolveLocalBrowserGpuMode,
   resolveLocalWebGpu
-} from "./chunk-XMSQRDAK.js";
+} from "./chunk-YS4JUGNI.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import {
   assertWebGpuAdapterAvailable,
   compositionRequiresWebGpu
-} from "./chunk-NMDUSCCE.js";
+} from "./chunk-L4JB7LI4.js";
 import {
   normalizeErrorMessage
-} from "./chunk-KNU5COPB.js";
+} from "./chunk-T2EUWCJE.js";
 
 // src/capture/captureCompositionFrame.ts
 import { spawn } from "child_process";
@@ -140,7 +140,7 @@ async function waitForCompositionSettle(page, options) {
     console.warn(`   ${c.warn("\u26A0")} Shader transitions did not finish pre-rendering`);
   });
   await waitForLateSubresources(page, options.lateSubresourceTimeoutMs ?? CAPTURE_SETTLE_MS);
-  const { resolveConfig, waitForImagesReady } = await import("./src-ZOXSEJCD.js");
+  const { resolveConfig, waitForImagesReady } = await import("./src-BH5NICGQ.js");
   const imageTimeoutMs = resolveConfig().playerReadyTimeout;
   await waitForImagesReady(
     page,
@@ -189,7 +189,7 @@ async function installPageFunctionGuard(page) {
 async function openSettledCompositionPage(html, url, options) {
   const viewport = resolveCompositionViewportFromHtml(html);
   const requiresWebGpu = compositionRequiresWebGpu(html);
-  const answer = (await import("./staticProjectServer-LSVIRDRO.js")).inProcessAnswer(url);
+  const answer = (await import("./staticProjectServer-BKXL5CXB.js")).inProcessAnswer(url);
   const noListen = answer !== void 0;
   let chromeBrowser;
   try {
@@ -200,7 +200,7 @@ async function openSettledCompositionPage(html, url, options) {
     options.onBrowserReady?.();
     const page = await chromeBrowser.newPage();
     await installPageFunctionGuard(page);
-    const { installMediaRenderIdBridge } = await import("./src-ZOXSEJCD.js");
+    const { installMediaRenderIdBridge } = await import("./src-BH5NICGQ.js");
     await installMediaRenderIdBridge(page);
     await page.setViewport(viewport);
     if (answer) await answerPageInProcess(page, url, answer);
@@ -216,10 +216,10 @@ async function openSettledCompositionPage(html, url, options) {
 }
 async function launchCompositionBrowser(html, noListen, options) {
   const viewport = resolveCompositionViewportFromHtml(html);
-  const { ensureBrowser, findSystemBrowser } = await import("./manager-UHWEKPXC.js");
+  const { ensureBrowser, findSystemBrowser } = await import("./manager-MZIJY73J.js");
   const browser = await ensureBrowser({ signal: options.signal });
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-ZOXSEJCD.js");
+  const { buildChromeArgs } = await import("./src-BH5NICGQ.js");
   const requestedGpuMode = options.browserGpuMode ?? resolveCliChromeGpuMode();
   const requiresWebGpu = compositionRequiresWebGpu(html);
   let softwareWebGpu = false;