hyperframes 0.8.172 → 0.8.174

package/dist/{chunk-M235XUHL.js → chunk-UQLXFITA.js}

@@ -4,9 +4,6 @@ import { dirname as __hf_dirname } from "node:path";
 var require = __hf_createRequire(import.meta.url);
 var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
-import {
-  ensureHfIds
-} from "./chunk-KCF6GHJP.js";
 import {
   HF_AUDIO_FX_ATTR,
   HF_COLOR_GRADING_ATTR,
@@ -40,7 +37,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-Q2E3DQII.js";
+} from "./chunk-UKJECUDK.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -50,11 +47,11 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-G47TXPYN.js";
+} from "./chunk-GK2FIKIQ.js";
 import {
   checkSubCompositionUsability,
   resolveSubCompositionContent
-} from "./chunk-3RM2ETQT.js";
+} from "./chunk-32GKETR7.js";
 import {
   CSS_URL_RE,
   decodeCssEscapes,
@@ -1862,6 +1859,239 @@ function inlineSubCompositions(document, hosts, options) {
   };
 }
 
+// ../parsers/dist/hfIds.js
+var EXCLUDED_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "template",
+  "meta",
+  "link",
+  "noscript",
+  "base"
+]);
+function fnv1a(str) {
+  let h = 2166136261;
+  for (let i = 0; i < str.length; i++) {
+    h ^= str.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+function toHfId(hash2) {
+  const s = (hash2 >>> 0).toString(36);
+  const four = s.length >= 4 ? s.slice(-4) : s.padStart(4, "0");
+  return `hf-${four}`;
+}
+function ownText(el) {
+  let text = "";
+  el.childNodes.forEach((n) => {
+    if (n.nodeType === 3) text += n.nodeValue ?? "";
+  });
+  return text.trim();
+}
+function getContractAttribute(el, name) {
+  return Array.from(el.attributes).find((attr) => attr.name.toLowerCase() === name)?.value ?? null;
+}
+function contentKey(el) {
+  const attrs = Array.from(el.attributes).filter((a) => !a.name.toLowerCase().startsWith("data-hf-")).map((a) => `${a.name.toLowerCase()}\0${a.value}`).sort().join("
");
+  return `${el.tagName.toLowerCase()}|${attrs}|${ownText(el)}`;
+}
+function mintHfId(el, assigned) {
+  const key = contentKey(el);
+  let id = toHfId(fnv1a(key));
+  let dup = 0;
+  while (assigned.has(id)) {
+    dup += 1;
+    if (dup > 1e4) {
+      id = `hf-${(fnv1a(key) >>> 0).toString(36)}-${dup}`;
+      break;
+    }
+    id = toHfId(fnv1a(`${key}#${dup}`));
+  }
+  assigned.add(id);
+  return id;
+}
+function getChildElements(parent) {
+  const directChildren = Array.from(parent.children);
+  if (directChildren.length || parent.tagName.toLowerCase() !== "template") return directChildren;
+  const content = parent.content;
+  if (content?.children.length) return Array.from(content.children);
+  return directChildren;
+}
+function isCompositionTemplate(el) {
+  if (el.tagName.toLowerCase() !== "template") return false;
+  if (getContractAttribute(el, "data-composition-id") !== null) return true;
+  for (const child of getChildElements(el)) {
+    if (getContractAttribute(child, "data-composition-id") !== null) return true;
+  }
+  return false;
+}
+function walkCompositionDescendants(root, visit) {
+  const rootElement = root.nodeType === 9 ? root.documentElement : root;
+  if (!rootElement) return;
+  const walk = (parent) => {
+    for (const child of getChildElements(parent)) {
+      const isTemplate = child.tagName.toLowerCase() === "template";
+      if (isTemplate && !isCompositionTemplate(child)) continue;
+      visit(child);
+      walk(child);
+    }
+  };
+  walk(rootElement);
+}
+function assignHfIds(body) {
+  const assigned = /* @__PURE__ */ new Set();
+  walkCompositionDescendants(body, (el) => {
+    const existing = getContractAttribute(el, "data-hf-id");
+    if (existing) assigned.add(existing);
+  });
+  walkCompositionDescendants(body, (el) => {
+    if (EXCLUDED_TAGS.has(el.tagName.toLowerCase())) return;
+    if (getContractAttribute(el, "data-hf-id")) return;
+    el.setAttribute("data-hf-id", mintHfId(el, assigned));
+  });
+}
+function ensureHfIds(html) {
+  const { document, wrapped } = parseFragmentOrDocument(html);
+  if (!document.body) return html;
+  assignHfIds(document.body);
+  return wrapped ? document.body.innerHTML || "" : document.toString();
+}
+function parseFragmentOrDocument(html) {
+  const wrapped = !/^(?:<!doctype|<html[\s>/])/i.test(
+    html.replace(/^(?:\s|<!--(?:>|->|[\s\S]*?-->))*/, "")
+  );
+  const { document } = wrapped ? parseHTML(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`) : parseHTML(html);
+  return { document, wrapped };
+}
+function stampHfIdsInPlace(html) {
+  const { document, wrapped } = parseFragmentOrDocument(html);
+  if (!document.body) return html;
+  const elements = wrapped ? getChildElements(document.body).flatMap(inDocumentOrder) : inDocumentOrder(document.documentElement);
+  const existing = elements.map((el) => el.getAttribute("data-hf-id"));
+  const pinned = existing.map((id) => id !== null && id.length > 0);
+  assignHfIds(document.body);
+  const minted = elements.map((el, n) => pinned[n] ? null : el.getAttribute("data-hf-id"));
+  const tags = startTags(html);
+  const inserts = tags && alignInserts(html, tags, elements, minted, existing);
+  return inserts ? spliceIds(html, inserts) : ensureHfIds(html);
+}
+function inDocumentOrder(el) {
+  return [el, ...getChildElements(el).flatMap(inDocumentOrder)];
+}
+var RAW_TEXT = /* @__PURE__ */ new Set(["script", "style", "textarea", "title", "xmp", "noembed", "noframes"]);
+var IMPLIED = /* @__PURE__ */ new Set(["html", "head", "body", "tbody"]);
+function startTags(html) {
+  const lower = html.toLowerCase();
+  const tags = [];
+  let i = html.indexOf("<");
+  while (i >= 0) {
+    const name = html.startsWith("<!--", i) ? null : /^<([a-zA-Z][^\s/>]*)/.exec(html.slice(i, i + 128));
+    if (!name) {
+      i = nextTagAfter(html, i);
+      continue;
+    }
+    const end = closingBracket(html, i + name[0].length);
+    if (end < 0) return null;
+    const tag = name[1].toLowerCase();
+    tags.push({ name: tag, nameEnd: i + name[0].length, bracket: end });
+    const after = RAW_TEXT.has(tag) ? rawTextEnd(lower, tag, end) : end;
+    i = after < 0 ? -1 : html.indexOf("<", after + 1);
+  }
+  return tags;
+}
+function rawTextEnd(lower, tag, from) {
+  const marker = `</${tag}`;
+  for (let at = lower.indexOf(marker, from); at >= 0; at = lower.indexOf(marker, at + marker.length)) {
+    const next = lower[at + marker.length];
+    if (next !== void 0 && /[\s/>]/.test(next)) return at;
+  }
+  return -1;
+}
+function nextTagAfter(html, lt) {
+  const comment = html.startsWith("<!--", lt);
+  const end = comment ? html.indexOf("-->", lt + 4) : html.indexOf(">", lt);
+  return end < 0 ? -1 : html.indexOf("<", end + 1);
+}
+function closingBracket(html, from) {
+  let quote = "";
+  for (let i = from; i < html.length; i++) {
+    const c = html[i];
+    if (quote) quote = c === quote ? "" : quote;
+    else if (c === '"' || c === "'") quote = c;
+    else if (c === ">") return i;
+  }
+  return -1;
+}
+function alignInserts(html, tags, elements, minted, existing) {
+  const walked = walkAlign(html, tags, elements, minted, existing);
+  if (!walked) return null;
+  return walked.next === tags.length ? walked.inserts : null;
+}
+function walkAlign(html, tags, elements, minted, existing) {
+  const state = { inserts: [], next: 0 };
+  for (const [n, el] of elements.entries()) {
+    if (!take(state, html, tags, el, minted[n] ?? null, existing[n] === "")) return null;
+  }
+  return state;
+}
+function take(state, html, tags, el, id, fillEmpty) {
+  const step = alignOne(html, tags[state.next], el, id, fillEmpty);
+  if (!step) return false;
+  if (step.insert) state.inserts.push(step.insert);
+  if (step.next) state.next += 1;
+  return true;
+}
+function alignOne(html, tag, el, id, fillEmpty) {
+  if (tag?.name === el.tagName.toLowerCase()) return matched(html, tag, id, fillEmpty);
+  if (IMPLIED.has(el.tagName.toLowerCase()) && !id) return { insert: null, next: false };
+  return null;
+}
+function matched(html, tag, id, fillEmpty) {
+  if (!id) return { insert: null, next: true };
+  const placed = placeId(html, tag, id, fillEmpty);
+  if (!placed) return null;
+  return { insert: placed, next: true };
+}
+function placeId(html, tag, id, fillEmpty) {
+  if (!fillEmpty) return { at: tag.nameEnd, text: ` data-hf-id="${id}"` };
+  const emptyAt = emptyHfIdValue(html, tag);
+  if (emptyAt === null) return null;
+  return { at: emptyAt, text: id };
+}
+function emptyHfIdValue(html, tag) {
+  const open = outsideQuotes(html.slice(tag.nameEnd, tag.bracket));
+  const match = /\sdata-hf-id\s*=\s*(["'])\1/i.exec(open);
+  if (!match) return null;
+  return tag.nameEnd + match.index + match[0].length - 1;
+}
+function outsideQuotes(open) {
+  let quote = "";
+  let out = "";
+  for (const c of open) {
+    out += quotedChar(quote, c);
+    quote = quoteOf(quote, c);
+  }
+  return out;
+}
+function quoteOf(quote, c) {
+  if (quote) return c === quote ? "" : quote;
+  return c === '"' || c === "'" ? c : "";
+}
+function quotedChar(quote, c) {
+  if (!quote || c === quote) return c;
+  return " ".repeat(c.length);
+}
+function spliceIds(html, inserts) {
+  let out = "";
+  let from = 0;
+  for (const { at, text } of inserts) {
+    out += html.slice(from, at) + text;
+    from = at;
+  }
+  return out + html.slice(from);
+}
+
 // ../core/dist/compiler/htmlBundler.js
 var DEFAULT_RUNTIME_SCRIPT_URL = "";
 function getRuntimeScriptUrl() {
@@ -3142,6 +3372,11 @@ export {
   validateHyperframeHtmlContract,
   ensureExternalLinkTag,
   inlineSubCompositions,
+  EXCLUDED_TAGS,
+  mintHfId,
+  walkCompositionDescendants,
+  ensureHfIds,
+  stampHfIdsInPlace,
   assignBundledRuntimeCompositionIds,
   prepareFlattenedInnerRoot,
   parsesAsScript,

package/dist/{chunk-JYVGYKXG.js → chunk-W2LGJSEN.js}

@@ -102,9 +102,81 @@ function isLowMemorySystem(totalMb = getSystemTotalMb()) {
   return totalMb <= LOW_MEMORY_TOTAL_MB_THRESHOLD;
 }
 
+// ../engine/src/services/wslHost.ts
+import { accessSync, constants, existsSync, readFileSync as readFileSync2, statSync } from "fs";
+import { platform, release } from "os";
+function groupName(gid) {
+  try {
+    const line = readFileSync2("/etc/group", "utf-8").split("\n").find((entry) => entry.split(":")[2] === String(gid));
+    return line?.split(":")[0] || String(gid);
+  } catch {
+    return String(gid);
+  }
+}
+var realHost = {
+  get platform() {
+    return platform();
+  },
+  get release() {
+    return release();
+  },
+  readProcVersion: () => readFileSync2("/proc/version", "utf-8"),
+  renderNodeAccess: (path) => {
+    if (!existsSync(path)) return { state: "missing" };
+    try {
+      accessSync(path, constants.R_OK | constants.W_OK);
+      return { state: "read-write" };
+    } catch {
+      const gid = statSync(path, { throwIfNoEntry: false })?.gid ?? -1;
+      return {
+        state: "denied",
+        group: groupName(gid),
+        userInGroup: process.getgroups?.().includes(gid) ?? false
+      };
+    }
+  }
+};
+function detectWsl(host = realHost) {
+  if (host.platform !== "linux") return false;
+  try {
+    const osRelease = host.release.toLowerCase();
+    if (osRelease.includes("microsoft") || osRelease.includes("wsl")) return true;
+    const procVersion = host.readProcVersion().toLowerCase();
+    return procVersion.includes("microsoft") || procVersion.includes("wsl");
+  } catch {
+    return false;
+  }
+}
+var RENDER_NODE = "/dev/dri/renderD128";
+var NATIVE_WINDOWS = "render from native Windows (project copied to a Windows drive, run from PowerShell), where Chrome uses the GPU through Direct3D.";
+function describeWslGpuAccess(host = realHost) {
+  if (!detectWsl(host)) return null;
+  const access = host.renderNodeAccess(RENDER_NODE);
+  if (access.state === "denied" && !access.userInGroup) {
+    return [
+      `  Your Linux user cannot read and write ${RENDER_NODE} and is not in its group ("${access.group}"), which can stop Mesa from reaching the GPU.`,
+      `  Fix: run \`sudo usermod -aG ${access.group} $USER\`, then \`wsl --shutdown\` from Windows, reopen WSL and render again.`,
+      `  Or ${NATIVE_WINDOWS}`
+    ];
+  }
+  if (access.state === "denied") {
+    return [
+      `  Your Linux user is in the "${access.group}" group but still cannot read and write ${RENDER_NODE}; check its permissions with \`ls -l ${RENDER_NODE}\`.`,
+      `  Or ${NATIVE_WINDOWS}`
+    ];
+  }
+  const seen = access.state === "missing" ? "does not exist" : "is readable and writable";
+  return [
+    `  ${RENDER_NODE} ${seen}, so file permissions are not the cause.`,
+    `  To use the GPU, ${NATIVE_WINDOWS}`
+  ];
+}
+
 export {
   getCgroupMemoryLimitMb,
   getSystemTotalMb,
   LOW_MEMORY_TOTAL_MB_THRESHOLD,
-  isLowMemorySystem
+  isLowMemorySystem,
+  detectWsl,
+  describeWslGpuAccess
 };

package/dist/{chunk-UFAKRR5G.js → chunk-W3YVQ6VI.js}

@@ -10,21 +10,21 @@ import {
   seekCompositionTimeline,
   waitForCompositionFonts,
   waitForRuntimeReady
-} from "./chunk-HZWXDKYB.js";
+} from "./chunk-SH43VDEF.js";
 import {
   gotoWhenSent,
   launchManagedBrowser,
   resolveManagedGpuMode
-} from "./chunk-6K2N6WPO.js";
+} from "./chunk-EAR5LFOH.js";
 import {
-  resolveDiagnosticNavigationTimeoutMs
-} from "./chunk-Z5ENX63S.js";
+  pageNavigationTimeoutMs
+} from "./chunk-SEHRMJTO.js";
 import {
   resolveProject
-} from "./chunk-DQRZWV3B.js";
+} from "./chunk-HIYAJFRH.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-AG2O2USE.js";
+} from "./chunk-X3BE2HX4.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
@@ -38,7 +38,7 @@ import {
 import {
   printDeprecationNotice,
   withMeta
-} from "./chunk-QQI7R2QL.js";
+} from "./chunk-JKPI7VLI.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -709,7 +709,7 @@ async function collectTweenBoundaries(page) {
   });
 }
 async function bundleProjectHtml(projectDir) {
-  const { bundleToSingleHtml } = await import("./compiler-I4GWSEK3.js");
+  const { bundleToSingleHtml } = await import("./compiler-O5R3ZZDV.js");
   return bundleToSingleHtml(projectDir);
 }
 async function alignViewportToComposition(page, url) {
@@ -723,18 +723,18 @@ async function alignViewportToComposition(page, url) {
     };
   });
   await page.setViewport(size);
-  await gotoWhenSent(page, url, resolveDiagnosticNavigationTimeoutMs());
+  await gotoWhenSent(page, url, pageNavigationTimeoutMs());
 }
 async function runLayoutAudit(projectDir, opts) {
   const { ensureBrowser } = await import("./manager-HEUPD2YB.js");
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-RY4V2ZZT.js");
+  const { buildChromeArgs } = await import("./src-MRYINZ62.js");
   const {
     assertWebGpuAdapterAvailable,
     compositionRequiresWebGpu,
     resolveLocalBrowserGpuMode,
     resolveLocalWebGpu
-  } = await import("./gpuPolicy-HWH4OW6H.js");
+  } = await import("./gpuPolicy-MCIQK5Z7.js");
   const html = await bundleProjectHtml(projectDir);
   const server = await serveStaticProjectHtml(
     projectDir,
@@ -759,7 +759,7 @@ async function runLayoutAudit(projectDir, opts) {
     const page = await chromeBrowser.newPage();
     await installPageFunctionGuard(page);
     await page.setViewport({ width: 1920, height: 1080 });
-    await gotoWhenSent(page, server.url, resolveDiagnosticNavigationTimeoutMs());
+    await gotoWhenSent(page, server.url, pageNavigationTimeoutMs());
     await assertWebGpuAdapterAvailable(page, requiresWebGpu, softwareWebGpu);
     await alignViewportToComposition(page, server.url);
     await waitForRuntimeReady(page, opts.timeout);

package/dist/{chunk-FQP7TLRF.js → chunk-W4AECR7V.js}

@@ -6,7 +6,7 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   resolveProject
-} from "./chunk-DQRZWV3B.js";
+} from "./chunk-HIYAJFRH.js";
 import {
   DEFAULT_HISTORY_ROOT,
   HistoryBusyError,

package/dist/{chunk-AG2O2USE.js → chunk-X3BE2HX4.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   getMimeType,
   injectMediaCodecMapIntoHtml
-} from "./chunk-YHECAUDC.js";
+} from "./chunk-CI7ZHFSV.js";
 import {
   PROXY_VARIANT_CONFIG,
   ProxyCapacityError,
@@ -18,10 +18,10 @@ import {
   recordProxyRequest,
   resolveProxy,
   resolveProxyVariantRequest
-} from "./chunk-FXHGO3NH.js";
+} from "./chunk-APMA7XXB.js";
 import {
   resolveAutoProxy
-} from "./chunk-MFWQEG2W.js";
+} from "./chunk-UDJHYQSZ.js";
 import {
   decodeWellFormedEscapes
 } from "./chunk-BSQ7XANM.js";

package/dist/{chunk-TDPVEMBS.js → chunk-XFCLWWL3.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-PBN6GBJE.js";
 
 // src/cloud/poll.ts
-var DEFAULT_POLL_INTERVAL_MS = 1e4;
+var DEFAULT_POLL_INTERVAL_MS = 2e3;
 var DEFAULT_MAX_WAIT_MS = 60 * 60 * 1e3;
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "failed"]);
 var PollTimeoutError = class extends Error {