hyperframes 0.8.90 → 0.8.92

package/dist/{chunk-6QBQPTRJ.js → chunk-FLGA3ZUU.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-5ETJX6WM.js";
 import {
   runEnvironmentChecks
-} from "./chunk-UXTEARGO.js";
+} from "./chunk-2A6FVDIZ.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
@@ -25,24 +25,24 @@ import {
   getFreeDiskMb,
   getShmSizeMb,
   getSystemMeta
-} from "./chunk-AP2WIRY6.js";
+} from "./chunk-WRN74OOR.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
 import {
   resolveExtractCacheDir
-} from "./chunk-ANWEGAE6.js";
+} from "./chunk-NRAXUJQS.js";
 import {
   getUpdateMeta,
   withMeta
-} from "./chunk-U325D5ZG.js";
+} from "./chunk-GXIHEX7Z.js";
 import {
   CONFIG_PATH,
   withFileLock
 } from "./chunk-XUXGIA7H.js";
 import {
   VERSION
-} from "./chunk-77SYQXQN.js";
+} from "./chunk-2RWYPLRR.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";

package/dist/{chunk-SGJSK536.js → chunk-FWLRQHMF.js}

@@ -13,7 +13,7 @@ function resolveLocalBrowserGpuMode(browserGpuArg, envMode = process.env.PRODUCE
   return "auto";
 }
 async function resolveCaptureBrowserGpuMode(requestedMode, chromePath) {
-  const { resolveBrowserGpuMode } = await import("./src-ZL5S6ZOV.js");
+  const { resolveBrowserGpuMode } = await import("./src-6CP5D2JF.js");
   return resolveBrowserGpuMode(requestedMode, { chromePath });
 }
 

package/dist/{chunk-U325D5ZG.js → chunk-GXIHEX7Z.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-77SYQXQN.js";
+} from "./chunk-2RWYPLRR.js";
 
 // src/utils/updateCheck.ts
 import { existsSync, readFileSync } from "fs";

package/dist/{chunk-PWAWHXTQ.js → chunk-J7PWGYI3.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-AWDFDFI3.js";
 import {
   publishRegistryFile
-} from "./chunk-VBXD76KN.js";
+} from "./chunk-E3UXLITA.js";
 import {
   ITEM_TYPE_DIRS
-} from "./chunk-WCQOPUJ4.js";
+} from "./chunk-ZOF426FA.js";
 import {
   realProjectRoot
-} from "./chunk-247O73KD.js";
+} from "./chunk-WNYPPH3Y.js";
 import {
   __commonJS,
   __toESM

package/dist/{chunk-NL6WSNWA.js → chunk-JYEIGPLH.js}

@@ -12,18 +12,18 @@ import {
 } from "./chunk-262C25DQ.js";
 import {
   resolveDiagnosticNavigationTimeoutMs
-} from "./chunk-WJ4NAOYT.js";
+} from "./chunk-RZC26MUU.js";
 import {
   resolveCaptureBrowserGpuMode,
   resolveLocalBrowserGpuMode
-} from "./chunk-SGJSK536.js";
+} from "./chunk-FWLRQHMF.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import {
   assertWebGpuAdapterAvailable,
   compositionRequiresWebGpu
-} from "./chunk-ANWEGAE6.js";
+} from "./chunk-NRAXUJQS.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -99,7 +99,7 @@ async function openSettledCompositionPage(html, url, options) {
   const { ensureBrowser, findSystemBrowser } = await import("./manager-NEVLEZK3.js");
   const browser = await ensureBrowser();
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-ZL5S6ZOV.js");
+  const { buildChromeArgs } = await import("./src-6CP5D2JF.js");
   const requestedGpuMode = options.browserGpuMode ?? resolveCliChromeGpuMode();
   const requiresWebGpu = compositionRequiresWebGpu(html);
   const launch = async (executablePath) => {

package/dist/{chunk-DGPMOHUO.js → chunk-JZP473HH.js}

@@ -8,13 +8,13 @@ import {
   installPageFunctionGuard,
   resolveCliChromeGpuMode,
   seekCompositionTimeline
-} from "./chunk-NL6WSNWA.js";
+} from "./chunk-JYEIGPLH.js";
 import {
   resolveCompositionViewportFromHtml
 } from "./chunk-5Z63TBTX.js";
 import {
   resolveProject
-} from "./chunk-GSWG25MG.js";
+} from "./chunk-YB7OWCJ7.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
@@ -28,7 +28,7 @@ import {
 import {
   printDeprecationNotice,
   withMeta
-} from "./chunk-U325D5ZG.js";
+} from "./chunk-GXIHEX7Z.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -217,7 +217,7 @@ function extractCompositionErrorsFromLint(lintResult) {
 async function localizeRemoteAssets(html) {
   let dir;
   try {
-    const { loadProducer } = await import("./producer-O7IG6IS4.js");
+    const { loadProducer } = await import("./producer-ULL2HNOC.js");
     const { localizeRemoteMediaSources, localizeRemoteImageSources, localizeRemoteFontFaces } = await loadProducer();
     dir = mkdtempSync(join(tmpdir(), "hf-validate-assets-"));
     const assetDir = dir;
@@ -238,10 +238,10 @@ async function localizeRemoteAssets(html) {
 }
 async function validateInBrowser(project, opts) {
   const projectDir = project.dir;
-  const { bundleToSingleHtml } = await import("./compiler-XICNIB6E.js");
+  const { bundleToSingleHtml } = await import("./compiler-HBDJ2FCK.js");
   const { ensureBrowser } = await import("./manager-NEVLEZK3.js");
-  const { serveStaticProjectHtml } = await import("./staticProjectServer-JSX6RZC3.js");
-  const { lintProject } = await import("./lintProject-OUOTD5DS.js");
+  const { serveStaticProjectHtml } = await import("./staticProjectServer-FPLN4VJQ.js");
+  const { lintProject } = await import("./lintProject-ESEUOGXF.js");
   const lintResult = await lintProject(projectDir);
   const compositionErrors = extractCompositionErrorsFromLint(lintResult);
   const html = await bundleToSingleHtml(projectDir);
@@ -262,13 +262,13 @@ async function validateInBrowser(project, opts) {
   try {
     const browser = await ensureBrowser();
     const puppeteer = await import("puppeteer-core");
-    const { buildChromeArgs, analyzeClipMediaFit } = await import("./src-ZL5S6ZOV.js");
+    const { buildChromeArgs, analyzeClipMediaFit } = await import("./src-6CP5D2JF.js");
     const requestedGpuMode = resolveCliChromeGpuMode();
     const {
       assertWebGpuAdapterAvailable,
       compositionRequiresWebGpu,
       resolveCaptureBrowserGpuMode
-    } = await import("./gpuPolicy-Z3VMNZAH.js");
+    } = await import("./gpuPolicy-FDXLHK7O.js");
     const resolvedGpuMode = await resolveCaptureBrowserGpuMode(
       requestedGpuMode,
       browser.executablePath

package/dist/{chunk-U24VGXGA.js → chunk-KVA65K7M.js}

@@ -3748,11 +3748,11 @@ function trackKindOf(node) {
 
 // ../lint/dist/index.js
 import { createHash } from "crypto";
-import { existsSync as existsSync2, readFileSync, readdirSync } from "fs";
+import { existsSync as existsSync2, readFileSync as readFileSync2, readdirSync } from "fs";
 import { dirname, extname, join as join2, relative as relative2, resolve as resolve2 } from "path";
 
 // ../parsers/dist/assetResolution.js
-import { existsSync } from "fs";
+import { closeSync, constants, existsSync, fstatSync, openSync, readFileSync } from "fs";
 import { isAbsolute, join, posix, relative, resolve, sep } from "path";
 function decodeUrlPathVariants(path) {
   const variants = [path];
@@ -3875,6 +3875,23 @@ function maskNonScannableRanges(html) {
   out = maskRange(out, /<script\b[^>]*>[\s\S]*?<\/script\b[^>]*>/gi);
   return out;
 }
+function readProjectFile(path) {
+  let fd;
+  try {
+    fd = openSync(path, constants.O_RDONLY | (constants.O_NONBLOCK ?? 0), 384);
+  } catch (error) {
+    const code = error.code ?? "";
+    if (["EISDIR", "ENXIO"].includes(code)) return { kind: "folder" };
+    if (["ENOENT", "ENOTDIR", "ELOOP", "ENAMETOOLONG"].includes(code)) return { kind: "missing" };
+    throw error;
+  }
+  try {
+    if (!fstatSync(fd).isFile()) return { kind: "folder" };
+    return { kind: "file", text: readFileSync(fd, "utf-8") };
+  } finally {
+    closeSync(fd);
+  }
+}
 
 // ../lint/dist/index.js
 import { execFile } from "child_process";
@@ -10204,7 +10221,7 @@ function collectLocalStylesheets(projectDir, document, compSrcPath) {
     if (!stylesheet) continue;
     styles.push({
       href,
-      content: readFileSync(stylesheet.resolved, "utf-8"),
+      content: readFileSync2(stylesheet.resolved, "utf-8"),
       rootRelativePath: stylesheet.rootRelativePath
     });
   }
@@ -10266,7 +10283,7 @@ async function lintProject(projectDir, entryFile, hostOptions = {}) {
   let totalErrors = 0;
   let totalWarnings = 0;
   let totalInfos = 0;
-  const rootHtml = readFileSync(indexPath, "utf-8");
+  const rootHtml = readFileSync2(indexPath, "utf-8");
   const rootResult = await lintHyperframeHtml(rootHtml, {
     ...hostOptions,
     filePath: indexPath,
@@ -10295,7 +10312,7 @@ async function lintProject(projectDir, entryFile, hostOptions = {}) {
     const files = collectHtmlFiles(compositionsDir, "").sort();
     for (const file of files) {
       const filePath = join2(compositionsDir, file);
-      const html = readFileSync(filePath, "utf-8");
+      const html = readFileSync2(filePath, "utf-8");
       const compSrcPath = `compositions/${file}`;
       allHtmlSources.push({ html, compSrcPath });
       if (isSnippetFragment(html)) continue;
@@ -10510,7 +10527,7 @@ function lintMultipleRootCompositions(projectDir) {
     const rootCompositions = [];
     for (const file of rootHtmlFiles) {
       if (file === "caption-skin.html") continue;
-      const content = readFileSync(join2(projectDir, file), "utf-8");
+      const content = readFileSync2(join2(projectDir, file), "utf-8");
       if (/data-composition-id/i.test(content)) {
         rootCompositions.push(file);
       }
@@ -10580,13 +10597,24 @@ function lintMissingOrEmptySubComposition(projectDir, rootHtml) {
       const filePath = resolve2(projectDir, srcPath);
       if (visited.has(filePath)) continue;
       visited.add(filePath);
-      if (!existsSync2(filePath)) {
+      const read = readProjectFile(filePath);
+      if (read.kind === "missing") {
         if (!checked.has(srcPath)) {
           checked.set(srcPath, { srcPath, problem: "the file does not exist" });
         }
         continue;
       }
-      const fileHtml = readFileSync(filePath, "utf-8");
+      if (read.kind === "folder") {
+        if (!checked.has(srcPath)) {
+          checked.set(srcPath, {
+            srcPath,
+            problem: "it is a folder, not an HTML file",
+            folder: true
+          });
+        }
+        continue;
+      }
+      const fileHtml = read.text;
       const validity = checkSubCompositionUsability(fileHtml, parseSubCompHtml);
       if (!validity.ok) {
         if (!checked.has(srcPath)) {
@@ -10602,12 +10630,12 @@ function lintMissingOrEmptySubComposition(projectDir, rootHtml) {
   };
   walk(rootHtml);
   const findings = [];
-  for (const { srcPath, problem } of checked.values()) {
+  for (const { srcPath, problem, folder } of checked.values()) {
     findings.push({
       code: "missing_or_empty_sub_composition",
       severity: "error",
       message: `data-composition-src references "${srcPath}", but ${problem}.`,
-      fixHint: `Fix this before rendering \u2014 the render pre-flight rejects unusable sub-compositions. Write valid HTML into "${srcPath}" \u2014 it needs a <template> or <body> containing an element with data-composition-id, data-width, and data-height. Preview/studio still tolerates and skips the scene while you author it. If a scene-authoring step is still running, wait for it to finish before referencing the file, or re-run the step that generates it.`
+      fixHint: folder ? `Point data-composition-src at the HTML file inside the folder, such as "${srcPath}/index.html".` : `Fix this before rendering \u2014 the render pre-flight rejects unusable sub-compositions. Write valid HTML into "${srcPath}" \u2014 it needs a <template> or <body> containing an element with data-composition-id, data-width, and data-height. Preview/studio still tolerates and skips the scene while you author it. If a scene-authoring step is still running, wait for it to finish before referencing the file, or re-run the step that generates it.`
     });
   }
   return findings;
@@ -10628,6 +10656,7 @@ export {
   resolveExistingLocalAsset,
   resolveProjectRelativeSrc,
   maskNonScannableRanges,
+  readProjectFile,
   require_dist,
   LINT_RULE_COUNT,
   LINT_RULE_GROUP_COUNTS,

package/dist/{chunk-VQX6DC4V.js → chunk-LNYBSC5Z.js}

@@ -23,13 +23,13 @@ import {
   shouldClampResolvedMediaDuration,
   stripEmbeddedRuntimeScripts,
   warnUnknownEnumValues
-} from "./chunk-247O73KD.js";
+} from "./chunk-WNYPPH3Y.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
 import {
   lintHyperframeHtml
-} from "./chunk-U24VGXGA.js";
+} from "./chunk-KVA65K7M.js";
 import {
   CSS_URL_RE,
   checkSubCompositionUsability,
@@ -119,6 +119,58 @@ function inlineScriptRuns(scripts, isPinned = () => false) {
     runs.push({ members, anchor: null });
   return runs;
 }
+function cssStyleMergeKey(el) {
+  const rawType = el.getAttribute("type") ?? "";
+  const type = el.tagName.toLowerCase() === "link" ? rawType.split(";")[0].trim() : rawType;
+  if (type !== "" && type.toLowerCase() !== "text/css")
+    return void 0;
+  const media = (el.getAttribute("media") ?? "").trim().toLowerCase();
+  return JSON.stringify([media === "all" ? "" : media, el.getAttribute("title") ?? ""]);
+}
+var UNCONDITIONAL_CSS_KEY = JSON.stringify(["", ""]);
+function linkDedupeKey(el) {
+  return JSON.stringify([
+    el.getAttribute("href"),
+    (el.getAttribute("rel") ?? "").trim().toLowerCase(),
+    cssStyleMergeKey(el) ?? el.getAttribute("type"),
+    el.hasAttribute("disabled")
+  ]);
+}
+function hasSameLink(scope, link) {
+  const key = linkDedupeKey(link);
+  return [...scope.querySelectorAll("link[href]")].some((other) => !other.closest("noscript") && linkDedupeKey(other) === key);
+}
+function headStyleRuns(styles, isPinned = () => false) {
+  const runs = [];
+  let previousKey;
+  for (const el of styles) {
+    const key = isPinned(el) ? void 0 : cssStyleMergeKey(el);
+    if (key !== void 0 && key === previousKey)
+      runs.at(-1).push(el);
+    else if (key !== void 0)
+      runs.push([el]);
+    previousKey = key;
+  }
+  return runs;
+}
+function compositionStyle(el, css) {
+  return { css, media: el.getAttribute("media"), title: el.getAttribute("title") };
+}
+function styleElementsFor(document, sheets, join) {
+  const elements = sheets.map(({ css, media, title }) => {
+    const el = document.createElement("style");
+    if (media !== null)
+      el.setAttribute("media", media);
+    if (title !== null)
+      el.setAttribute("title", title);
+    el.textContent = css;
+    return el;
+  });
+  return headStyleRuns(elements).map((run) => {
+    run[0].textContent = join(run.map((el) => el.textContent || ""));
+    return run[0];
+  });
+}
 
 // ../core/dist/sceneParts.js
 var SCENE_PART_ATTR = "data-hf-scene";
@@ -979,6 +1031,20 @@ var reaches = (host, selector) => {
     return false;
   }
 };
+function ensureExternalLinkTag(doc, link) {
+  const el = doc.createElement("link");
+  el.setAttribute("rel", link.rel);
+  el.setAttribute("href", link.href);
+  for (const name of ["crossorigin", "media", "title", "type"]) {
+    const value = link[name];
+    if (value != null)
+      el.setAttribute(name, value);
+  }
+  if (link.disabled)
+    el.setAttribute("disabled", "");
+  if (!hasSameLink(doc, el))
+    doc.head.appendChild(el);
+}
 function defaultBuildScopeSelector(compId) {
   const escaped = compId.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
   return `[data-composition-id="${escaped}"]`;
@@ -993,7 +1059,6 @@ function inlineSubCompositions(document, hosts, options) {
   const importMaps = [];
   const moduleScripts = [];
   const externalLinks = [];
-  const seenLinkHrefs = /* @__PURE__ */ new Set();
   const variablesByComp = {};
   const sceneHosts = /* @__PURE__ */ new Map();
   const queue = hosts.map((element) => ({
@@ -1084,15 +1149,20 @@ function inlineSubCompositions(document, hosts, options) {
     };
     for (const link of plan.linkSources) {
       const href = resolveSubAssetPath(link.getAttribute("href"));
-      if (href && !seenLinkHrefs.has(href)) {
-        seenLinkHrefs.add(href);
+      if (href) {
         const rel = (link.getAttribute("rel") || "").trim();
         const crossorigin = link.hasAttribute("crossorigin") ? link.getAttribute("crossorigin") || "" : void 0;
-        externalLinks.push({ href, rel, crossorigin });
+        const media = link.getAttribute("media") ?? void 0;
+        const title = link.getAttribute("title") ?? void 0;
+        const type = link.getAttribute("type") ?? void 0;
+        const disabled = link.hasAttribute("disabled") ? true : void 0;
+        externalLinks.push({ href, rel, crossorigin, media, title, type, disabled });
       }
     }
     for (const styleEl of plan.styleSources) {
-      styles.push(scopeSubStyle(styleEl.textContent || ""));
+      if (cssStyleMergeKey(styleEl) === void 0)
+        continue;
+      styles.push(compositionStyle(styleEl, scopeSubStyle(styleEl.textContent || "")));
       if (scene)
         styleScenes.push(scene);
       styleEl.remove();
@@ -1876,8 +1946,7 @@ function placeSceneStylesLikeRender(document) {
   first.before(holder);
 }
 function isAlwaysAppliedStyle(el) {
-  const type = el.getAttribute("type")?.trim().toLowerCase();
-  return !el.hasAttribute("media") && (!type || type === "text/css") && !el.closest("template, noscript, svg");
+  return cssStyleMergeKey(el) === UNCONDITIONAL_CSS_KEY && !el.closest("template, noscript, svg");
 }
 function pushRun(runs, scene, chunk) {
   const last = runs.at(-1);
@@ -1888,14 +1957,8 @@ function pushRun(runs, scene, chunk) {
 }
 function coalesceHeadStylesAndBodyScripts(document) {
   const allHeadStyles = [...document.querySelectorAll("head style")];
-  const untaggedRuns = [[]];
-  for (const el of allHeadStyles) {
-    if (el.hasAttribute(SCENE_PART_ATTR))
-      untaggedRuns.push([]);
-    else
-      untaggedRuns.at(-1).push(el);
-  }
-  for (const run of allHeadStyles.length > 1 ? untaggedRuns : []) {
+  const isScenePart = (el) => el.hasAttribute(SCENE_PART_ATTR);
+  for (const run of allHeadStyles.length > 1 ? headStyleRuns(allHeadStyles, isScenePart) : []) {
     const merged = joinCssHoistingImports(run.map((el) => el.textContent || ""));
     if (!merged)
       continue;
@@ -1903,7 +1966,7 @@ function coalesceHeadStylesAndBodyScripts(document) {
     for (const el of run.slice(1))
       el.remove();
   }
-  if (untaggedRuns.length > 1)
+  if (allHeadStyles.some(isScenePart))
     placeSceneStylesLikeRender(document);
   const isPinned = (el) => el.hasAttribute(RUNTIME_BOOTSTRAP_ATTR) || el.hasAttribute(SCENE_PART_ATTR);
   for (const { members, anchor } of inlineScriptRuns([...document.querySelectorAll("body script")], isPinned)) {
@@ -2016,11 +2079,11 @@ async function bundleProject(projectDir, options) {
   if (resolve2(sourceDir) !== resolve2(projectDir)) {
     rebaseEntryAuthoredAssetPaths(document, sourceDir, projectDir);
   }
-  const localCssChunks = [];
-  let cssAnchorPlaced = false;
   for (const el of [...document.querySelectorAll('link[rel="stylesheet"]')]) {
     const href = el.getAttribute("href");
-    if (!href || !isRelativeUrl(href))
+    if (!href || !isRelativeUrl(href) || cssStyleMergeKey(el) === void 0)
+      continue;
+    if (el.hasAttribute("disabled"))
       continue;
     const cssPath = resolveEntryPath(href);
     if (!cssPath)
@@ -2028,26 +2091,14 @@ async function bundleProject(projectDir, options) {
     const css = safeReadFile(cssPath);
     if (css == null)
       continue;
-    localCssChunks.push(inlineCssFile(css, dirname(cssPath), projectDir));
-    if (!cssAnchorPlaced) {
-      const anchor = document.createElement("style");
-      anchor.setAttribute("data-hf-bundled-local-css", "1");
-      el.replaceWith(anchor);
-      cssAnchorPlaced = true;
-    } else {
-      el.remove();
-    }
-  }
-  if (localCssChunks.length > 0) {
-    const anchor = document.querySelector('style[data-hf-bundled-local-css="1"]');
-    if (anchor) {
-      anchor.removeAttribute("data-hf-bundled-local-css");
-      anchor.textContent = localCssChunks.join("\n\n");
-    } else {
-      const style = document.createElement("style");
-      style.textContent = localCssChunks.join("\n\n");
-      document.head.appendChild(style);
+    const style = document.createElement("style");
+    for (const name of ["media", "title"]) {
+      const value = el.getAttribute(name);
+      if (value !== null)
+        style.setAttribute(name, value);
     }
+    style.textContent = inlineCssFile(css, dirname(cssPath), projectDir);
+    el.replaceWith(style);
   }
   const rootScripts = options?.sceneParts ? [
     ...document.querySelectorAll(`script:not([${RUNTIME_BOOTSTRAP_ATTR}])`),
@@ -2094,7 +2145,7 @@ async function bundleProject(projectDir, options) {
   });
   refuseSwapsReachedByRootScripts(document, rootScripts);
   const styleRuns = [];
-  subCompResult.styles.forEach((css, i) => pushRun(styleRuns, subCompResult.styleScenes[i], css));
+  subCompResult.styles.forEach((style, i) => pushRun(styleRuns, subCompResult.styleScenes[i], style));
   const scriptRuns = [];
   const compStyleChunks = [];
   const compScriptChunks = [];
@@ -2159,10 +2210,12 @@ async function bundleProject(projectDir, options) {
       pushSubCompVariableStyles(innerDoc, innerRoot, mergedVariables, runtimeScope, compStyleChunks);
       if (innerRoot) {
         for (const styleEl of [...innerRoot.querySelectorAll("style")]) {
+          if (cssStyleMergeKey(styleEl) === void 0)
+            continue;
           const css = styleEl.textContent || "";
-          compStyleChunks.push(compId ? scopeCssToComposition(css, compId, runtimeScope, authoredRootId, {
+          compStyleChunks.push(compositionStyle(styleEl, compId ? scopeCssToComposition(css, compId, runtimeScope, authoredRootId, {
             scopeRootSelectors: true
-          }) : css);
+          }) : css));
           styleEl.remove();
         }
         hoistCompositionScripts(innerRoot, {
@@ -2185,10 +2238,12 @@ async function bundleProject(projectDir, options) {
         host.innerHTML = preparedInnerRoot.outerHTML || "";
       } else {
         for (const styleEl of [...innerDoc.querySelectorAll("style")]) {
+          if (cssStyleMergeKey(styleEl) === void 0)
+            continue;
           const css = styleEl.textContent || "";
-          compStyleChunks.push(compId ? scopeCssToComposition(css, compId, runtimeScope, void 0, {
+          compStyleChunks.push(compositionStyle(styleEl, compId ? scopeCssToComposition(css, compId, runtimeScope, void 0, {
             scopeRootSelectors: true
-          }) : css);
+          }) : css));
           styleEl.remove();
         }
         hoistCompositionScripts(innerDoc, {
@@ -2242,17 +2297,8 @@ async function bundleProject(projectDir, options) {
       document.body.appendChild(script);
     }
   }
-  for (const link of compExternalLinks) {
-    const escapedHref = link.href.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-    if (!document.querySelector(`link[href="${escapedHref}"]`)) {
-      const linkEl = document.createElement("link");
-      linkEl.setAttribute("rel", link.rel);
-      linkEl.setAttribute("href", link.href);
-      if (link.crossorigin != null)
-        linkEl.setAttribute("crossorigin", link.crossorigin);
-      document.head.appendChild(linkEl);
-    }
-  }
+  for (const link of compExternalLinks)
+    ensureExternalLinkTag(document, link);
   for (const css of compStyleChunks)
     pushRun(styleRuns, void 0, css);
   for (const chunk of compScriptChunks)
@@ -2265,11 +2311,12 @@ async function bundleProject(projectDir, options) {
       scriptRuns.unshift({ chunks: [variablesByCompScript] });
   }
   for (const { scene, chunks } of styleRuns) {
-    const style = document.createElement("style");
-    if (scene)
-      style.setAttribute(SCENE_PART_ATTR, scene);
-    style.textContent = scene ? joinCssHoistingImports(chunks) : chunks.join("\n\n");
-    document.head.appendChild(style);
+    const join = scene ? joinCssHoistingImports : (css) => css.join("\n\n");
+    for (const style of styleElementsFor(document, chunks, join)) {
+      if (scene)
+        style.setAttribute(SCENE_PART_ATTR, scene);
+      document.head.appendChild(style);
+    }
   }
   for (const { scene, chunks } of scriptRuns) {
     const script = document.createElement("script");
@@ -2429,7 +2476,7 @@ function pushSubCompVariableStyles(innerDoc, innerRoot, mergedVariables, runtime
     Object.assign(declaredForCss, readDeclaredDefaults(innerRootForVars));
   const cssVars = compositionVariablesCssBlock({ ...declaredForCss, ...mergedVariables }, runtimeScope);
   if (cssVars)
-    compStyleChunks.push(cssVars);
+    compStyleChunks.push({ css: cssVars, media: null, title: null });
 }
 
 // ../core/dist/compiler/htmlParityContract.js
@@ -2560,6 +2607,10 @@ function addScenePartsManifest(html, ignore = []) {
 export {
   compileHtml,
   inlineScriptRuns,
+  cssStyleMergeKey,
+  headStyleRuns,
+  compositionStyle,
+  styleElementsFor,
   ensureExternalScriptTag,
   emitMountedModuleScripts,
   FLATTENED_INNER_ROOT_STRIP_ATTRS,
@@ -2567,6 +2618,7 @@ export {
   wrapScopedCompositionScript,
   buildVariablesByCompScript,
   validateHyperframeHtmlContract,
+  ensureExternalLinkTag,
   inlineSubCompositions,
   EXCLUDED_TAGS,
   mintHfId,

package/dist/{chunk-WLIQG73N.js → chunk-MCR5L5H5.js}

@@ -19,7 +19,7 @@ import {
 import {
   formatVariableValidationIssue,
   validateVariables
-} from "./chunk-WCQOPUJ4.js";
+} from "./chunk-ZOF426FA.js";
 import {
   extractCompositionMetadata
 } from "./chunk-WFO4PSIZ.js";

package/dist/{chunk-MEIIOQNR.js → chunk-MWVZQN2E.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-HVW7ABXD.js";
 import {
   DEFAULT_REGISTRY_URL
-} from "./chunk-PWAWHXTQ.js";
+} from "./chunk-J7PWGYI3.js";
 
 // src/utils/projectConfig.ts
 import { readFileSync, writeFileSync } from "fs";

package/dist/{chunk-ANWEGAE6.js → chunk-NRAXUJQS.js}

@@ -22,7 +22,7 @@ import {
   renderFrameIdForRenderId,
   resolveAuthoredTimingWindow,
   toFps
-} from "./chunk-WCQOPUJ4.js";
+} from "./chunk-ZOF426FA.js";
 import {
   AUDIO_GROUP_RENDER_ID_ATTR,
   COLOR_GRADING_SOURCE_HIDDEN_ATTR,
@@ -51,7 +51,7 @@ import {
   shiftRateLane,
   sourceTimeAt,
   timeAtSourceTime
-} from "./chunk-247O73KD.js";
+} from "./chunk-WNYPPH3Y.js";
 import {
   chromeMajorCeiling,
   exceedsChromeCeiling
@@ -59,7 +59,7 @@ import {
 import {
   isWithinProjectRoot,
   resolveProjectRelativeSrc
-} from "./chunk-U24VGXGA.js";
+} from "./chunk-KVA65K7M.js";
 import {
   FFMPEG_PATH_ENV,
   FFPROBE_PATH_ENV,