hyperframes 0.8.181 → 0.8.184

package/dist/{chunk-4IEH6EAC.js → chunk-YALM6XN4.js}

@@ -37,7 +37,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-BAZ5LCR3.js";
+} from "./chunk-R2SQBPMH.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -47,11 +47,11 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-GK2FIKIQ.js";
+} from "./chunk-ADDHW2FS.js";
 import {
   checkSubCompositionUsability,
   resolveSubCompositionContent
-} from "./chunk-32GKETR7.js";
+} from "./chunk-MMQ52NIZ.js";
 import {
   CSS_URL_RE,
   decodeCssEscapes,
@@ -340,9 +340,6 @@ function extractStandaloneEntryFromIndex(indexHtml, entryFile, entryHtml) {
   return document.toString();
 }
 
-// ../core/dist/compiler/htmlBundler.js
-import { transform } from "esbuild";
-
 // ../core/dist/generated/svg-selector-aliases-inline.js
 var SVG_SELECTOR_ALIASES_IIFE = '"use strict";(()=>{function I(e){return e?/[\\w-]/.test(e)||e.charCodeAt(0)>=128:!1}function _(e){return e===" "||e==="	"||e===`\n`||e==="\\r"||e==="\\f"}var j=/^[0-9a-fA-F]{1,6}/;function G(e){let n=e>=55296&&e<=57343;return e===0||e>1114111||n?65533:e}function $(e,n){return e[n]==="\\r"&&e[n+1]===`\n`?n+2:_(e[n])?n+1:n}function R(e,n){let t=e[n+1];if(t===void 0||/[\\n\\r\\f]/.test(t))return null;let i=j.exec(e.slice(n+1,n+7));if(!i)return{value:t,end:n+2};let o=G(Number.parseInt(i[0],16));return{value:String.fromCodePoint(o),end:$(e,n+1+i[0].length)}}function H(e,n){let t=o=>I(o)&&!/[0-9-]/.test(o),i=o=>e[o]==="\\\\"&&R(e,o)!==null;return e[n]==="-"?e[n+1]==="-"||t(e[n+1])||i(n+1):t(e[n])||i(n)}function y(e,n){let t=n;for(;e.startsWith("/*",t);){let i=e.indexOf("*/",t+2);t=i<0?e.length:i+2}return t}function A(e,n){let t=y(e,n);for(;_(e[t]);)t=y(e,t+1);return t}function h(e,n){if(!H(e,n))return null;let t=n,i="";for(;t<e.length;){let o=e[t];if(o==="\\\\"){let a=R(e,t);if(!a)break;i+=a.value,t=a.end;continue}if(!I(o))break;i+=o,t+=1}return t===n?null:{value:i,end:t}}var C=45;function T(e){return e>=48&&e<=57}function z(e){return e>=128||e===C||e===95||T(e)||e>=65&&e<=90||e>=97&&e<=122}function J(e,n){let t=e.charCodeAt(n);return t>=1&&t<=31||t===127?!0:T(t)?n===0||n===1&&e.charCodeAt(0)===C:!1}function k(e){let n="";for(let t=0;t<e.length;t+=1){let i=e.charCodeAt(t),o=e[t];i===0?n+="\\uFFFD":J(e,t)?n+=`\\\\${i.toString(16)} `:t===0&&e.length===1&&i===C?n+=`\\\\${o}`:z(i)?n+=o:n+=`\\\\${o}`}return n}var W=/\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|\\\\(?:[0-9a-fA-F]{1,6}(?:\\r\\n|[ \\t\\r\\n\\f])?|[\\s\\S])|"(?:[^"\\\\]|\\\\[\\s\\S])*"|\'(?:[^\'\\\\]|\\\\[\\s\\S])*\'|\\[(?:\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|\\\\[\\s\\S]|"(?:[^"\\\\]|\\\\[\\s\\S])*"|\'(?:[^\'\\\\]|\\\\[\\s\\S])*\'|[^\\]"\'\\\\/]|\\/(?!\\*))*\\]/g;function Q(e){let n=new Array(e.length).fill(!0);for(let t of e.matchAll(W)){let i=t.index;n.fill(!1,i,i+t[0].length)}return n}function q(e,n,t){if(n.length===0||!e.includes("#"))return e;let i=new Set(n),o=Q(e),a="",u=0;for(;u<e.length;){let d=o[u]&&e[u]==="#"?h(e,u+1):null;d&&i.has(d.value)?(a+=t(d.value),u=d.end):(a+=e[u],u+=1)}return a}function X(e){let n="";for(let t=0;t<e.length;t+=1){if(e[t]==="\\\\"){let i=e[t+1];if(i!==void 0&&/[\\n\\r\\f]/.test(i)){t=$(e,t+1)-1;continue}let o=R(e,t);if(o){n+=o.value,t=o.end-1;continue}}n+=e[t]}return n}function N(e){return Array.from(e,n=>{let t=n.charCodeAt(0);return t===0?"\\uFFFD":t<32||t===127?`\\\\${t.toString(16)} `:n===\'"\'||n==="\\\\"?`\\\\${n}`:n}).join("")}function Y(e,n){return e?{kind:"any"}:n===void 0?{kind:"none"}:{kind:"named",prefix:n}}function Z(e,n){return e[n]==="|"&&e[n+1]!=="="}function B(e,n){let t=e[n]==="*",i=t?{value:"*",end:n+1}:h(e,n),o=y(e,i?.end??n);if(!Z(e,o))return t?null:i?{token:i,namespace:{kind:"none"}}:null;let a=h(e,y(e,o+1));return a?{token:a,namespace:Y(t,i?.value)}:null}function K(e){if(e[0]!=="[")return null;let n=A(e,1),t=B(e,n);if(!t)return null;let{token:i,namespace:o}=t;return{name:i.value,rawName:e.slice(n,i.end),namespace:o,end:i.end}}function ee(e,n){let t=/^(?:"((?:\\\\[\\s\\S]|[^"\\\\])*)"|\'((?:\\\\[\\s\\S]|[^\'\\\\])*)\')/.exec(e.slice(n));return t?{value:X(t[1]??t[2]),end:n+t[0].length}:h(e,n)}function ne(e,n){let t=A(e,n),i=h(e,t);if(i){if(!/^[is]$/i.test(i.value))return null;t=A(e,i.end)}return e[t]!=="]"||t!==e.length-1?null:{flag:i?.value}}function F(e){let n=K(e);if(!n)return null;let t=A(e,n.end),o=["=","~=","|=","^=","$=","*="].find(d=>e.startsWith(d,t));if(!o)return null;let a=ee(e,A(e,t+o.length));if(!a)return null;let u=ne(e,a.end);return u?{name:n.name,rawName:n.rawName,namespace:n.namespace,operator:o,value:a.value,flag:u.flag}:null}function E(e,n){return e.replace(W,t=>t.startsWith("[")?n(t):t)}var re="data-hf-svg-reference-aliases";function O(e,n,t,i){let o={"=":(s,r)=>s===r,"~=":(s,r)=>s.split(/[ \\t\\r\\n\\f]+/).includes(r),"|=":(s,r)=>s===r||s.startsWith(r+"-"),"^=":(s,r)=>s.startsWith(r),"$=":(s,r)=>s.endsWith(r),"*=":(s,r)=>s.includes(r)},a=(s,r,l)=>!r&&l!=="="&&l!=="|="?!1:o[l](s,r),u=s=>s.replace(/[A-Z]/g,r=>r.toLowerCase()),d=s=>{let r=F(s);if(!r)return s;let{name:l,rawName:g,namespace:m,operator:b,value:D,flag:w}=r;if(m.kind==="named"!=(i!==void 0))return s;let x=w?.toLowerCase()==="i"?u:S=>S,L=u(l),P=t.filter(S=>{let V=m.kind==="none"?S.name:S.localName,U=m.kind==="named"?i.get(m.prefix):null;return(m.kind==="any"||S.namespaceURI===U)&&u(V)===L}),v=new Set([s]);for(let S of P)a(x(S.before),x(D),b)&&v.add(`[${g}="${N(S.after)}"${w?` ${w}`:""}]`);return v.size===1?s:`:is(${[...v].join(", ")})`};if(i)return E(e,d);let p=new Map(n.map(({id:s,replacement:r})=>[s,r])),f=new Map;for(let s of t){if(s.name!=="id"||s.before===s.after||p.has(s.before))continue;let r=f.get(s.before);r||(r=new Set([`#${k(s.before)}`]),f.set(s.before,r)),r.add(`#${k(s.after)}`)}for(let[s,r]of f)p.set(s,`:is(${[...r].join(", ")})`);let c=q(e,[...p.keys()],s=>p.get(s));return E(c,d)}function se(e,n,t=!0){let i=[],a=(t?[...e.querySelectorAll(`[${n}]`)]:[]).map(d=>d.getAttribute(n)),u=e.getAttribute?.(n);u&&a.unshift(u);for(let d of a){let p;try{p=JSON.parse(d)}catch{continue}if(!Array.isArray(p))continue;let f=p;for(let c of f){if(!ie(c))continue;let{name:s,localName:r,namespaceURI:l,before:g,after:m}=c;i.push({name:s,localName:r,namespaceURI:l,before:g,after:m})}}return i}function ie(e){if(!e||typeof e!="object")return!1;let{name:n,localName:t,namespaceURI:i,before:o,after:a}=e;return typeof n=="string"&&typeof t=="string"&&(i===null||typeof i=="string")&&typeof o=="string"&&typeof a=="string"}function oe(e){let n=[],t=[],i=!1,o,a=new WeakMap,u=(f,c)=>{for(let s of f){if("selectorText"in s){let r=s,l=a.get(r),g=r.selectorText,m=l?.applied===g?l.authored:g,b=O(m,[],t,c);b!==g&&(r.selectorText=b),b===m?a.delete(r):a.set(r,{authored:m,applied:r.selectorText})}"cssRules"in s&&u(s.cssRules,c)}},d=()=>{if(t.length)for(let f of e.document.styleSheets){let c;try{c=f.cssRules}catch{continue}let s=new Map;for(let r of c){if(!("namespaceURI"in r))continue;let{prefix:l,namespaceURI:g}=r;l&&s.set(l,g||null)}s.size&&u(c,s)}},p={rewrite:(f,c=[])=>{if(typeof f!="string"||!f.includes("#")&&!f.includes("["))return f;let s=O(f,c.length?[...c,...n]:n,t);if(s!==f){if(!o){let r=e.document.createElement("div");o=r.matches.bind(r)}o(f)}return s},refresh(){t=se(e.document,re).filter(r=>r.before!==r.after);let f=new Set(t.filter(r=>r.name==="id").map(r=>r.before)),c=new Set;n=[];for(let r of e.document.querySelectorAll("[data-hf-authored-id][id]")){let l=r.getAttribute("data-hf-authored-id");if(!l||l===r.id||c.has(l)||f.has(l))continue;c.add(l);let g=N(l);n.push({id:l,replacement:`:is(#${k(l)}, [data-hf-authored-id="${g}"])`})}if(d(),i||!n.length&&!t.length)return;let s=e.Element.prototype;s.querySelector=new Proxy(s.querySelector,{apply(r,l,g){return Reflect.apply(r,l,[p.rewrite(g[0])])}}),s.querySelectorAll=new Proxy(s.querySelectorAll,{apply(r,l,g){return Reflect.apply(r,l,[p.rewrite(g[0])])}}),i=!0}};e.__hfSvgSelectorAliases=p,p.refresh()}function M(){let e=window;e.__hfSvgSelectorAliases||oe(e)}M();})();\n';
 function getSvgSelectorAliasesScript() {
@@ -693,21 +690,72 @@ function scopeCssToComposition(css, compositionId, scopeSelectorOverride, author
   if (!css || !trimmedCompositionId)
     return css;
   const scope = scopeSelectorOverride || `[data-composition-id="${escapeCssAttributeValue2(trimmedCompositionId)}"]`;
-  let root;
+  const root = parseCss(css);
+  return root ? scopeParsedCss(root, scope, trimmedCompositionId, authoredRootId, options) : "";
+}
+function parseCss(css) {
   try {
-    root = postcss.parse(css);
+    return postcss.parse(css);
   } catch {
-    return "";
+    return null;
   }
+}
+function forEachScopedRule(root, visit) {
   root.walkRules((rule) => {
     if (isInsideGlobalAtRule(rule))
       return;
     if (isNestedInsideAnotherRule(rule))
       return;
-    rule.selectors = rule.selectors.map((selector) => scopeSelector(selector, scope, trimmedCompositionId, authoredRootId, options?.compoundAuthoredRoot, options?.scopeRootSelectors));
+    visit(rule);
+  });
+}
+function scopeParsedCss(root, scope, compositionId, authoredRootId, options) {
+  forEachScopedRule(root, (rule) => {
+    rule.selectors = rule.selectors.map((selector) => scopeSelector(selector, scope, compositionId, authoredRootId, options?.compoundAuthoredRoot, options?.scopeRootSelectors));
   });
   return root.toResult({ map: false }).css;
 }
+var PLACEHOLDER_ID = "hf-scope-placeholder";
+var PLACEHOLDER_SCOPE = `[data-composition-id="${PLACEHOLDER_ID}"]`;
+var PLAIN_ID = /^[\w.:-]+$/;
+var PLAIN_SCOPE = /^\[data-composition-id="([\w.:-]+)"\]$/;
+function createCompositionCssScoper() {
+  const templates = /* @__PURE__ */ new Map();
+  return (css, compositionId, scopeSelectorOverride, authoredRootId, options) => {
+    const trimmedId = compositionId.trim();
+    const scope = scopeSelectorOverride ?? "";
+    const scopeId = PLAIN_SCOPE.exec(scope)?.[1];
+    if (!scopeId || scopeId === trimmedId || !PLAIN_ID.test(trimmedId) || trimmedId === PLACEHOLDER_ID)
+      return scopeCssToComposition(css, compositionId, scopeSelectorOverride, authoredRootId, options);
+    const key = JSON.stringify([
+      trimmedId,
+      authoredRootId ?? null,
+      Boolean(options?.compoundAuthoredRoot),
+      Boolean(options?.scopeRootSelectors),
+      css
+    ]);
+    let template = templates.get(key);
+    if (template === void 0) {
+      template = scopeTemplate(css, trimmedId, authoredRootId, options);
+      templates.set(key, template);
+    }
+    return template === null ? scopeCssToComposition(css, compositionId, scopeSelectorOverride, authoredRootId, options) : template.split(PLACEHOLDER_SCOPE).join(scope);
+  };
+}
+function scopeTemplate(css, compositionId, authoredRootId, options) {
+  if (css.includes(PLACEHOLDER_SCOPE))
+    return null;
+  if (!css)
+    return css;
+  const root = parseCss(css);
+  if (!root)
+    return "";
+  let rawSelector = false;
+  forEachScopedRule(root, (rule) => {
+    rawSelector ||= Boolean(rule.raws.selector);
+  });
+  return rawSelector ? null : scopeParsedCss(root, PLACEHOLDER_SCOPE, compositionId, authoredRootId, options);
+}
 function isFontFaceAtRule(node) {
   return node.type === "atrule" && node.name.toLowerCase() === "font-face";
 }
@@ -1593,6 +1641,7 @@ function ensureExternalLinkTag(doc, link) {
   if (!hasSameLink(doc, el))
     doc.head.appendChild(el);
 }
+var isDocument = (node) => node.nodeType === 9;
 function defaultBuildScopeSelector(compId) {
   const escaped = compId.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
   return `[data-composition-id="${escaped}"]`;
@@ -1610,6 +1659,22 @@ function inlineSubCompositions(document, hosts, options) {
   const externalLinks = [];
   const variablesByComp = {};
   const svgIdScopes = [];
+  const parsed = /* @__PURE__ */ new Map();
+  const parseOnce = (html) => {
+    let doc = parsed.get(html);
+    if (!doc) {
+      doc = parseHtml(html);
+      parsed.set(html, doc);
+    }
+    return doc;
+  };
+  const parseCopy = (html) => {
+    const copy = parseOnce(html).cloneNode(true);
+    return isDocument(copy) ? copy : parseHtml(html);
+  };
+  const usability = /* @__PURE__ */ new Map();
+  const sheetsWithAssetUrls = /* @__PURE__ */ new Map();
+  const scopeCssToComposition2 = createCompositionCssScoper();
   const sceneHosts = /* @__PURE__ */ new Map();
   const queue = hosts.map((element) => ({
     element,
@@ -1622,7 +1687,12 @@ function inlineSubCompositions(document, hosts, options) {
     if (!src)
       continue;
     const compHtml = resolveHtml(src);
-    const validity = checkSubCompositionUsability(compHtml, parseHtml);
+    let validity = compHtml == null ? void 0 : usability.get(compHtml);
+    if (!validity) {
+      validity = checkSubCompositionUsability(compHtml, parseOnce);
+      if (compHtml != null)
+        usability.set(compHtml, validity);
+    }
     if (!validity.ok) {
       onMissingComposition?.(src, validity.detail);
       continue;
@@ -1631,7 +1701,7 @@ function inlineSubCompositions(document, hosts, options) {
       onMissingComposition?.(src);
       continue;
     }
-    const compDoc = parseHtml(compHtml);
+    const compDoc = parseCopy(compHtml);
     let compId;
     let runtimeCompId;
     if (hostIdentityMap) {
@@ -1647,7 +1717,7 @@ function inlineSubCompositions(document, hosts, options) {
       onMissingComposition?.(src);
       continue;
     }
-    const contentDoc = parseHtml(contentHtml);
+    const contentDoc = parseCopy(contentHtml);
     if (!contentDoc.documentElement) {
       onMissingComposition?.(src);
       continue;
@@ -1691,8 +1761,13 @@ function inlineSubCompositions(document, hosts, options) {
     }
     const resolveSubAssetPath = (raw) => rewriteAssetPath(src, (raw || "").trim(), assetExists);
     const scopeSubStyle = (raw) => {
-      const css = rewriteCssAssetUrls(raw, src, assetExists);
-      return scopeCompId ? scopeCssToComposition(css, scopeCompId, runtimeScope || void 0, authoredRootId, {
+      const sheetKey = JSON.stringify([src, raw]);
+      let css = sheetsWithAssetUrls.get(sheetKey);
+      if (css === void 0) {
+        css = rewriteCssAssetUrls(raw, src, assetExists);
+        sheetsWithAssetUrls.set(sheetKey, css);
+      }
+      return scopeCompId ? scopeCssToComposition2(css, scopeCompId, runtimeScope || void 0, authoredRootId, {
         compoundAuthoredRoot: compoundAuthoredRoot === true,
         scopeRootSelectors: true
       }) : css;
@@ -2349,31 +2424,45 @@ 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 maybeInlineRelativeAssetUrl(urlValue, projectDir, inlineAssets) {
-  if (!inlineAssets)
-    return null;
-  if (!urlValue || !isRelativeUrl(urlValue))
-    return null;
-  const { basePath, suffix } = splitUrlSuffix(urlValue.trim());
-  if (!basePath)
-    return null;
-  const filePath = resolveWithinProject(projectDir, decodeWellFormedEscapes(basePath));
-  if (!filePath)
-    return null;
-  const ext = filePath.toLowerCase().match(/\.[^.]+$/)?.[0] ?? "";
-  const mimeType = INLINE_MIME[ext];
-  if (!mimeType)
-    return null;
-  const byteLength = safeStatSize(filePath);
-  if (byteLength !== null && byteLength > MAX_INLINE_ASSET_BYTES) {
-    warnAssetTooLargeToInline(basePath, byteLength);
-    return null;
-  }
-  const content = safeReadFileBuffer(filePath);
-  if (content == null)
-    return null;
-  const dataUrl = `data:${mimeType};base64,${content.toString("base64")}`;
-  return appendSuffixToUrl(dataUrl, suffix);
+function createAssetInliner(resolveProjectPath, inlineAssets) {
+  const assets = /* @__PURE__ */ new Map();
+  const readAsset = (filePath, mimeType) => {
+    const byteLength = safeStatSize(filePath);
+    if (byteLength !== null && byteLength > MAX_INLINE_ASSET_BYTES)
+      return { tooLarge: byteLength };
+    const content = safeReadFileBuffer(filePath);
+    return {
+      dataUrl: content === null ? null : `data:${mimeType};base64,${content.toString("base64")}`
+    };
+  };
+  return (urlValue) => {
+    if (!inlineAssets)
+      return null;
+    if (!urlValue || !isRelativeUrl(urlValue))
+      return null;
+    const { basePath, suffix } = splitUrlSuffix(urlValue.trim());
+    if (!basePath)
+      return null;
+    const filePath = resolveProjectPath(decodeWellFormedEscapes(basePath));
+    if (!filePath)
+      return null;
+    const ext = filePath.toLowerCase().match(/\.[^.]+$/)?.[0] ?? "";
+    const mimeType = INLINE_MIME[ext];
+    if (!mimeType)
+      return null;
+    let asset = assets.get(filePath);
+    if (asset === void 0) {
+      asset = readAsset(filePath, mimeType);
+      assets.set(filePath, asset);
+    } else if ("dataUrl" in asset) {
+      noteRead(filePath);
+    }
+    if ("tooLarge" in asset) {
+      warnAssetTooLargeToInline(basePath, asset.tooLarge);
+      return null;
+    }
+    return asset.dataUrl === null ? null : appendSuffixToUrl(asset.dataUrl, suffix);
+  };
 }
 function isExternalSvgFragmentUse(el, attr, urlValue) {
   if (el.tagName.toLowerCase() !== "use")
@@ -2394,7 +2483,7 @@ function warnColorGradingLutNotInlined(lutSrc) {
     return;
   console.warn(`[HyperFrames] Could not inline color grading LUT "${trimmed}". The rendered bundle may not be self-contained.`);
 }
-function rewriteColorGradingLutWithInlinedAssets(value, projectDir) {
+function rewriteColorGradingLutWithInlinedAssets(value, inlineAsset) {
   if (!value.trim().startsWith("{"))
     return value;
   let parsed;
@@ -2407,7 +2496,7 @@ function rewriteColorGradingLutWithInlinedAssets(value, projectDir) {
     return value;
   const lut = Reflect.get(parsed, "lut");
   if (typeof lut === "string") {
-    const inlined2 = maybeInlineRelativeAssetUrl(lut, projectDir, true);
+    const inlined2 = inlineAsset(lut);
     if (!inlined2) {
       warnColorGradingLutNotInlined(lut);
       return value;
@@ -2420,7 +2509,7 @@ function rewriteColorGradingLutWithInlinedAssets(value, projectDir) {
   const lutSrc = Reflect.get(lut, "src");
   if (typeof lutSrc !== "string")
     return value;
-  const inlined = maybeInlineRelativeAssetUrl(lutSrc, projectDir, true);
+  const inlined = inlineAsset(lutSrc);
   if (!inlined) {
     warnColorGradingLutNotInlined(lutSrc);
     return value;
@@ -2428,7 +2517,7 @@ function rewriteColorGradingLutWithInlinedAssets(value, projectDir) {
   Reflect.set(lut, "src", inlined);
   return JSON.stringify(parsed);
 }
-function rewriteSrcsetWithInlinedAssets(srcsetValue, projectDir, inlineAssets) {
+function rewriteSrcsetWithInlinedAssets(srcsetValue, inlineAsset) {
   if (!srcsetValue)
     return srcsetValue;
   return srcsetValue.split(",").map((rawCandidate) => {
@@ -2438,17 +2527,17 @@ function rewriteSrcsetWithInlinedAssets(srcsetValue, projectDir, inlineAssets) {
     const parts = candidate.split(/\s+/);
     if (parts.length === 0)
       return candidate;
-    const maybeInlined = maybeInlineRelativeAssetUrl(parts[0] ?? "", projectDir, inlineAssets);
+    const maybeInlined = inlineAsset(parts[0] ?? "");
     if (maybeInlined)
       parts[0] = maybeInlined;
     return parts.join(" ");
   }).join(", ");
 }
-function rewriteCssUrlsWithInlinedAssets(cssText, projectDir, inlineAssets) {
+function rewriteCssUrlsWithInlinedAssets(cssText, inlineAsset) {
   if (!cssText)
     return cssText;
   return cssText.replace(/\burl\(\s*(["']?)([^)"']+)\1\s*\)/g, (_full, quote, rawUrl) => {
-    const maybeInlined = maybeInlineRelativeAssetUrl((rawUrl || "").trim(), projectDir, inlineAssets);
+    const maybeInlined = inlineAsset((rawUrl || "").trim());
     if (!maybeInlined)
       return _full;
     return `url(${quote || ""}${maybeInlined}${quote || ""})`;
@@ -2715,6 +2804,7 @@ function parsesAsScript(source) {
 async function stripJsCommentsParserSafe(source, provenance) {
   if (!source)
     return source;
+  const { transform } = await import("esbuild");
   try {
     const result = await transform(source, {
       loader: "js",
@@ -2790,7 +2880,17 @@ function hoistCompositionScripts(container, opts) {
 }
 function bundleToSingleHtml(projectDir, options) {
   const bundle = () => bundleProject(projectDir, options);
-  return options?.onRead ? bundleReads.run(options.onRead, bundle) : bundle();
+  const onRead = options?.onRead;
+  if (!onRead)
+    return bundle();
+  const noted = /* @__PURE__ */ new Set();
+  const noteOnce = (filePath) => {
+    if (noted.has(filePath))
+      return;
+    noted.add(filePath);
+    onRead(filePath);
+  };
+  return bundleReads.run(noteOnce, bundle);
 }
 function readMountedSceneShell(projectDir, entryFile, entryHtml) {
   if (!isTemplateEntry(entryHtml))
@@ -2808,9 +2908,28 @@ async function bundleProject(projectDir, options) {
   const entryHtml = readFileSync(indexPath, "utf-8");
   const mountedShell = readMountedSceneShell(projectDir, entryFile, entryHtml);
   const sourceDir = mountedShell ? projectDir : dirname(indexPath);
+  const safePaths = /* @__PURE__ */ new Map();
+  const isSafeProjectPath = (resolved) => {
+    let safe = safePaths.get(resolved);
+    if (safe === void 0) {
+      safe = isSafePath(projectDir, resolved);
+      safePaths.set(resolved, safe);
+    }
+    return safe;
+  };
+  const entryPaths = /* @__PURE__ */ new Map();
   const resolveEntryPath = (relativePath) => {
-    const resolved = resolve2(sourceDir, relativePath);
-    return isSafePath(projectDir, resolved) ? resolved : null;
+    let entry = entryPaths.get(relativePath);
+    if (entry === void 0) {
+      const resolved = resolve2(sourceDir, relativePath);
+      entry = isSafeProjectPath(resolved) ? resolved : null;
+      entryPaths.set(relativePath, entry);
+    }
+    return entry;
+  };
+  const resolveProjectPath = (relativePath) => {
+    const resolved = resolve2(projectDir, relativePath);
+    return isSafeProjectPath(resolved) ? resolved : null;
   };
   const resolveEntryUrl = (url) => resolveEntryPath(decodedUrlPath(url));
   const readSource = options?.stampHfIds ? ensureHfIds : (html) => html;
@@ -2861,13 +2980,23 @@ async function bundleProject(projectDir, options) {
   const trackedCompositionHosts = getBundledTrackedCompositionHosts(document);
   const hostIdentityByElement = assignBundledRuntimeCompositionIds(trackedCompositionHosts);
   const subCompositionHosts = trackedCompositionHosts.filter((host) => host.hasAttribute("data-composition-src"));
+  const sceneSources = /* @__PURE__ */ new Map();
   const subCompResult = inlineSubCompositions(document, subCompositionHosts, {
     resolveHtml: (srcPath) => {
       if (!isRelativeUrl(srcPath))
         return null;
       const compPath = resolveEntryPath(srcPath);
-      const html = compPath ? safeReadFile(compPath) : null;
-      return html === null ? null : readSource(html);
+      if (!compPath)
+        return null;
+      let source = sceneSources.get(compPath);
+      if (source === void 0) {
+        const html = safeReadFile(compPath);
+        source = html === null ? null : readSource(html);
+        sceneSources.set(compPath, source);
+      } else {
+        noteRead(compPath);
+      }
+      return source;
     },
     parseHtml: parseHTMLContent,
     hostIdentityMap: hostIdentityByElement,
@@ -3080,6 +3209,7 @@ async function bundleProject(projectDir, options) {
   deferScriptsUntilFonts(document, (el) => el.hasAttribute(RUNTIME_BOOTSTRAP_ATTR));
   injectTextRenderingRule(document);
   const inlineAssets = options?.inlineAssets !== false;
+  const inlineAsset = createAssetInliner(resolveProjectPath, inlineAssets);
   for (const el of [...document.querySelectorAll("[src], [href], [poster], [xlink\\:href]")]) {
     for (const attr of ["src", "href", "poster", "xlink:href"]) {
       const value = el.getAttribute(attr);
@@ -3087,7 +3217,7 @@ async function bundleProject(projectDir, options) {
         continue;
       if (isExternalSvgFragmentUse(el, attr, value))
         continue;
-      const inlined = maybeInlineRelativeAssetUrl(value, projectDir, inlineAssets);
+      const inlined = inlineAsset(value);
       if (inlined)
         el.setAttribute(attr, inlined);
     }
@@ -3095,7 +3225,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, projectDir, inlineAssets));
+      el.setAttribute("srcset", rewriteSrcsetWithInlinedAssets(srcset, inlineAsset));
   }
   const liveStyles = [...document.querySelectorAll("style")].filter(isAlwaysAppliedStyle);
   const liveCss = liveStyles.map((el) => el.textContent || "");
@@ -3110,16 +3240,16 @@ async function bundleProject(projectDir, options) {
     document.head.prepend(holder);
   }
   for (const styleEl of document.querySelectorAll("style")) {
-    styleEl.textContent = rewriteCssUrlsWithInlinedAssets(styleEl.textContent || "", projectDir, inlineAssets);
+    styleEl.textContent = rewriteCssUrlsWithInlinedAssets(styleEl.textContent || "", inlineAsset);
   }
   for (const el of [...document.querySelectorAll("[style]")]) {
-    el.setAttribute("style", rewriteCssUrlsWithInlinedAssets(el.getAttribute("style") || "", projectDir, inlineAssets));
+    el.setAttribute("style", rewriteCssUrlsWithInlinedAssets(el.getAttribute("style") || "", inlineAsset));
   }
   if (inlineAssets && options?.inlineColorGradingLuts !== false) {
     for (const el of [...document.querySelectorAll(`[${HF_COLOR_GRADING_ATTR}]`)]) {
       const value = el.getAttribute(HF_COLOR_GRADING_ATTR);
       if (value) {
-        el.setAttribute(HF_COLOR_GRADING_ATTR, rewriteColorGradingLutWithInlinedAssets(value, projectDir));
+        el.setAttribute(HF_COLOR_GRADING_ATTR, rewriteColorGradingLutWithInlinedAssets(value, inlineAsset));
       }
     }
   }
@@ -3159,7 +3289,22 @@ function emitRootCompositionVariableStyles(document, variablesByComp = {}, overr
 }
 function authoredDefinesPredicate(document) {
   const authoredCss = [...document.querySelectorAll("style:not([data-hf-composition-variables])")].map((s) => s.textContent || "").join("\n");
-  return (id) => new RegExp(`${cssVariableName(id)}\\s*:`).test(authoredCss);
+  const defined = namesBeforeAColon(authoredCss);
+  return (id) => defined.has(cssVariableName(id));
+}
+function namesBeforeAColon(css) {
+  const names = /* @__PURE__ */ new Set();
+  const word = /[\w-]+/g;
+  const colonNext = /\s*:/y;
+  for (let match = word.exec(css); match; match = word.exec(css)) {
+    colonNext.lastIndex = word.lastIndex;
+    if (!colonNext.test(css))
+      continue;
+    const text = match[0];
+    for (let at = text.indexOf("--"); at !== -1; at = text.indexOf("--", at + 1))
+      names.add(text.slice(at));
+  }
+  return names;
 }
 function makeVariableLayer(authoredDefines, overrides) {
   return (declared, hostValues) => {

package/dist/{chunk-B6JLCPT3.js → chunk-YOZPQCSR.js}

@@ -7,16 +7,16 @@ var __dirname = __hf_dirname(__filename);
 import {
   parseFeedbackRating,
   trackRenderFeedback
-} from "./chunk-5E5EYPZO.js";
+} from "./chunk-JIUTXKWA.js";
 import {
   shouldTrack
-} from "./chunk-K26FR4SM.js";
-import {
-  detectAgentRuntime
-} from "./chunk-T6AGUTZJ.js";
+} from "./chunk-UKOTVJFV.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
+import {
+  detectAgentRuntime
+} from "./chunk-T6AGUTZJ.js";
 import {
   readConfig,
   writeConfig
@@ -84,7 +84,7 @@ async function getDoctorSummary() {
   try {
     const [{ getSystemMeta }, { findFFmpeg }] = await Promise.all([
       import("./system-7F3UEHQT.js"),
-      import("./ffmpeg-SCXZTR6X.js")
+      import("./ffmpeg-BYHON577.js")
     ]);
     const sys = getSystemMeta();
     const parts = [

package/dist/{chunk-5JMZLQT6.js → chunk-YWHCXIMD.js}

@@ -16,37 +16,37 @@ import {
 } from "./chunk-5ETJX6WM.js";
 import {
   runEnvironmentChecks
-} from "./chunk-T7UHTUUE.js";
+} from "./chunk-E32ZQ2WO.js";
 import {
-  getAvailableMemoryMb,
-  getFreeDiskMb,
-  getShmSizeMb,
-  getSystemMeta
-} from "./chunk-T6AGUTZJ.js";
+  OPTIONAL_PACKAGES,
+  installedOptionalPackageVersion
+} from "./chunk-QH3T4WI2.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
+import {
+  resolveExtractCacheDir
+} from "./chunk-RGXVEYHI.js";
+import {
+  getAvailableMemoryMb,
+  getFreeDiskMb,
+  getShmSizeMb,
+  getSystemMeta
+} from "./chunk-T6AGUTZJ.js";
 import {
   getUpdateMeta,
   withMeta
-} from "./chunk-VAJIPSN6.js";
+} from "./chunk-ABZYYUUH.js";
 import {
   CONFIG_PATH,
   withFileLock
 } from "./chunk-XUXGIA7H.js";
 import {
   VERSION
-} from "./chunk-XEWHUPFS.js";
-import {
-  OPTIONAL_PACKAGES,
-  installedOptionalPackageVersion
-} from "./chunk-3DKN5WKL.js";
-import {
-  resolveExtractCacheDir
-} from "./chunk-YPBIAONI.js";
+} from "./chunk-4N4P3ZWL.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -232,7 +232,7 @@ function checkEnvironment() {
   return { ok: true, detail: parts.join(" \xB7 ") };
 }
 async function checkWhisper() {
-  const { findWhisper, getInstallInstructions } = await import("./manager-IETAVBZS.js");
+  const { findWhisper, getInstallInstructions } = await import("./manager-TWVDSJXO.js");
   const result = findWhisper();
   if (result) {
     return { ok: true, detail: result.executablePath };

package/dist/{chunk-UVEQLDKB.js → chunk-YWNJTZGN.js}

@@ -6,10 +6,10 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   getMimeType
-} from "./chunk-JBCU6NR5.js";
+} from "./chunk-3QVMJ7GX.js";
 import {
   injectTagsAtHeadStart
-} from "./chunk-BAZ5LCR3.js";
+} from "./chunk-R2SQBPMH.js";
 
 // src/utils/compositionServer.ts
 import { createHash } from "crypto";
@@ -23,6 +23,7 @@ function helperDir() {
 function resolveRuntimePath() {
   const d = helperDir();
   const candidates = [
+    resolve(d, "hyperframe.runtime.iife.js"),
     resolve(d, "hyperframe-runtime.js"),
     resolve(d, "..", "hyperframe-runtime.js"),
     // Monorepo dev: src/<dir>/ → src/ → cli/ → packages/ then into core/dist/

package/dist/{chunk-WUQUR33W.js → chunk-ZOCHDXDG.js}

@@ -11,7 +11,7 @@ import {
   DEFAULT_REGISTRY_URL,
   fetchItemManifest,
   fetchRegistryManifest
-} from "./chunk-TO6JNTML.js";
+} from "./chunk-7MB2ZAQF.js";
 
 // src/registry/resolver.ts
 function defaultWarn(message) {

package/dist/{chunk-IWTRHPTP.js → chunk-ZRHO6YMM.js}

@@ -7,28 +7,28 @@ var __dirname = __hf_dirname(__filename);
 import {
   relinkSplitHalves
 } from "./chunk-6JR2XUEE.js";
+import {
+  isAllowedHtmlAttribute,
+  isSafeAttributeValue,
+  sanitizeRichTextChildren
+} from "./chunk-J3QM7AHP.js";
 import {
   EXCLUDED_TAGS,
   ensureHfIds,
   mintHfId,
   walkCompositionDescendants
-} from "./chunk-4IEH6EAC.js";
-import {
-  isAllowedHtmlAttribute,
-  isSafeAttributeValue,
-  sanitizeRichTextChildren
-} from "./chunk-LBQFLUIY.js";
+} from "./chunk-YALM6XN4.js";
 import {
   decodedUrlPath,
   removeElementWithGsapCascade
 } from "./chunk-YMS5FOMC.js";
 import {
   require_dist
-} from "./chunk-GK2FIKIQ.js";
+} from "./chunk-ADDHW2FS.js";
 import {
   readClipTiming,
   writeClipTiming
-} from "./chunk-32GKETR7.js";
+} from "./chunk-MMQ52NIZ.js";
 import {
   readMediaOffsetSeconds,
   readPlaybackRate